/* Fonts og Ikoner */
/*!
 * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
 @font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/Lato-Light.ttf');
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/Lato-LightItalic.ttf');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: normal;
	src: url('../fonts/Lato-Italic.ttf');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/Lato-Bold.ttf');
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: bold;
	src: url('../fonts/Lato-ItalicBold.ttf');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/Lato-Black.ttf');
}
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 900;
	src: url('../fonts/Lato-ItalicBlack.ttf');
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

  @font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/* Fonts og ikoner - end */

/* General */
button:focus {
	outline: none;
	box-shadow: none;
}
video:focus {
	outline: none;
}
body {
	background: #f9f9f9;
	font-family: 'Lato', sans-serif;
}
h1 {
    font-size:3rem;
}
h2, h3, h4 {
	font-weight: 700;
	margin-bottom: 1em;
}
h2 {
        font-size: 3rem;
}

p {
    font-size:1.1rem;
}

.container {
	max-width: 1200px;
}
.larger-max {
	width: 95%;
	max-width: 1600px;
}

.img-col {
	padding: 0;
	overflow: hidden;
	width: 100%;
}
.row.align-items-center {
	height: 100%;
}
.box-shadow {
	box-shadow: rgba(204, 204, 204, 0.16) 0px 3px 6px, rgba(204, 204, 204, 0.23) 0px 3px 6px;
}
.multiline-highlight {
	line-height: 1.5;
}
h2.multiline-highlight {
        font-size:2.5rem;
        font-weight: 600;
        margin-bottom:0.75em;
}
.highlight {
	padding: 0px 8px;
}
.highlight.green {
	background: #38756d;
	color: #fff;
        white-space: normal;
}
.highlight.white {
	background: #fff;
	color: #38756d;	
}
.highlight.white.orange {
	background: #fff;
	color: #FC7D53;	
}

.highlight.orange {
	background: #FC7D53;
	color: #fff;
}
@media only screen and (max-width: 768px) {
    h2 {
        font-size:2.3rem;
    }
    h2.multiline-highlight {
        font-size:2.0rem;
        line-height:1.3;
    }
    #virtuelle-events h2.multiline-highlight {
        font-size:1.8rem;
        line-height:1.3;
    }
    #sponsored_solution a.btn {
        margin-bottom: 45px;
    }
}
.extra-padding {
	padding: 45px;
	position: relative;
}
.extra-padding-top-buttom {
    padding-top: 45px;
    padding-bottom: 45px;
    position: relative;
}


.extra-padding-plus {
        padding: 80px;
}
.extra-padding-top-plus {
    padding-top: 80px;
}

.extra-side-padding {
	padding: 15px 45px;
	position: relative;
}
.text p {
    font-size:1.1rem;
    line-height:1.3rem;
}
.max-width-text {
	max-width: 600px;
	width: 100%;
}
.max-width-text-750 {
	max-width: 750px;
	width: 100%;
}
.max-width-text-500 {
	max-width: 500px;
	width: 100%;
}
.max-width-text-400 {
	max-width: 400px;
	width: 100%;
}
.max-width-text-375 {
	width: 100%;
	max-width: 375px;
	
}
.fw-700 {
	font-weight: 700;
}
.fw-500 {
	font-weight: 500;
}
.fw-400 {
	font-weight: 400;
}
.italic {
	font-style: italic;
}
.centered-content-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.fluid-img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.rounded-img {
	border-radius: 100%;
	max-width: 200px;
	object-fit: cover;
}
.mh-500 {
	max-height: 500px;
}
.mh-525 {
        max-height: 525px;
}
.mh-550 {
        max-height: 550px;
}
.mh-600 {
        max-height: 600px;
}
.row.mh-500 {
	min-height: 500px;
	max-height: unset;
	height: 2px;
}
.mh-550 {
        min-height: 550px;
        max-height: unset;
        height: 2px;
}
.row.mh-600 {
        min-height: 600px;
	max-height: unset;
	height: 2px;
}
.row {
	margin: 0;
}

.centered {
    text-align: center;
}

@media only screen and (max-width: 991px) { 
	.full-width .col-lg-6.text {
		padding: 25px;
	}
	.fluid-img {
		width: 100%!important;
		height: auto!important;
	}
	.img-col {
		overflow: visible;
	}
	.row.reversable {
		flex-direction: column-reverse;
	}
	.row.mh-500 {
		min-height: 500px;
		max-height: unset;
		height: unset;
	}
	.row.mh-550 {
		min-height: 550px;
		max-height: unset;
		height: unset;
	}
}

@media only screen and (max-width: 768px) {
	.extra-padding {
		padding: 45px 25px;
	}
        .extra-side-padding {
		padding: 15px;
	}
	.row.reversable {
		flex-direction: column-reverse;
	}
	.row.reversable .extra-padding:last-of-type {
		padding: 45px 25px 0px 25px;
	}
	.centered-mobile {
		text-align: center;
	}
	.highlight {
		white-space: nowrap;
	}
	.no-top.extra-padding {
		padding-top: 0!important;
	}
	.multiline-highlight {
		line-height: 1.6;
	}
}
.white-text {
	color: #fff;
}
/* Animationer */
.fade-in {
  opacity: 0;
  animation: fade-in 2.8s ease forwards;
}
.fade-in:nth-child(odd) {
  animation-duration: 2.6s; /* So they look staggered */
}
@keyframes fade-in {
  to { opacity: 1; }
}
.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateX(0); }
}

.come-down {
  transform: translateY(-150px);
  animation: come-in 0.8s ease forwards;
}

@keyframes come-down {
  to { transform: translateX(0); }
}

.scale-in {
  transform: scale(0);
  animation: scale-in 0.8s ease forwards;
}
.scale-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes scale-in {
  to { transform: scale(1); }
}
.responsive-dropdown {
	display: none;
	margin-bottom: 15px;
}
.responsive-dropdown .selected {
    padding: 10px;
    border: 1px solid #6d7474;
    background: white;
    font-weight: bold;
    display: block;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 5px;
}
.responsive-dropdown .selected.active {
    color: #38756d;
}	
.dropdown-icon {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 20px;
	color: #6d7474;
	pointer-events: none;
	transform-origin: center;
	transform: rotate(0deg);
	transition: .3s ease-in-out;
}
.dropdown-icon.rotate {
	transform: rotate(180deg);
}
.responsive-dropdown-msg {
	display: none;
	text-align: center;
}
@media only screen and (max-width: 992px) {
	#loesning .product:first-of-type {
		margin-bottom: 45px;
	}
}

@media only screen and (max-width: 768px) {
	.responsive-dropdown-msg {
		display: block;
	}
	.desktop-dropdown {
		display: none;
	}
	.responsive-dropdown {
		display: block;
	}
	.responsive-dropdown ul.nav {
		display: none;
		flex-direction: column;
		flex-wrap: nowrap;
		background: white;
	    margin-bottom: 25px;
	    border: 1px solid #6d7474;
	    border-radius: 5px;
	}
	.responsive-dropdown ul.nav .nav-link{
		border-radius: 5px!important;
	}
}

@media only screen and (max-width: 1260px) { /*switch to dropdown when there is no room for 6 items (1260px in danish) in 'menu'*/
	#main-comparison .responsive-dropdown-msg {
            display: block;
	}
	#main-comparison .desktop-dropdown {
            display: none;
	}
	#main-comparison .responsive-dropdown {
            display: block;
	}
	#main-comparison .responsive-dropdown ul.nav {
	    display: none;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    background: white;
	    margin-bottom: 25px;
	    border: 1px solid #6d7474;
	    border-radius: 5px;            
	}
        
	#main-comparison .responsive-dropdown ul.nav .nav-link{
	    border-radius: 5px!important;
            color: black;
	}
}

@media only screen and (max-width: 576px) {
    .pangel_explainer.green {
        color : #212529;
    }
}

/* General end */

/* WK-burger */

/* Hide outline */
.navbar-toggler {
	border: none!important;
	box-shadow: none!important;
	padding: 0;
}
#nav-icon3 {
    display: block;
    position: relative;
    width: 30px;
    height: 24px;
    cursor: pointer;
    top: 8px;
  }
  #nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  background: #38756D;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
}

#nav-icon3 span.white {
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2) {
  top: 10px;
}

#nav-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(2) {
	top: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span {
  background: #38756D;
}

#nav-icon3.open span.white {
  background: white;
}

/* WK-burger end */

/* Navigation */
#primary-nav {
	padding: 10px 20px;
	background: #F1F1EC;
        white-space: nowrap;
}
#primary-nav .me-auto {
	margin-left: auto!important;
	margin-right: unset!important;
}
.navbar-brand img {
	height: 48px;
}
.nav-item .nav-link {
	font-weight: normal;
	color: #404040;
}
#primary-nav.white_menu .nav-item .nav-link {
    color: white;
}
.navbar-expand-xl .navbar-nav .nav-link {
        padding-left:0.75rem;
        padding-right:0.75rem;
}
.nav-item .nav-link:hover {
	color: #FC7D53!important;
}

.nav-item .nav-link.other-system-element:hover {
    background-color: #ffffff!important;
}

.navbar-nav .nav-item:last-of-type {
	margin-right: 15px;
}
.navbar .btn-nem:first-of-type {
	margin-right: 15px;
}
.login-link {
	line-height: 48px;
	margin-left: 25px;
	font-weight: bold;
	text-decoration: none!important;
	color: #38756D;
}
.login-link.white{
	line-height: 48px;
	margin-left: 25px;
	font-weight: bold;
	text-decoration: none!important;
	color: white;
}
.login-link i {
	margin-left: 5px;
}
.login-link:hover, .login-link i:hover {
	color: #FC7D53;
}
@media only screen and (max-width: 1315px) {
	.fluid-img {
		width: 100%;
		height: 100%;
	}

}
@media only screen and (min-width: 1200px) {
    #primary-nav {
		padding: 25px;
	}
}
@media only screen and (max-width: 768px) {
	.navbar .d-flex {
		flex-direction: column;
	}
	.navbar .btn-nem:first-of-type {
		margin-right: 0px;
		margin-bottom: 15px;
	}
}
/* Navigation end */

/* Buttons */
.btn.btn-nem {
    padding: 10px 25px;
    border-radius: 45px;
    font-weight: bold;
    color: #fff;
}

.btn-nem.white {
    background: white;
    color: #38756D;
}

.btn-nem.white:hover {
    background: #FC7D53;
    color: white;
    border: 2px solid #FC7D53
}


.btn-nem.green {
	background: #38756D;
	border: 2px solid #38756D;
}
.btn-nem.green:hover {
	color: #38756D;
	background: white;
}
.btn-nem.greenorange {
	background: #38756D;
	border: 2px solid #38756D;
}
.btn-nem.greenorange.active {
	color: #fff;
	background: #FC7D53;
	border: 2px solid #FC7D53;
}
.btn-nem.greenorange:hover {
	color: #fff;
	background: #FC7D53;
	border: 2px solid #FC7D53;
}
.btn-nem.orange {
	background: #FC7D53;
	border: 2px solid #FC7D53;
}
.btn-nem.orange.round {
    padding-bottom: 0.375rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
}
.btn-nem.orange:hover {
	color: #FC7D53;
	background: white;
}
.btn-nem.orangegreen {
	background: #FC7D53;
	border: 2px solid #FC7D53;
}
.btn-nem.orangegreen:hover {
	color: #fff;
	border: 2px solid #38756D;
	background: #38756D;
}
.btn-nem.blue {
	color: #38756D;
	background: #fff;
	border: 2px solid #fff;
}
.btn-nem.blue:hover {
	color: #fff;
	background: #FC7D53;
	border: 2px solid #FC7D53;
}
/* Buttons end */

/* Forside */
#main-cta {
	min-height: 50vh;
	background-color: #F1F1EC;
	padding: 45px 45px 45px 45px;
}

#main-cta h1 {
	font-size: 2.5rem;
	font-weight: 600;
}
#main-cta .btn-nem {
	margin-top: 25px;
}
#main-cta img {
	margin: 0 auto;
	display: table;
	max-width: 100px;
}
#main-cta .embed-responsive {
	max-width: 500px;
}
#virtuelle-events {
	color: #fff;
}

@media only screen and (max-width: 768px) {
    #main-cta {
	padding-bottom: 120px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #main-cta h1 {
        font-size: 1.5rem;
    }
        
    #main-cta .btn {
        text-align: center;
    }
    #virtuelle-events img {
	margin-top: -120px;
    }
    #udvalgte-kunder .extra-padding {
	padding: 0;
    }
}
.dual-columns-with-icons .large-icon {
    font-size: 90px;
}
.dual-columns-with-icons h2 {
	margin-bottom: 0;
        text-align:center;
}
.dual-columns-with-icons h4 {
	margin-bottom: 0;
        font-weight: 800;
}
.dual-columns-with-icons .col-md-6 {
	display: flex;
	flex-direction: row;
        padding-bottom:0px;
}
#this_much_easier.dual-columns-with-icons .col-md-6 .max-width-text-500 {
        min-height:180px;
}
.dual-columns-with-icons p {
        font-size: 1.1rem;
        line-height: 1.3rem;
        margin-top:0.5rem;
}
.dual-columns-with-icons .icon-thumbs {
        font-size:77px;
        left: 6px;
}
.dual-columns-with-icons .icon-trash {
        left: 6px;
}
.large-icon {
	float: left;
	font-size: 75px;
	position: relative;
	margin-right: 25px;
	min-width: 80px;
}
.large-icon.icon-mail, .large-icon.icon-mail_exclamation,  .large-icon.icon-mail_date,  .large-icon.icon-mail_check {
	font-size: 62px;
        margin-top: 14px;
        margin-bottom: 14px;
}
.icon-mail_exclamation:before, .icon-mail_date:before {
        color: #38756d;
}
.large-icon.icon-doc_refresh {
        font-size: 70px;
        left:5px;
        padding-top:10px;
}
.video-row .embed-responsive {
        max-width: 1100px;
        height: 600px;
}
.video-controller {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	color: #fff;
	background: #fc7d53;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	border-radius: 100%;
	width: 48px;
	height: 48px;
	transition: .3s ease-in-out;
	text-decoration: none!important;
}
.video-controller i {
	font-size: 14px;
	position: relative;
	left: 1px;
}
.video-controller:hover {
	background: #38756d;
	color: #fff;
}

@media only screen and (max-width: 965px) {
	.dual-columns-with-icons .col-md-6 {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 25px;
	}
}
@media only screen and (min-width: 768px) {
    #main-comparison .row.odd div, #main-comparison .row.even div {
        border-style: solid;
    }
}
#main-comparison .default-hidden {
    display: none;
}

@media only screen and (max-width: 768px) {
	.dual-columns-with-icons {
		background: #f9f9f9;
	}
	.dual-columns-with-icons .col-md-6 {
		margin-bottom: 0px;
	}
	.dual-columns-with-icons .large-icon {
		margin-bottom: 15px;
		margin-right: 0;
	}
	.dual-columns-with-icons .col-md-6:last-of-type {
		padding-bottom: 0;
	}
        .video-row .embed-responsive {
                height: 385px;
        }
}

#loesning .product {
	box-shadow: rgba(204, 204, 204, 0.16) 0px 3px 6px, rgba(204, 204, 204, 0.23) 0px 3px 6px;
	background-color: #fff;
	border-radius: 45px;
	text-align: center;
}
/* Baggrundsgrafik på produkt (blev ikke godkendt) */
.product.no-credit {
	background-image: url('../images/kort_betaling-22.svg');
	background-position: 50% -55px;
	background-size: 125%;
	background-repeat: no-repeat;
}
.product img {
	max-height: 75px;
	margin: 0 auto;
	display: table;
	height: auto;
}
.product h5 {
        font-size:1.75rem;
	font-weight: 900;
	margin: 30px 10px 10px;
}
.product .desc {
	font-weight: 400;
        font-size:1.1rem;
        line-height: 1.3rem;
}
.product .price {
	font-size: 30px;
	font-weight: 900;
	margin-top: 45px;
	margin-bottom: 0;
}
.product .cancellation-highlight {
    font-size: 1.625rem;
    font-weight: 900;
    line-height: 1;
}
.product .cancellation-highlight em {
    font-style: normal;
    text-decoration: underline;
}
.product hr {
	opacity: 1;
    height: 2px;
    max-width: 75px;
    background-color: #38756D;
    margin: 0 auto;
}
.product .disclaimer-link {
	text-align: center;
	color: #404040;
	text-decoration: underline;
	font-weight: 700;
	display: block;
	margin-top: 15px;
        font-size:1.1rem;
}
.product .disclaimer-link:hover {
	color: #FC7D53;
}
.product .btn-nem {
    width: 180px;
    margin:7px;
}

@media only screen and (max-width: 768px) {
	.product {
		margin-bottom: 25px;
	}
        .product .price {
                margin-top: 10px;
        }
        .product .disclaimer-link {
                font-size:16px;
        }
}
@media only screen and (max-width: 500px) {
	.product .btn-nem {
		margin-bottom: 10px;
		margin-right: 0;
	}
	#loesning {
		padding-right: 10px;
                padding-left: 10px;
	}
        #loesning .product.extra-padding {
                padding: 45px 20px 45px 10px;
        }
	#loesning .col-lg-6 {
		padding-left: 0;
		padding-right: 0;
	}
}
#nemt-i-gang {
    color: #fff;
}

#nemt-i-gang p {
	line-height: 1.3rem;
}

#nemt-i-gang p.huge-price-DKK, #nemt-i-gang p.huge-price-USD {
	font-weight: 900;
	font-size: 230px;
	color: #fff;
        line-height: 345px;
}
#nemt-i-gang .multiline-highlight {
    font-size:2rem;
    margin-bottom:0.5rem;
    margin-top:3rem;
}
p.huge-price-DKK::before {
	content: 'kr.';
	font-size: 100px;
	margin-right: -50px;
}
p.huge-price-USD::before {
	content: '$';
	font-size: 100px;
	margin-right: -50px;
        vertical-align: super;
}
#nemt-i-gang a {
        margin-top:15px;
}
@media only screen and (max-width: 768px) {
	.huge-price {
		font-size: 150px;
		margin-bottom: -45px;
	}
	.huge-price::before {
		margin-right: -30px;
	}
        #nemt-i-gang p.huge-price-DKK, #nemt-i-gang p.huge-price-USD {
                line-height: 60px;
                margin-bottom: 0px;
                margin-top: 60px;
                font-size:180px;
        }
        #nemt-i-gang .multiline-highlight {
            text-align:center;
        }
        #nemt-i-gang p {
                text-align: center;
        }
        #nemt-i-gang a {
                margin: 30px auto 0px;
                width: 200px;
                display: block;
        }
}

#nemt-i-gang {
    margin-top: -250px;
}

@media only screen and (max-width: 768px) {
    #nemt-i-gang {
        margin-top: -150px;
    }
}
#support {
	margin-top: -155px;
	padding-bottom: 100px;
	color: #fff;
	text-align: center;
}
#support .support-container {
	min-height: 500px;
	height: 600px;
	background-image: url('../images/team_image_darkened_1600x600.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: overlay;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}	

#support .progress-part {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: .3s ease-in-out;
}
#support .progress-part p {
    font-size: 1.1rem;
    font-weight: normal;
}
#support .progress {
	max-width: 500px;
	width: 80%;
	height: 45px;
	margin-bottom: 25px;
	background-color: rgba(255,255,255, 0);
	border-radius: 0;
	border: 1px solid #FC7D53;
}
#support .progress-bar {
	font-weight: 700;
	background-color: #FC7D53;
	font-size: 25px;
	-webkit-transition: none !important;
        transition: none !important;
        transition: 1s ease-in-out!important;
}
#support .slide-part {
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,25%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition-delay: .3s;
	transition: .3s ease-in-out;
        padding:40px;
        margin-top:100px;
}
#support h2 {
    margin-bottom: 0.5rem;
}

#support .slide-part p {
	max-width: 880px;
        font-size:1.2rem;
        margin-bottom:2rem;
        line-height: 1.3rem;
}
#support .slide-part.shown {
	transform: translate(-50%,-35%);
	opacity: 1;
	pointer-events: all;
}

@media only screen and (max-width: 768px) {
	#support {
		padding-bottom: 40px;
	}
        #support .progress-part {
                margin-top: -150px;
        }
        #support .slide-part.shown {
                transform: translate(-50%,-55%);
        }
        #support .support-container {
            background-image: url('../images/support_web_darkened.png');
        }
        #support .slide-part p {
                font-size:1.1rem;
        }
}

.reference-slider {
        height:340px;
}
.reference-slider .fixed-elements {
        position:absolute;
        left:0;
        bottom: -50px;
        width:100%;
}
.reference-slider .carousel-item {
	min-height: 350px;
	height: auto;
	text-align: center;
}
.reference-slider .carousel-item img {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	object-fit: cover;
	margin: 0 auto;
	position: relative;
}
.reference-slider .carousel-caption {
	color: #404040;
	margin: 0 auto;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
        width: 100%;
        max-width:800px;
}
.reference-slider .carousel-caption h5 {
	font-size: 30px;
	font-weight: 600;
}
.reference-slider .carousel-caption .quote-from {
	margin-top: 15px;
	font-weight: 400;
}
.reference-slider .carousel-indicators {
        position:absolute;
}
.reference-slider .carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: 2px solid #404040;
	background-color: rgba(252, 125, 83, 0);
}
.reference-slider .carousel-indicators li.active {
	background-color: #FC7D53;
	border-color: #FC7D53;
}
.more-references-button {
        margin-top:45px;
}

@media only screen and (max-width: 768px) {
        .reference-slider {
                height: 350px;
        }
        .reference-slider .fixed-elements {
                bottom: -80px;
        }
        .reference-slider .carousel-caption h5 {
                font-size: 18px;
        }
        .reference-slider .carousel-caption .quote-from {
                font-size:1rem;
        }
        .more-references-button {
                margin-top:80px;
        }
}
.cta-splitter {
    padding: 30px;
}
.cta-splitter h4 {
    font-size:1.75rem;
}

#main-comparison p {
    text-align: center;
}

#main-comparison h2 {
    text-align: center;
}
@media only screen and (min-width: 768px) {
    #main-comparison .nav-item a.white  {
        color: white;
    }
}
#main-comparison #comparison_tabs-content .row.odd {
    background-color: white;
    color: black;
}

#main-comparison #comparison_tabs-content .row.even {
    background-color: #F1F1EC;
    color: black;
}
#main-comparison #comparison_tabs-content .row.orange-bg {
    padding-top: 10px;
    padding-bottom: 10px;
}

#main-comparison h2 {
    margin-bottom: 0px;
}

.padding-bottom-small {
    padding-bottom: 45px;
}
@media only screen and (max-width: 576px) {
    .padding-bottom-small {
        padding-bottom: 0px;
    }
}

.padding-bottom {
    padding-bottom: 80px;
}

#main-comparison .icon-plus{
    font-size: 34px;
    color: white;
}

#satisfaction_guarantee h2 {
    line-height: 1.3;
}

#features {
    padding-top: 100px;    
}

#features.no_top_padding {
    padding-top: 0px;
    padding-bottom:100px;
}

h2.centered-mobile {
    margin-bottom: 0px;
}

#features h2.centered-mobile {
    margin-top: 35px;
    margin-bottom: 0px;
}

#Testimonials h2.centered-mobile {
    margin-top: 45px;
    margin-bottom: -25px;
}

.trial #Testimonials h2.centered-mobile {
    margin-top: 45px;
    margin-bottom: 0px;
}

.trial #andre-siger {
    padding-top: 20px;
}

#promises h2.centered-mobile, #signup_form h2.centered-mobile{
    padding-top: 45px;
}

#inspiration #promises h2{
    font-size: 2rem;
}
#inspiration .topMargin {
    margin-top: 25px;
}
@media only screen and (max-width: 576px) {
    #inspiration #promises h2{
        font-size: 1.5rem;
        margin-bottom: 25px;
    }
    #inspiration #inspiration_promises h2{
        font-size: 2rem;
    }
}

@media only screen and (max-width: 576px) {
    h2.centered-mobile {
        margin-bottom: 45px;
        font-size: 1.8rem;
    }
    #system-in-short h2.centered-mobile {
        margin-bottom: 0px;
    }
    .no-padding-bottom-mobile {
        padding-bottom: 0px;
    }
    .no-padding-top-mobile {
        padding-top: 0px!important;
    }
    #features h2.centered-mobile {
        margin-top: 10px;
        margin-bottom: 45px;
    }
    #Testimonials h2.centered-mobile {
        padding-top: 0px
    }
    
    #main-comparison-container .mobile-top-45 {
        padding-top: 45px;
    }
    #signup_form h2.centered-mobile {
        margin-bottom: 15px;
    }
}


#features img.horizontal {
	max-width: 500px;
	width: 100%;
}
#features img.vertical {
	max-width: 350px;
	width: 100%;
}
#features h2 {
        line-height: 1.3;
}
#sponsored_promotion h2 {
        font-size:2.5rem;
}
@media only screen and (max-width: 768px) {
	#features.extra-padding {
		padding: 0;
	}
	#features .larger-max {
		width: 100%;
	}
        #features .row .extra-padding {
		padding: 45px 25px 0;
	}
	#features .row .extra-padding.text {
		padding: 25px 25px 45px;
	}
        #sponsored_promotion h2 {
                font-size:2.1rem;
        }
        .cta-splitter .container {
            padding-left:0px;
            padding-right:0px;
        }
}
#tidsroevere h5 {
	font-weight: 700;
}
#tidsroevere img {
	max-width: 350px;
	box-shadow: rgba(204, 204, 204, 0.16) 0px 3px 6px, rgba(204, 204, 204, 0.23) 0px 3px 6px;
}

.fake-ol {
	font-weight: 900;
	font-size: 82px;
	position: absolute;
	top: 17px;
	left: 0;
}
.fake-ol-text {
	margin-left: 25px;
}

@media only screen and (max-width: 768px) {
        #tidsroevere > .row > .extra-padding:first-of-type {
                padding: 0 25px 0 25px;
        }
	#tidsroevere img {
		margin: 0 auto;
		display: table;
	}
	.fake-ol {
		left: 0px;
	}
	.fake-ol-text {
		margin-left: 40px;
		max-width: 300px;
	}
        .fake-ol-text p {
		margin-right: 20px;
	}
}
#udvalgte-kunder .custom-flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
        margin-bottom:45px;
}
#udvalgte-kunder h2 {
    margin-bottom: 0;
}
.custom-flex img {
	max-width: 125px;
}

@media only screen and (max-width: 992px) {
    	#udvalgte-kunder .custom-flex {
		flex-direction: row;
		flex-wrap: wrap;
                margin-bottom:0px;
	}
	.custom-flex img {
		margin-bottom: 15px;
		width: 26%;
		padding: 15px;
		max-width: unset;
	}
	.custom-flex img:last-of-type {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 768px) {
	.custom-flex img {
		margin-bottom: 15px;
		width: 35%;
		padding: 15px;
		max-width: unset;
	}
}

@media only screen and (max-width: 600px) {
	.custom-flex img {
		margin-bottom: 15px;
		width: 50%;
		padding: 15px;
		max-width: unset;
	}
}
/* Forside end */

/* Support */
#header-section {
	height: auto;
	min-height: 20vh;
}
#header-section h1 {
	font-weight: 900;
}

#support-sections .large-icon {
	float: none;
	font-size: 215px;
	margin: 0;
}

#support-sections .btn-nem {
	margin-bottom: 25px;
}
#support-sections .btn-nem {
	margin-right: 15px;
}
#support-sections .btn-nem:last-of-type {
	margin-right: 0px;
}
@media only screen and (max-width: 768px) {
	#header-section h1 {
		font-size: 2em;
	}
	#support-sections .large-icon {
		margin: 0 auto;
		display: table;
		font-size: 115px;
                padding: 0px 25px 20px 25px;
	}
	#support-sections .btn-nem {
		display: block;
		margin-right: 0;
	}
        #support-sections h2 {
            font-size:1.5rem;
        }
}
#kontakt form {
	width: 90%;
	text-align: center;
}
#kontakt form .invalid-feedback {
	position: absolute;
	left: 0;
	text-align: right;
}
.form-group {
	position: relative;
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 25px;
}
.form-group::before {
	content: '';
	width: 0%;
	height: 2px;
	background: #FC7D53;
	position: absolute;
	left: 0;
	bottom: -2px;
	transition: .4s ease-in-out;
}
.form-group.valid::before {
	background: #28a745;
}
.form-group label {
    position: absolute;
    top: 13px;
    left: 10px;
    z-index: 9;
    color: #cccccc;
    transition: .3s ease-in-out;
    font-size: 14px;
    font-weight: bold;
}

.form-group {
    margin-bottom: 45px;
}    

.form-control {
	border-radius: 0;
	border: none;
	position: relative;
	height: calc(2em + .75rem + 2px);
}
.form-control:focus {
	border: none!important;
	box-shadow: none!important;
}
#kontakt form textarea {
	min-height: 200px;
}
.focused::before {
  width: 100%;
}
.focused label {
  top: -20px;
  color: #FC7D53;
}
.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-invalid, .was-validated .form-control:invalid {
	background-position: right calc(0.8em + .1875rem) center;
}
#support-types h4 {
	margin-bottom: 0.5em;
}
#support-types p {
	text-align: center;
	margin-bottom: 25px;
}
#support-types .centered-content-col {
	text-align: center;
}
@media only screen and (max-width: 768px) {
       #support-types .centered-content-col.extra-padding {
                padding:25px;
       }
}
#faq {
	color: #fff;
}
#faq.extra-padding {
	padding: 45px 0px;
}
#faq .col.extra-padding {
	padding: 45px;
}	
#faq .col {
	padding: 0;
}
#faq .accordion {
	width: 100%;
}
#faq .accordion h2 {
        width:90%;
	max-width: 1200px;
	margin: 25px auto;
}
#faq .card-header {
    padding: .25rem .75rem;
}
#faq .accordion-trigger {
	border: none;
	box-shadow: none;
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	text-decoration: none;
	transition: .3s ease-in-out;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding-left: 45px;
	left: 0;
}

#faq .accordion-trigger:hover {
	color: #fff;
	left: 1px;
}
#faq .accordion-trigger:hover .icon-plus {
	color: #fff;
}
#faq .accordion-trigger .icon-plus {
	position: absolute;
	color: #FC7D53;
	top: 8px;
	left: 0px;
	font-size: 34px;
	transition: .3s ease-in-out;
	transform-origin: center center;
	transform: rotate(135deg);
}
#faq .accordion-trigger.collapsed .icon-plus {
	transform: rotate(0deg);
}
#faq .accordion:focus {
	border: none;
	box-shadow: none;
	text-decoration: none;
}
#faq .accordion .card {
	border: none;
}
#faq .accordion .card-header {
	border: none;
}

#faq .card-text {
	margin: 0 auto;
        width:90%;
	max-width: 1200px;
	color: #404040;
        padding-left:47px;
}
@media only screen and (max-width: 768px) {
        #faq .card-text {
            margin-left:-20px;
        }
	#faq.extra-padding {
		padding: 0;
	}
	#faq .accordion-trigger{
		width: 100%;
		padding-left: 25px;
		font-size: 20px;
	}
	#faq .accordion-trigger .icon-plus {
		left: -12px;
		top: 5px;
	}
}
/* Løsninger */
#screenshot-slider .carousel-item {
	min-height: 350px;
	height: auto;
	text-align: center;
}
#screenshot-slider .carousel-item img {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
}
#screenshot-slider .carousel-indicators {
	bottom: -25px;
}
#screenshot-slider .carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: 2px solid #404040;
	background-color: rgba(252, 125, 83, 0);
}
#screenshot-slider .carousel-indicators li.active {
	background-color: #FC7D53;
	border-color: #FC7D53;
}

#screenshot-slider .carousel-caption {
	color: #404040;
	margin: 0 auto;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
}
#screenshot-slider .carousel-caption h5 {
	font-size: 18px;
	font-weight: 600;
}
#functions h2 {
    margin-top:3rem;
}

#functions-tabs {
	border: none;
	justify-content: space-around;
	margin-bottom: 10px;
}
#functions-tabs .nav-link {
	border: 2px solid rgba(255,255,255,0);
	padding: 10px 25px;
        border-radius: 45px;
        font-weight: bold;
        transition: .3s ease-in-out;
        font-size:1.1rem;
}
#functions-tabs .nav-link:hover {
	color: #FC7D53;
	background: rgba(252, 125, 83, 0);
	border: 2px solid #FC7D53;

}
#functions-tabs .nav-link.active {
	background: #FC7D53;
	border: 2px solid #FC7D53;
	color: #fff;
}
#payment_module .disclaimer {
	text-align: center;
	color: #FC7D53;
	font-weight: 700;
}

#screenshots {
        margin-top:3rem;
        margin-bottom:2rem;
}
.tab-pane ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.tab-pane ul li {
	background: #fff;
	padding: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px;
}
.tab-pane ul li:nth-child(2n) {
	background: #f2f2f2;
}
.tab-pane ul li i {
	font-size: 24px;
}
.tab-pane ul li p {
	margin: 0 0 0 24px;
	font-weight: bold;
}

#functions .video-row {
	margin: 3rem 0 0 0;
}
#functions .button-col {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#functions .button-col .btn-nem:first-of-type {
	margin-right: 25px;
}
#functions .disclaimer-link {
	text-align: center;
	color: #404040;
	text-decoration: underline;
	font-weight: 700;
	display: block;
	margin-top: 25px;
}
#loesning {
    padding-bottom: 90px;
    padding-top: 15px;
}
#functions {
    padding-bottom: 90px;
}
@media only screen and (max-width: 768px) {
    #functions {
        padding-bottom: 90px;
    }
}
#loesning .product p.disclaimer {
    font-size:1.1rem;
}

#loesning .product ul {
	padding: 15px 0 0 0;
	margin: 0;
	list-style-type: none;
}
#loesning .product ul li {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 12px;
}
#loesning .product ul li i {
	font-size: 16px;
}
#loesning .product ul li p {
	font-weight: bold;
	margin: 0 0 0 16px;
	text-align: left;
	line-height: 1.4rem;
}
#loesning .product ul li.not i {
	font-size: 18px;
}
#loesning .product ul li.not p {
	font-weight: bold;
	margin: 0 0 0 19px;
	color: #cdcdcd;
}
.info-toggle {
	background: #cdcdcd;
	width: 20px;
	min-width: 20px;
	height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-left: 15px;
	border-radius: 100%;
	font-size: 12px;
	color: #9e9e9e;
	transition: .3s ease-in-out;
	outline: none;
        float:left;
}
.info-toggle:hover {
	color: #fff;
	background: #38756D;
}
.intro-section h2 {
    font-size:2.5rem;
    margin-top:0.5em;
    margin-bottom: 0.5em;
}
.intro-section p {
    line-height: 1.3rem;
}
.intro-section li {
    line-height: 1.3rem;
    font-size:1.1rem;
}
.intro-section .large-icon {
	font-size: 200px;
}
.text-and-image-reversable h2 {
    font-size:2.44rem;
    margin-bottom: 0.75em;
}
.text-and-image-reversable a.btn {
    margin-top:10px;
}

@media only screen and (max-width: 768px) {
	.intro-section .large-icon {
		float: unset;
		font-size: 115px;
		margin: 0 auto;
		display: table;
	}
	.intro-section h2 {
		font-size: 1.5em;
	}
	.intro-section .row.reversable .extra-padding:last-of-type {
		padding: 0px 25px 45px 25px;
	}
	#functions .col {
		padding-left: 0;
		padding-right: 0;
	}
	#functions {
		padding-top: 10px;
                padding-bottom: 45px;
                padding-left: 15px;
                padding-right: 15px;
	}
	#functions .tab-pane ul li p {
		margin: 0 0 0 14px;
		font-size: 14px;
	}
	#functions .tab-pane ul li {
		margin-bottom: 5px;
	}
	#functions h2 {
		text-align: center;
                font-size:2rem;
	}
	#functions .video-row {
		margin: 20px -15px 0px -15px;
	}
	#functions .button-col {
		flex-direction: column;
	}
	#functions .button-col .btn-nem:first-of-type {
		margin-right: 0;
		margin-bottom: 15px;
	}
        #screenshots {
                margin:0;
        }
        #screenshots h2 {
            text-align: center;
        }
        #screenshots.extra-padding {
            padding: 45px 0px;
        }
        #screenshots .container {
            padding: 0px;
        }
        #screenshots .container .col {
            padding: 0px;
        }
        #screenshot-slider .carousel-caption h5 {
            font-size: 14px;
        }
        #loesning {
            padding-bottom:15px;
        }
        #loesning .container {
            padding: 0;
        }
        #loesning .product ul li p {
                font-size: 14px;
                line-height: 16px;
        }
        #loesning .product ul li p, #loesning .product ul li.not p {
                margin: 0 15px 0 10px;
        }
        .info-toggle {
            position:absolute;
            right:10px;
        }
}
#loesning .product ul li .info-toggle i {
	font-size: 10px;
}
#loesning .product .disclaimer-link:first-of-type {
	text-align: left;
}
#loesning-header {
    padding-bottom: 0px;
    padding-top: 90px;
}

#loesning-header h3 {
    max-width: 868px;
}
@media only screen and (max-width: 768px) {
    #loesning-header h3 {
        font-size: 1.5rem
    }
    #loesning-header {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 45px;
    }
}
.popover-header {
	display: none;
}
.popover-body {
	color: #fff;
	background-color: #5f5f5f;
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after {
	border-bottom-color: #5f5f5f;
}
/* Løsninger Slut */

/* Referencer Start */
#referencer .col {
	padding-left: 0;
	padding-right: 0;
}
.tab-content {
	padding-top: 15px;
}
.tab-content .kategori {
	font-size: 1.1rem;
	font-weight: bold;
}
.tab-content h2 {
        margin-bottom: 0.5rem;
        font-size:2rem;
}
.tab-content .quoter {
	font-style: italic;
        margin-bottom: 1.5rem;
}
.reference-small {
	min-height: 350px;
	height: auto;
	text-align: center;
	width: 100%;
}
.reference-small img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	object-fit: cover;
	margin: 0 auto;
	position: relative;
}
.reference-small .caption {
	color: #404040;
	margin: 0 auto;
	position: relative;
	right: unset;
	bottom: unset;
	left: unset;
	text-align: center;
}
.reference-small .caption h5 {
	font-size: 24px;
	font-weight: 900;
}
.reference-small .caption .quote-from {
	margin-top: 15px;
	font-weight: 400;
}
.reference-small .kategori {
	font-weight: bold;
	margin: 15px 0px 5px 0px;
}
@media only screen and (max-width: 768px) {
	#referencer {
		background: #f9f9f9;
                padding: 45px 0px;
	}
	#referencer .responsive-dropdown-msg, #referencer .responsive-dropdown {
		padding-left: 20px;
		padding-right: 20px;
	}
	#referencer .row .extra-padding:first-of-type {
		padding: 25px;
	}
}
/* Referencer Slut */
/* Om os Start */
#teamet h2 {
	text-align: center;
}
.align-items-top {
	align-items: flex-start;
}
.fullscreen-img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}
.person {
	margin-bottom: 25px;
	width: 100%;
	height: 100%;
}
.person img {
	width: 100%;
	max-width: 100%;
}
.person h4 {
	margin-bottom: 0;
	margin-top: 25px;
}
.person p.title {
    font-size:1.25rem;
}

.email a, .phone a {
	font-size: 1.25rem;
}
.person .phone {
	margin-bottom: 0;
}
.desc-accordion {
	position: relative;
}
.desc-accordion .main-text {
	max-width: calc(100% - 48px);
}
.desc-accordion .read-more {
	display: none;
}
.desc-accordion:hover .icon-plus {
	color: #38756D;
}
.desc-accordion .icon-plus {
	position: absolute;
	color: #FC7D53;
	font-weight: 700;
	top: 0px;
	right: 0px;
	font-size: 34px;
	transition: .3s ease-in-out;
	transform-origin: center center;
	transform: rotate(0deg);
	cursor: pointer;
}
.desc-accordion .icon-plus.rotated {
	
	transform: rotate(135deg);
}
@media only screen and (max-width: 1800px) {
	.fullscreen-img {
		height: 450px;
	}
}
@media only screen and (max-width: 1600px) {
	.fullscreen-img {
		height: 375px;
	}
}
@media only screen and (max-width: 1300px) {
	.fullscreen-img {
		height: 350px;
	}
}
@media only screen and (max-width: 1200px) {
	.fullscreen-img {
		height: 300px;
	}
}
@media only screen and (max-width: 1100px) {
	.fullscreen-img {
		height: 275px;
	}
}
@media only screen and (max-width: 767px) {
	.fullscreen-img {
		height: 300px;
	}
	#sponsorater .row .extra-padding:first-of-type {
		padding: 25px;
	}
	#sponsorater .row.reversable .extra-padding:last-of-type {
		padding: 25px;	
	}
}
/* Om os Slut */

/* Login Start */

#login-section form {
	width: 100%;
	max-width: 600px;
	margin-top: 45px;
}
#login-section .invalid-feedback {
    font-size:1rem;
}
#login-section form .btn {
	float: right;
}
#login-section form .disclaimer-link {
	color: #404040;
	text-decoration: underline;
	font-weight: 700;
	display: block;
	margin-top: 15px;
	float: left;
	transition: .3s ease-in-out;
}
#login-section form .disclaimer-link:hover {
	color: #FC7D53;
}
#login-section label {
    font-size: 15px;
}
#login-section .focused label{
    top: -24px;
}
#newsletter .row {
	margin: 0;
}
@media only screen and (max-width: 768px) {
        #login-section form .btn {
                display: block;
                margin: 0 auto;
                float:none;
        }
        #login-section .disclaimer-link {
                text-align:center;
                margin: 0 auto;
                float:none !important;
        }
}
/* Login Slut */

/* Kontakt Start */
#kontakt-info h3 {
	text-align: left;
        min-height:66px;
}
#kontakt-info h3 .thinner{
	font-weight: 400;
}
#kontakt-info .person {
	margin-bottom: 45px;
}

#kontakt-info .department {
    padding-top:45px;
}

#bankinfo p {
	font-size: 18px;
}
#bankinfo p.lefty {
	float: left;
	display: inline-block;
	min-width: 225px;
}
#bankinfo p.righty {
	float: left;
}
#bankinfo .halfwidth {
	min-width: 85px;
	display: inline-block;
}
#sponsorater .fluid-img.svg {
	max-width: 300px;
}
img.mcd {
	max-width: 500px;
}
@media only screen and (max-width: 768px) {
	#kontakt {
		padding: 0;
	}
        #kontakt-info h3 {
                text-align: left;
                min-height:0px;
        }
        #bankinfo h4 {
            margin-top:20px;
        }
}
/* Kontakt Slut */

/* Case-side */
body.alternate .larger-max {
	max-width: 1600px;
}
body.alternate #header-section {
	padding-bottom: 100px;
}
#main-case {
	width: calc(73% - 90px);
	flex-basis: calc(73% - 90px);
	-webkit-flex-basis: 75%;
}
#sidebar {
	width: calc(27% - 90px);
	flex-basis: calc(27% - 90px);
	-webkit-flex-basis: 25%;
}
#main-case .text-wrapper {
	max-width: 900px;
}
#main-case h2 {
	margin-bottom: 0.5em;
}
#main-case h4 {
	font-weight: bold;
	font-size: 18px;
}
#main-case h5 {
	font-weight: bold;
	margin-top: 2em;
}
#main-case .quote {
	font-size: 36px;
        font-weight: bold;
        max-width: 600px;
        margin: 1em 0;
}
#main-case iframe {
        max-width: 100%;
}
.sidebar {
	background: #edece8;
	position: relative;
	top: -100px;
	padding: 45px;
}
.sidebar h3 {
	font-size: 20px;
}
.sidebar-img {
	margin-bottom: 25px;
}
.sidebar-img img {
	width: 100%;
	object-fit: cover;
	max-width: 200px;
	margin: 0 auto;
	display: table;
}
.sidebar-header, .sidebar-content, .sidebar-contact {
	border-top: 1px solid #FC7D53;
	padding: 25px 0px;
}
.sidebar-contact {
	padding-bottom: 0;
}
.sidebar-content p:last-of-type, .sidebar-contact p:last-of-type {
	margin-bottom: 0;
}
.sidebar-header h3, .sidebar-header p {
	margin-bottom: 0;
}
@media only screen and (max-width: 1500px) {
	#main-case {
		width: calc(66% - 50px);
		flex-basis: calc(66% - 50px);
		-webkit-flex-basis: 65%;
		padding: 25px;
	}
	#sidebar {
		width: calc(34% - 50px);
		flex-basis: calc(34% - 50px);
		-webkit-flex-basis: 35%;
		padding: 25px;
	}
}
@media only screen and (max-width: 1200px) {
	.sidebar {
		padding: 25px;
	}
}
@media only screen and (max-width: 992px) {
	#main-case {
		width: calc(60% - 50px);
		flex-basis: calc(60% - 50px);
		-webkit-flex-basis: 60%;
		padding: 25px;
	}
	#sidebar {
		width: calc(40% - 50px);
		flex-basis: calc(40% - 50px);
		-webkit-flex-basis: 40%;
		padding: 25px;
	}	
}
@media only screen and (max-width: 767px) {
	#main-case {
		width: 100%;
		flex-basis: 100%;
	}
	#sidebar {
		width: 100%;
		flex-basis: 100%;
		padding: 0;
	}
	.sidebar {
		top: 0;
		padding: 45px;
	}
	#case-header .container-fluid, #case-content .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
                width:100%;
	}
	#main-case .quote {
		font-size: 24px;
	}
}

/* Guideoversigt Start */
#guide-kategorier .row {
	margin-top: 25px;
}
.category-wrapper {
	box-shadow: rgba(204, 204, 204, 0.16) 0px 3px 6px, rgba(204, 204, 204, 0.23) 0px 3px 6px;
	background-color: #fff;
	border-radius: 45px;
	text-align: center;
	position: relative;
	padding: 45px;
	margin-bottom: 25px;
}
.category-wrapper p {
	min-height: 125px;
}
.category-wrapper .large-icon {
	float: none;
	margin: 0 auto;
}
.category-wrapper h3 {
	margin-top: 25px;
	margin-bottom: 0.1em;
	font-size: 20px;
	font-weight: 900;
	min-height: 2em;
}
.category-wrapper ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-bottom: 45px;
        min-height:120px;
        list-style: disc;
}
.category-wrapper ul li a {
	color: #FC7D53;
	text-decoration: underline;
	transition: .3s ease-in-out;
}
.category-wrapper ul li a:hover {
	color: #38756D;
}
@media only screen and (max-width: 768px) {
	#guide-kategorier {
		padding: 0;
	}
        .category-wrapper p {
                min-height: 50px;
                font-size:1rem;
        }
        .category-wrapper ul {
            min-height: 60px;
            margin-bottom:10px;
        }
        .category-wrapper ul li {
                font-size:1rem;
        }
        .category-wrapper a {
                margin-top: 20px;
        }
}
/* Guideoversigt Slut */

/* Guidekategori Start */

ul.kategori-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}
ul.kategori-list li {
	margin-bottom: 5px;
}
ul.kategori-list li a {
	background-color: #F1F1EC;
	color: #212529;
	transition: .3s ease-in-out;
	display: block;
	width: 100%;
	padding: 8px;
	text-decoration: none;
}
ul.kategori-list li a:hover {
	background-color: #FC7D53;
	color: #fff;
}
ul.kategori-list li a.active {
	background-color: #FC7D53;
	color: #fff;
}
ul.breadcrumbs {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 0;
	margin: 0;
}
ul.breadcrumbs li {
	margin-right: 10px;
	color: #606060;
}
ul.breadcrumbs li a {
	text-decoration: underline;
	font-weight: 400;
	color: #606060;
	transition: .3s ease-in-out;
}
ul.breadcrumbs li a.active {
	text-decoration: none;
	font-weight: 700;
	pointer-events: none;
	cursor: initial;
}
ul.breadcrumbs li a:hover {
	color: #FC7D53;
}
ul.breadcrumbs li i {
	margin-left: 10px;
	font-size: 12px;
	color: #606060;
}
ul.breadcrumbs li:last-of-type i {
	display: none;
}
.guidecontent {
	padding: 0px 45px 45px 45px;
        width:820px;
}
.guidecontent h2 {
	margin-top: 1em;
}
.guidecontent h5 {
	font-weight: 700;
	margin-top: 2em;
	margin-bottom: 1em;
}
.guidecontent a {
	color: #FC7D53;
	transition: .3s ease-in-out;
	text-decoration: underline;
}
.guidecontent a:hover {
	color: #38756D;
}
.guide-list {
	list-style-type: disc;
	padding: 0;
	margin-left: 20px;
}
.guidecontent img {
	height: auto;
	max-width: 100%;
	margin: 25px 0px;
}
.guidecontent iframe {
        width: 730px;
        height:420px;
        max-width: 100%;
}
.guidecontent video {
        width: 100%; 
        height: 100%; 
}
@media only screen and (max-width: 992px) {
        #guidecontent-container {
                padding:0px;
        }
	.guidecontent {
		padding: 0px 0px 25px 0;
                width:100%;
	}
        .guidecontent h2 {
                font-size:1.75rem;
        }
        .guidecontent h3 {
                font-size:1.4rem;
        }
        .guidecontent img {
                max-width: 100% !important;
	}
}
@media only screen and (max-width: 768px) {
	#guidekategori {
		padding: 25px 0;
	}
}
@media only screen and (max-width: 500px) {
        .guidecontent iframe {
                height:220px;
        }
        .guidecontent video {
                height:220px;
        }
}
/* Guidekategori Slut */

/* Individuel guide Start */

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/* Individuel guide Slut */

/* Invitation Start */
.smaller-header {
	max-height: 300px;	
}
.intro-section .btn {
	margin-top: 25px;
}
#signup_form h3 {
	text-align: center;
}
#extra-text h3 {
	max-width: 700px;
	font-size: 1.5em;
}
#extra-text ul {
	padding: 0 0 0 1em;
}
.form-wrapper {
	box-shadow: rgba(204, 204, 204, 0.16) 0px 3px 6px, rgba(204, 204, 204, 0.23) 0px 3px 6px;
	background-color: #fff;
	border-radius: 45px;
	position: relative;
	padding: 45px;
	height: auto;
	transition: .3s ease-in-out;
}
.form-wrapper .form-group {
	position: relative;
}
.form-wrapper .error-msg {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}

.form-wrapper h5 {
	font-size: 16px;
	font-weight: bold;
}
.form-wrapper .error-msg h5 {
	font-size: 24px;
}
.form-wrapper .form-group label {
	color: #787878;
}
.form-wrapper .focused label {
	color: #FC7D53;
}
.form-wrapper .form-row>.col, .form-row>[class*=col-] {
	padding-left: 0;
	padding-right: 0;
}
.form-wrapper input.form-control, .form-wrapper select.form-control, .form-wrapper textarea.form-control {
	background-color: #ebebeb;
}
.form-wrapper .invalid-feedback {
	position: absolute;
	text-align: right;
        margin-top: 0px;
}
.form-wrapper .radio-wrapper {
	padding-left: 45px;
}
.form-check label {
	padding-left: 5px;
}
.form-wrapper .custom-control {
	margin-bottom: 15px;
}
.form-wrapper .custom-control:last-child {
    margin-bottom: 0;
}

.custom-control-input::focus {
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}
.custom-control-label::focus {
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
	color: #787878;
	background-color: inherit;
	border-color: inherit;
}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
	border-color: inherit;
}
.custom-control-input:checked ~ .custom-control-label {
        color:black;
}
.custom-control-label::before {
    background-color: white;
    border: 1px solid #787878;
}
.custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked~.custom-control-label::before {
	background-color: #FC7D53;
	border-color: #FC7D53;
	color: #FC7D53;
}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
	background-color: #FC7D53;
	border-color: #FC7D53;
	color: #FC7D53;
}
.offer-text h5 {
	font-size: 28px;
	font-weight: 900;
}
.form-wrapper button {
	margin-left: 45px;
	margin-top: 6px;
}
.form-notes {
    margin-top: 25px;
    position: relative;
    left: 0;
    margin: 45px -5px 0px -5px;
}

#newsletter_form a {
    color: #FC7D53;
    text-decoration: underline;
    transition: .3s ease-in-out;
}

#newsletter_form button.btn {
    margin-top: 20px;
    margin-bottom: 30px;
}
.form-notes a, 
[id^="terms-"] a  {
	display: block;
	color: #FC7D53;
	text-decoration: underline;
	transition: .3s ease-in-out;
	margin-top: 1em;
}
.form-notes a:hover,
#newsletter_form a:hover,
[id^="terms-"] a:hover
{
	color: #38756D;
}

[id^="terms-"] a {
    display: inline;
}

#du-slipper-for h4 {
	margin-bottom: 0;
}
#du-slipper-for .col-md-6 {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#du-slipper-for p {
	margin-bottom: 0;
}
.large-icon {
	float: left;
	font-size: 75px;
	position: relative;
	margin-right: 25px;
}

@media only screen and (max-width: 965px) {
	#du-slipper-for .col-md-6 {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 768px) {

	.form-wrapper .radio-wrapper {
		padding-left: 0;
		margin-bottom: 25px;
	}
	.form-wrapper button {
		margin-left: 0;
	}
	#video-section {
		padding: 0;
	}
	#video-section .embed-container {
		padding-bottom: 100%;
	}
	#du-slipper-for .col-md-6 {
		margin-bottom: 0px;
                padding-top:25px;
	}
	#du-slipper-for .large-icon {
		margin-bottom: 15px;
		margin-right: 0;
	}
	#du-slipper-for .col-md-6:last-of-type {
		padding-bottom: 0;
	}
        #du-slipper-for .container .col {
                padding: 10px 25px 0px 25px;
        }
	#extra-text {
		padding: 0px 25px 45px 25px;
	}
        #extra-text .container .col {
                padding: 45px 25px 10px 25px;
        }
	#signup_form .container {
		padding-left: 0;
		padding-right: 0;
	}
	#signup_form .form-wrapper {
		padding: 25px;
		border-radius: 25px;
	}
}
/* Invitation Slut */

/* Bestilling Start */

#bestilling .form-wrapper {
	box-shadow: rgba(204, 204, 204, 0.16) 0px 3px 6px, rgba(204, 204, 204, 0.23) 0px 3px 6px;
	background-color: #fff;
	border-radius: 45px;
	position: relative;
	padding: 45px;
	height: auto;
	transition: .3s ease-in-out;
}
#bestilling .form-wrapper .form-group {
	position: relative;
}
#bestilling .form-wrapper .error-msg {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}
#bestilling .form-row.second h2 {
	margin-top: 2em;
}
#bestilling .form-wrapper.part {
	margin-top: 45px;
}
#bestilling h2 {
    font-size:2rem;
}
#bestilling h3 {
    font-size:1.5rem;
}
#bestilling h4, #bestilling h5 {
	margin-bottom: 1em;
	font-size: 16px;
	font-weight: bold;
}
#bestilling hr {
	border-top: 2px solid black;
	margin: 45px 0;

}
#bestilling .form-wrapper .radio-wrapper {
	padding-left: 0;
}
#bestilling .radio-wrapper.inline .custom-control {
	display: inline;
	margin-right: 25px;
}
#bestilling .radio-wrapper.inline .custom-control:last-of-type {
	margin-right: 0px;
}
#bestilling .ean-forms {
	margin-top: 25px;
	display: none;
}

.calc .calculation_element {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.calc p {
	margin: 0;
	font-size: 18px;
}
#discount_container, #calculated_price_container, #calculated_payment_price_container {
	padding-bottom: 10px;
        margin-bottom: 10px;
}
#calculated_total_container {
	font-weight: bold;
}
#bestilling .col-md-6.left-col {
	padding-right: 22.5px;
}
#bestilling .col-md-6.right-col {
	padding-left: 22.5px;
}
#bestilling .form-disclaimer {
	font-size: 18px;
	margin-top: 1em;
	margin-bottom: 0;
}
#bestilling h2.part-3 {
	margin-bottom: 0;
}
#bestilling .form-disclaimer {
	margin-bottom: 25px;
}
#bestilling .subdomain {
	font-weight: bold;
}
#bestilling .form-group.domain::before {
	bottom: unset;
	top: 46px;
}
#bestilling .form-notes {
	max-width: unset;
}
#bestilling .form-notes a {
	display: inline;
}
#bestilling .form-wrapper button {
	margin-left: 0;
	margin-top: 35px;
}
#bestilling .terms {
	display: none;
}
#bestilling .terms.visible {
	display: block;
}
#bestilling .terms h5 {
	font-weight: 700;

}
.calculated-split {
    padding: 0;
    margin: 10px 0 !important;
}
@media only screen and (max-width: 768px) {
	#bestilling .col-md-6.left-col, #bestilling .col-md-6.right-col {
		padding: 0;
	}
	#bestilling .form-row.reversable {
		flex-direction: column-reverse;
	}
	#bestilling .form-wrapper {
		padding: 25px;
		border-radius: 25px;
	}
	#bestilling .col, #bestilling .container:first-of-type {
		padding-left: 0;
		padding-right: 0;
	}
	#bestilling .form-row.second h2 {
		margin-top: 0.5em;
	}
	#bestilling .radio-wrapper.inline .custom-control {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#bestilling hr {
		margin: 25px 0;
	}
        #bestilling .subdomain, #bestilling .form-disclaimer {
                font-size: 1rem;
        }
}
/* Bestilling Slut */

/* Sponsorat Start */
.sponsored {
	border-bottom: 1px solid black;
	padding-bottom: 10px;
}
#who_we_sponsor.dual-columns-with-icons .large-icon {
    font-size: 80px;
}
#why_we_sponsor {
    padding-top:0px;
}
#bestilling #volunteer-confirmation-row {
    display:flex;
    align-items: baseline;
    flex-flow: row wrap;
    margin: 0 -5px;
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    left:-1px;
}
#volunteer-confirmation {
    position: relative;
    bottom: -2px;
    margin-top: 0;
    margin-left: 0;
    margin-right: .25rem;
}
#volunteer-confirmation:focus {
    outline: 2px solid #fc7d53;
    outline-offset: .2rem;
}
#volunteer-confirmation-row label[for="volunteer-confirmation"] {
    margin-bottom: 0;
    color: black;
    flex: 1 1 50%;
}
#volunteer-confirmation-row #errorVolunteer-confirmation {
    position: static;
    text-align: left;
    padding-left: 1.45rem;
    flex-basis: 100%;
}
@media only screen and (max-width: 768px) {
	#sponsor-eksempler {
		padding: 25px 0px;
	}
	#sponsor-eksempler .extra-padding:first-of-type {
		padding: 0 25px 45px 25px;
	}
	#sponsor-eksempler .logo-col {
		flex-wrap: wrap;
		padding: 25px 0;
	}
	.logo-col img {
		margin-bottom: 10px;
	}
	#sponsorat #functions {
		padding-bottom: 0;
	}
        #who_we_sponsor h2 {
                font-size: 2rem;
        }
        #why_we_sponsor {
            padding-top:45px;
        }
        #why_we_sponsor h2 {
                font-size: 1.8rem;
                text-align: center;
        }
}
/* Sponsorat Slut */

/* Introduktionsvideoer Start */
#introduktionsvideoer .breadcrumbs {
	margin-bottom: 25px;
}
#introduktionsvideoer .guidecontent {
	padding: 0;
}
#introduktionsvideoer .video-info {
	margin-top: 25px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.video-info .duration {
	position: relative;
	margin-right: 25px;
	font-weight: bold;
	font-size: 14px;
}
.video-info a {
	text-decoration: none;
}
#introduktionsvideoer .kategori-list li a{
	position: relative;
	font-weight: bold;
}

#introduktionsvideoer .kategori-list li .dropdown li a span {
	display: inline;
	width: 100%;
}
#introduktionsvideoer .kategori-list li a span {
	display: inline-block;
	width: calc(100% - 27px);
}
#introduktionsvideoer .kategori-list li {
	background-color: #f9f9f9;
}
#introduktionsvideoer .kategori-list li a.active {
	background-color: #F1F1EC;
	color: #212529;
}
#introduktionsvideoer .kategori-list li a.active:hover {
	background-color: #FC7D53;
	color: #fff;
}
#introduktionsvideoer .kategori-list li a i.arrow {
	position: absolute;
	right: 15px;
	top: 13px;
	transform: rotate(0deg);
	transform-origin: center;
	transition: .3s ease-in-out;
	color: #FC7D53;
}
#introduktionsvideoer .kategori-list li a:hover i {
	color: #fff;
}
#introduktionsvideoer .kategori-list li a i.arrow.rotated {
	transform: rotate(180deg);
}

#introduktionsvideoer .kategori-list li .dropdown {
	display: none;
	padding: 25px;
	margin: 0;
	list-style-type: none;
}
#introduktionsvideoer .kategori-list li .dropdown li a {
    background-color: rgba(255,255,255, 0);
    color: #212529;
    transition: .3s ease-in-out;
    display: block;
    width: 100%;
    padding: 0px;
    text-decoration: none;
    font-weight: 400;
}
#introduktionsvideoer .kategori-list li .dropdown li {
    margin-bottom: 0;
}
#introduktionsvideoer .kategori-list li .dropdown li a:hover {
    color: #FC7D53;
}
#introduktionsvideoer .kategori-list li .dropdown li a.active:hover {
	background-color: rgba(255,255,255, 0);
	color: #212529;
	cursor: initial;
}
#introduktionsvideoer .kategori-list li .dropdown li a.active {
    font-weight: 900;
}
#introduktionsvideoer .kategori-list li .dropdown li a i {
	color: #FC7D53;
	margin: 0 5px;
	font-size: 22px;
	position: relative;
	top: 2px;
}

@media only screen and (max-width: 768px) {
	#introduktionsvideoer .guidecontent {
		margin-top: 25px;
	}
	#introduktionsvideoer .larger-max {
		width: 100%;
	}
	#introduktionsvideoer .container {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* Introduktionsvideoer Slut */


/* Sponsorat Start */
.logo-col {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	min-height: 120px;
	padding: 45px 0;
}
.logo-col img {
	max-width: 150px;
	max-height: 100px;
	filter: grayscale(100);
	transition: .3s ease-in-out;
}
.logo-col img:hover {
	filter: grayscale(25);
}

/* Sponsorat Slut */

/* Pressemateriale Start */

#intro-text ul {
	padding: 0;
	padding-left: 17px;
}
#intro-text a {
	margin-top: 25px;
}
.presse img {
	max-width: 200px;
	height: auto;
}
.fluid-img.top {
	object-position: top;
}
.presse-text h5 {
	font-weight: bold;
}
.presse-text a {
	color: #FC7D53;
	transition: .3s ease-in-out;
	text-decoration: underline;
	display: block;
}
.presse-text a:hover {
	color: #38756D;
}


@media only screen and (max-width: 768px){
        #intro-text {
                padding-top: 25px;
        }
        #intro-text h2 {
                font-size: 2rem;
        }
	#presse #intro-text {
		padding: 0;
	}
	#presse #extra-text {
		padding: 0;
	}
        #logo_download .row .extra-padding {
                padding: 25px;	
        }
        #logo_download h2 {
                font-size:2rem;
        }
}
/* Pressemateriale Slut */

/* Datasikkerhed start */

#fullscreen .container-fluid {
	padding: 0;
}
#fullscreen .container-fluid .row {
	margin-left: 0;
	margin-right: 0;
}
#data_security .max-width-text-750 {
	margin: 0 auto;
}
.data-doc .col-md-4 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.data-doc .large-icon {
	font-size: 110px;
	margin-right: 0;
}
#data_security .text-and-logo .large-icon {
    font-size:140px;
}
.text-and-logo p {
    line-height:1.3rem;
}
.data-doc p.green {
	font-weight: 600;
	font-size: 26px;
        margin-top:6px;
}
#data_security #features img.isometric {
	box-shadow: none;
	max-width: 350px;
}
#data_security #features h2 {
        font-size:2.44rem;
}
@media only screen and (max-width: 768px) {
	.text-col.extra-padding {
		padding: 0!important;
	}
	.data-doc .row.reversable .extra-padding:last-of-type {
		padding: 0px 25px 45px 25px;
	}
	#data_security #features img.isometric {
		max-width: 200px;
	}
        #data_security .text-and-logo .large-icon {
            font-size:110px;
        }
}
/* Datasikkerhed slut */

/* Gruppeløsning start */
#group-illustration {
    background-color: #DDE8E7;
}

#group-illustration img {
    height: 450px;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
    #group-illustration img {
        object-fit: cover;
        height: auto;
        width:90%;
    }
}
/* Gruppeløsning end */

/* Integration start */
#integration-illustration {
    background-color: #DDE8E7;
}

#integration-illustration img {
    height: 400px;
    margin: 20px auto;
}
@media only screen and (max-width: 768px) {
    #integration-illustration img {
        object-fit: cover;
        height: auto;
        width:90%;
    }
}
/* Integration end */

/* Cookie og privatlivspolitik Start */ 

#terms_acceptance_document h3 {
	font-style: italic;
	font-size: 1.1em;
}
#terms_acceptance_document li {
	font-size: 1.1em;
}
#terms_acceptance_document p a {
	color: #FC7D53;
	transition: .3s ease-in-out;
	text-decoration: underline;
}
#terms_acceptance_document p a:hover {
	color: #38756D;
}

.sitemap-col .toplevel {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sitemap-col .toplevel li {
	margin-bottom: 5px;
}
.sitemap-col .toplevel li a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	color: #212529;
	transition: .3s ease-in-out;
}
.sitemap-col .toplevel li a:hover {
	color: #FC7D53;
}
.sitemap-col .sublevel {
	list-style-type: disc;
}
.sitemap-col .sublevel li a {
	font-size: 1em;
}
/* Cookie og privatlivspolitik Slut */ 

/* Sitemap Start */

#sitemap .support-col h2 {
	margin-bottom: 0.1em;
}
#sitemap .support-col img.fluid-img {
	height:450px;
}
#sitemap .support-col .name {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 1em;
}
#sitemap .support-col .title {
	font-size: 1.1em;
}
#sitemap .support-col .phone {
	margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
	.sitemap-col {
		padding-bottom: 45px;
	}
}
/* Sitemap Slut */

/* Footer */
footer {
	color: #fff;
}

footer img {
	height: 48px;
	margin-bottom: 25px;
}
footer p {
    font-size:1.1rem;
}
footer .some-icons {
	display: flex;
	flex-direction: row;

}
.some-icons .icon {
	color: #fff;
    text-decoration: none;
    height: 36px;
    width: 36px;
    border: 1px solid #FC7D53;
    background-color: #FC7D53;
    border-radius: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out;
}
.some-icons .icon:first-of-type {
	margin-right: 15px;
}
.some-icons .icon:hover {
	background-color: rgba(255,255,255, 0);
	color: #fff;
	border: 1px solid #fff;
}
footer nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 25px;
	column-count: 3;
}
footer nav ul li a {
	color: #fff;
	text-decoration: none!important;
	font-weight: 700;
        font-size:1.1rem;
	transition: .3s ease-in-out;
}
footer nav ul li a:hover {
	color: #FC7D53;
}
footer .ccards {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
footer .ccards ul {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0;
        width:100%;
        max-width:270px;
}
footer .ccards ul li {
	width:25%;
}
footer .ccards ul li:last-of-type {
	margin-right: 0;
}
footer .ccards img {
	width:auto;
        height:auto;
        margin-bottom:5px;
        padding: 0 5px;
}
footer .ccards p {
	margin:0 auto;
}
@media only screen and (max-width: 1175px) {
	footer nav ul {
		column-count: 2;
	}
        footer .ccards p {
                font-size:0.8rem;
        }
}
@media only screen and (max-width: 992px) {
	footer nav ul {
		column-count: 1;
	}
}
@media only screen and (max-width: 768px) {
	footer nav ul {
		margin-top: 25px;
	}
	footer .col-md-4 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	footer .ccards {
		margin-top: 25px;
	}
	footer .row:first-of-type .col.extra-padding {
		padding: 0px 25px 45px 0px;
	}
}
/* Farver */

.green {
	color: #38756D;
}
.orange {
	color: #FC7D53;
}
.tan {
	color: #F1F1EC;
}
.blue {
	color: #DDE8E7;
}
.grey {
	color: #404040;
}
.green-bg {
	background-color: #38756D;
}
.orange-bg {
	background-color: #FC7D53;
}
.tan-bg {
	background-color: #F1F1EC;
}
.blue-bg {
	background-color: #DDE8E7;
}
.white-bg {
	background-color: #fff;
}
.grey-bg {
	background-color: #f9f9f9;
}
.blue-border {
    padding: 15px;
}
@media only screen and (min-width: 768px) {
    .blue-border {
        padding: 15px;
        border-color: #DDE8E7;
        border-style: solid;
        border-left-width : 10px;
        border-bottom-width: 10px;
    }
    
    #main-comparison div.row div.col .blue-border-right {
        border-color: #DDE8E7;
        border-right-width: 10px;
    }
    
    #main-comparison div.row div.col .blue-border-top {
        border-color: #DDE8E7;
        border-top-width: 10px;
    }
}

/* IE Fixes */
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.ie-bg {
	display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* Fixer sorte streger over og under video i toppen */
    #main-cta .embed-responsive .embed-responsive-item, #main-cta .embed-responsive embed, #main-cta .embed-responsive iframe, #main-cta .embed-responsive object, #main-cta .embed-responsive video {
    	height: 88%;
    	top: 20px;
    }

    /* Background image fallback på nogle billeder */
    .ie-hide {
    	display: none;
    }
    .ie-bg {
    	display: block;
    	position: relative;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background-size: cover;
    	background-position: center;
    	background-repeat: no-repeat;
    	min-height: 500px;
    }
    .ie-bg.top {
    	background-position: top;
    }
    .forside-events {
    	background-image: url('../images/webinar-image.jpg');
    }
    .gdpr-img {
    	background-image: url('../images/gdpr_web.jpg');
    }
    .fodbold {
    	background-image: url('../images/fodboldspillere_1200x800.jpg');
    }
    .janni {
    	background-image: url('../images/janni_1200x800.jpg');
    }
    .support-img {
    	background-image: url('../images/support_web.jpg');
    }
    .placeholder-img {
    	background-image: url('../images/placeholder_1200x800px.jpg');
    }
    .hele-holdet {
    	background-image: url('../images/holdet_banner.jpg');
    }
    .plant {
    	background-image: url('../images/plant_ie.jpg');
     }
    .mcdonalds {
    	background-image: url('../images/mc_ie.jpg');
     }
     .nyhedsbrev {
    	background-image: url('../images/nyhedsbrev_1200x800.jpg');
     }
     .webinarheader {
    	background-image: url('../images/webinarheader.jpg');
     }
     .tomsal {
    	background-image: url('../images/tomsal.jpg');
    	min-height: 300px;
    	max-height: 300px;
     }
     .holdet {
    	background-image: url('../images/holdet_1200x800.jpg');
     }
     .thomas {
    	background-image: url('../images/thomas_1200x800.jpg');
     }
     #sitemap .fluid-img {
     	height: auto;
     }


}

.contact-department h2 {
        font-size:2.44rem;
}
.contact-department i {
	font-size: 20px;
	margin-right: 15px;
}
.contact-department p100 {
        font-size:1.35rem;
}
@media only screen and (max-width: 768px) {
        .contact-department h2 {
                font-size:2rem;
        }
}

.data-processing-agreement h2 {
    font-size:2rem;
    margin-bottom:.75em;
}
.data-processing-agreement p {
    font-size:1.1rem;
    margin-bottom:2rem;
}
@media only screen and (max-width: 768px) {
    .data-processing-agreement h2 {
        font-size:1.5rem;
    }
}

/* Start of NemTilmeld Modals */
div.modal {
    padding:0;
}
div.modal > .modal-dialog {
    background-color: white;
    padding:30px 50px;
    width:calc(100% - 60px);
    max-width:700px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}
div.modal > .modal-dialog .modal-content {
    border:0;
}

div.modal > .modal-dialog .modal-header {
   display:none;
}
div.modal > .modal-dialog .modal-body {
    padding:0 0 30px 0;
    border: 0;
}

div.modal > .modal-dialog .modal-body input.form-control {
    background-color: #ebebeb;
}

div.modal > .modal-dialog .modal-footer {
    border: 0;
    padding: 0;
}

div.modal > .modal-dialog .modal-footer > button {
    padding: 10px 40px;
    border-radius: 45px;
    font-weight: bold;
    color: #fff;
    background: #38756D;
    border: 2px solid #38756D;
    float:right;
}
/* End of NemTilmeld Modals */

#simple_video > div.embed-responsive > img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom:0; 
    left:0;     
    border:0;
}

#compare_more {
    background-image: url('../images/plus-icon-orange.svg');
    height: 300px;
    width: 300px;
    margin: -100px;
    scale: 15%;
}

#compare_more:hover {
    background-image: url('../images/plus-icon-white.svg');
    height: 300px;
    width: 300px;
    scale: 15%;
}

@media only screen and (max-width: 768px) {
    .try-for-free-container {
	min-height: 500px;
	
        background-image: url('../images/Mobile-header-try-for-0.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: overlay;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
    }
    .try-for-free-container h2 {
        margin-top: 75px;
    }
    .inspiration-container {
        padding-bottom: 150px;
    }
}
.try-for-free-container , .inspiration-container{
	min-height: 500px;
	
        background-image: url('../images/Desktop-header-try-for-0.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: overlay;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

.inspiration-container .container {
    margin-top: 108px;
}

#inspiration_promises {
    margin-top: -250px;
    padding-top: 235px;
    margin-bottom: -50px;
}

#primary-nav.white_menu {
    background-color: transparent;
    margin-bottom: -108px;
}
.try-for-free-container .container {
    margin-top: 108px;
}


@media only screen and (max-width: 576px) {
    .trial h2 {
        font-size:1.8rem;
    }
    .trial h2.multiline-highlight {
        font-size:1.8rem;
        line-height:1.3;
    }    
    .trial .centered-mobile {
	text-align: center;
    }
}
@media only screen and (min-width: 1200px) {
    .try-for-free-container p {
        font-size: 1.5rem;
    }
    .try-for-free-container p.smallfont {
        font-size: 1.1rem;
    }
}
.no-bottom-margin {
    margin-bottom: 0px;
}

#primary-nav:has(#nav-icon3.open.white) { /*todo resize while expanded */
    background-color: #3a736f;
}

.trial .smallfont, #inspiration .smallfont {
    font-size: 0.8rem;
} 
@media only screen and (max-width: 576px) {
    .smallfont-mobile {
        font-size: 0.8rem;
    }
}

.trial h2 {
    text-align: center;
}

.contact-department a {
    color : #212529;
    font-size:1.35rem;
}

.no_bottom_border {
    border-bottom-width: 0px;
}

.support-btn {
    width: 100px;
}

@media only screen and (min-width: 1300px) 
{
    .support-btn {
        width: 175px;
    }
}

@media only screen and (max-width: 1199px) {
    .support-btn {
        width: 175px;
    } 
}

#price_calculator .cal-input {
    width: 80px;
    border: 0;
    background-color: #ebebeb;
    text-align: center;
    -moz-appearance: textfield;
}

#price_calculator .cal-input::-webkit-inner-spin-button,
#price_calculator .cal-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#price_calculator .add-more-link {
    color: inherit;
    background: inherit;
    border: 0;
}
#price_calculator .add-more-link:hover {
    text-decoration: underline
}
#price_calculator .event-type {
    font-style: italic
}

#price_calculator .remove-button-placeholder {
    width: 25px;
}
#price_calculator .remove-button {
    color: inherit;
    background: inherit;
    border: 0;
    width: 21px;
    height: 21px;
    background: url('/system/application/views/common/images/delete-icon-grey.svg');
    background-size: cover;
    position: relative;
    top: -4px;
    margin-left: 5px;
}
#price_calculator .remove-button:hover {
    background: url('/system/application/views/common/images/delete-icon-orange.svg');
    background-size: cover;
}
.rounded-box {
    border-radius: 30px;
    background: #fff;
}
.rounded-header {
    border-radius: 30px 30px 0 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 10px;
}
.rounded-header.padded {
    padding: 20px;
}
.lightbrown {
    background-color: #bfbaa3;
    color: white;
}
.solution-box-paragraph {
    font-size: 1.2rem;
}
.slider-label {
    margin: 0 -10px;
}
.solution-box-price-includes {
    font-size: 1.1rem
}
#price_calculator input:focus {
    outline-style: solid;
    outline-color: #38756D;
}
.solutions-subscription-box {
    max-width:  700px;
    margin: auto;
}
.solutions-subscriptions {
    padding-top: 45px;
}
@media (min-width: 768px) {
    .solutions-subscriptions {
        padding-top: 72px;
    }
}
.solutions-subscriptions input[type="range"] {
    max-width: 490px;
}
.solutions-subscriptions .header-title {
    font-size: 2rem;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .solutions-subscriptions .header-title {
        font-size: 3rem;
    }
    .show-new-line {
        display: none;
    }
}
@media only screen and (min-width: 1100px) {
    .solutions-container {
        padding: 0 100px;
    }
}
.solutions-subscriptions .btn {
    max-width: 210px;
}
.benefit-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.benefit-list li {
    display: flex;
    flex-direction: row;
    padding: 3px 0;
}
.benefit-list i {
    padding-top: 5px;
}
.benefit-list p {
    margin: 0 0 0 16px;
    text-align: left;
    line-height: 1.4rem;
    text-decoration-color: #c2c2c2;
}
.benefit-list p.js-has-touch-title {
    text-decoration: underline dotted;
}

.solutions-subscriptions span[title] {
    text-decoration: underline dotted;
    text-decoration-color: #c2c2c2;
}
.solutions-subscriptions .read-more-link {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}

.solutions-functions .container {
    padding-top: 1.5rem;
    padding-bottom: 0;
}
.solutions-functions .header-title {
    margin-bottom:32px;
    margin-top:1em;
}
@media (min-width: 768px) {
    .solutions-functions .container {
        padding-top: 1.5rem;
        padding-bottom: 80px;
    }
    .solutions-subscriptions .header-title {
        margin-bottom: 0;
    }
}
.solutions-functions .row .column {
    background: #fff;
    margin: 5px;
    padding: 10px;
}
.solutions-functions .row.header {
    margin-bottom: -10px;
    padding-top: 20px;
    font-weight: bold;
    font-size: 18px;
}
.solutions-functions .row.header .column {
    background: transparent;
}
.solutions-functions .row .column i {
    font-size: 20px;
}
.solutions-functions .functions-rows .row:nth-child(even) .column {
    background: #eee;
}
.solutions-functions .row.header .green-bg,
.solutions-functions .row.header .brown-bg {
    border-radius: 20px 20px 0 0;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
}

.solutions-functions .header .left-column {
    font-size: 20px;
}
.solutions-functions .header .right-column  {
    font-size: 15px;
    max-width:100%;
    float:left;
}

.solutions-functions .left-column p {
    font-size: 1rem;
}

@media (max-width: 1069px) {
    .solutions-functions .left-column {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .solutions-functions .right-column {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
}
@media (max-width: 941px) {
    .solutions-functions .header .right-column {
        font-size: 10px;
    }
}

.solutions-functions .responsive-dropdown .selected.active {
    color: #000;
}
.solutions-functions .row.header .green-bg {
    background-color: #38756D !important;
}

.solutions-functions .row.header .brown-bg {
    background-color: #bfbaa3 !important;
}

.solutions-functions .read-more-link {
    display: inline-block;
    color: inherit;
    text-align: center;
}

.solutions-functions .read-more-link .icon {
    display: block;
    background-image: url('../images/plus-icon-orange.svg');
    background-size: cover;
    height: 45px;
    width: 45px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.solutions-functions .read-more-link:hover .icon {
    background-image: url('../images/plus-icon-white.svg');
}

.solutions-faq {
    color: #fff;
}
.solutions-faq h2 {
    font-weight: bolder;
}

/** range sliders **/

input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    border-radius: 0;
    position: relative;
    margin: auto;
}

input[type=range] {
    height: 26px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}
input[type=range]:focus {
    outline: none;

}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    cursor: pointer;
    animate: 0.2s;
    border-radius: 5px;
    border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
    border: 0px solid #000000;
    border-radius: 20px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
    height: 25px;
    width: 25px;
    background: #38756D;
}
input[type=range]::-moz-range-track {
    width: 100%;
    cursor: pointer;
    animate: 0.2s;
    border-radius: 5px;
    border: 0px solid #000000;
}
input[type=range]::-moz-range-progress {
    width: 100%;
    cursor: pointer;
    animate: 0.2s;
    border-radius: 5px;
    border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
    border: 0px solid #000000;
    border-radius: 20px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background: #38756D;
}
input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    border: 0px solid #000000;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    border: 0px solid #000000;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    margin-top: 1px;
    border: 0px solid #000000;
    border-radius: 20px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background: #38756D;
}

/* Track thikness */
input[type=range]::-webkit-slider-runnable-track,
input[type=range]:focus::-webkit-slider-runnable-track {
    height: 5px
}
input[type=range]::-moz-range-track,
input[type=range]::-moz-range-progress {
    height: 5px
}
input[type=range]::-ms-track,
input[type=range]::-ms-fill-lower,
input[type=range]:focus::-ms-fill-lower {
    height: 5px
}

/* Track color */
input[type=range]::-webkit-slider-runnable-track,
input[type=range]:focus::-webkit-slider-runnable-track  {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--val) - var(--min))/var(--range));
    --sx: calc(.5*1.5em + var(--ratio)*(100% - 1.5em));
    background: linear-gradient(#38756D, #38756D) 0/var(--sx) 100% no-repeat #DDE8E7;
}
input[type=range]::-moz-range-track  {
    background: #DDE8E7
}
input[type=range]::-ms-track,
input[type=range]::-ms-fill-upper,
input[type=range]:focus::-ms-fill-upper {
    background: #DDE8E7
}

input[type=range]::-webkit-slider-fill-upper {
    background: #DDE8E7;
}

/* Progress track color */
input[type=range]::-moz-range-progress {
    background: #38756D
}
input[type=range]::-ms-fill-lower,
input[type=range]:focus::-ms-fill-lower {
    background: #38756D
}

@media (min-width: 768px) {
    input[type=range]::-webkit-slider-thumb {
        height: 20px;
        width: 20px;
        background: #38756D;
        margin-top: -7px;
    }
    input[type=range]::-moz-range-thumb {
        height: 20px;
        width: 20px;
        background: #38756D;
    }
    input[type=range]::-ms-thumb {
        height: 20px;
        width: 20px;
        background: #38756D;
    }
}

.feature-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.feature-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
}
.feature-list-item p {
    margin: 0 0 0 16px;
    text-align: left;
    line-height: 1.4rem;
}

.salestour-solutions-paragraphs {
    padding-top: 48px;
    padding-bottom: 48px;
}
.salestour-solutions-paragraphs p {
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .salestour-solutions-paragraphs {
        padding-top: 96px;
        padding-bottom: 96px;
    }
    .salestour-solutions-paragraphs p {
        font-size: 1.5rem;
    }
}
.mobil-function-header{
    background: transparent !important;
    font-weight: bold;
    font-size: 20px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#example_of_event_page .btn {
    padding: 10px 20px;
}
@media (min-width: 768px) {
    #example_of_event_page .btn {
        padding: 10px 25px;
    }
}
#faqAccordion {
    font-size: 1.15rem;
}
@media (min-width: 768px) {
    #faqAccordion {
        font-size: 2rem;
    }
}