/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Fonts
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */

/* #Fonts
================================================== */
/* latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
/* latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
/* latin-ext */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqhPANqczVsq4A.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
/* latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqZPANqczVs.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

/* cyrillic-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
	font-display: swap;
}
/* cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
	font-display: swap;
}
/* greek-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
	font-display: swap;
}
/* greek */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
	unicode-range: U+0370-03FF;
	font-display: swap;
}
/* vietnamese */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
	font-display: swap;
}
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
	font-display: swap;
}
/* cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
	font-display: swap;
}
/* greek-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
	font-display: swap;
}
/* greek */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
	unicode-range: U+0370-03FF;
	font-display: swap;
}
/* vietnamese */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
	font-display: swap;
}
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	*{
		font-size: 100%;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
	}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px 'raleway', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #0f3343;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

header
{
	padding-bottom:0px!important;
}

/* #Typography
================================================== */
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 {
  font-size: 42px;
    font-weight: 900;
    font-family: 'ABeeZee';
    padding-top: 30px;
    padding-bottom: 15px;
    line-height: 45px;
    font-style: normal;
    color: #0f3343;
    text-shadow:1px 1px 1px lightblue;
	}
	
	/*font-size: 35px; line-height: 40px; margin-bottom: 10px; }*/
	h2 { font-size:42px; font-weight:900; font-family: 'Roboto', sans-serif; padding: 30px; line-height:40px;}
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777; font-style:italic;  }
	
	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 15px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #e0e0e0; font-family: 'open sans'; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #e0e0e0; border-width: 1px 0 0 0 ; clear: both; margin: 0; height: 0; }


/* #Links
================================================== */
	a.btn:hover, a.btn:focus { color: #fff; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
==
*/


/*================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	
	
	
.box p {
	color: #5A5A5A;
	text-align: center;
}
	
/* Caspers kode, fjern videodemo på mobil */
	@media screen and (max-width: 760px) {
		#video-demo { display:none; } 
	}
.box {
	/*background: rgba(0,0,0,0.7);
	padding: 15px 20px;
	width: 320px;*/
	
	
	

	
	min-width:350px;
}


input {
	border: 1px #5A5A5A solid !important;
	border-radius: 0px !important;
}


/* Styling af abonnementsprisknapper */
.btn input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.chooseusersx {
	border-radius: 0px;
	float:left;
	background-color: #fff;
	color: #326270;
	border-color: #326270;
}

.chooseusersx:hover, .chooseusersx:focus, .chooseusersx:active, .chooseusersx.active {
    color: #fff;
    background-color: #326270 !important;
    border-color: #326270;
}



/* Intro, video, billede */
#intro {
	background: url(../images/bg_2020.jpg) no-repeat center;
	background-size: cover;
	padding: 200px 0 70px 0;
	background-color: #414141;
}

#intro-baker {
	background: url(../images/bg_baker.jpg) no-repeat center;
	background-size: cover;
	padding: 200px 0 70px 0;
	background-color: #414141;
}


@media(max-width: 425px) {
	#intro{
		background: url(../images/bg_2020_small.jpg) no-repeat center;
	}
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 3.1%;
width: 93.8%;
height: 84.5%;
}

	.bookdemo {
    border-radius: 0;
    background: #34bf8f;
    text-transform: uppercase;
	text-decoration:none;
    color: white;
    padding: 12px 16px;
    font-family: 'Raleway';
    font-weight: 400;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    font-weight: bold;
    font-size: 18px;

}


/* Previously inline styling */
.text-align-right { 
	text-align:right;
}

.text-align-left {
	text-align:left;
}

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

.font-style-italic {
	font-style:italic;
}

.bold-text {
	font-weight:900;
}

.orange-button {
	background-color:#1e2766;color:#fff;font-weight:bold;
	border-radius: 0px !important;
	border:1px solid #1e2766;
}

.demo-button {
	background-color:#067474;color:#fff;font-weight:bold;
	border-radius: 0px !important;
	border:1px solid #067474;
}

#h3-bokstekst {
	color: #5A5A5A;line-height:24px;margin-bottom:15px;

  font-size: 24px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

.btn-outline-info {
    color: #5A5A5A;
    background-color: transparent;
    background-image: none;
    border-color: #5A5A5A;
    border-radius: 0px !important;
}



.klikbook-green {
	color:#17a2b8;
}

.klikbook-dark-green {
	color:#326270;
}

.hr-funktioner {
	color:#fff;height:20px;margin-bottom:20px;border:#fff;
}

.float-right{
	float:right;
}

.image-border{
	border:1px solid #eee;
}

.line-through {
	text-decoration:line-through;
}

.color-black{
	color:#000!important;
}

.color-white{
	color:#fff!important;
}

/* #"Danmarks bedste"-styling
==================================================
*/
.half-left { float:left; width:50%; }
.half-right { float:right; width:50%; }

@media screen and (max-width: 770px) {
	.half-left { 
		width:100%;
	}
	.half-right { 
		width:100%; 
	}
}

/* Finland headline */
.fi-headline { font-size:20px; }






/* #Freemium/regular priser
==================================================
*/
.boxen {
/*	background-image:url("../images/bg-box-tilbud09.png");*/
	max-width:460px;
	color: #494949;
	}

	.function-half-left { 
		float:left; width:40%;
		
	}

	.function-half-right { 
		float:right; width:40%;
		
	}


	@media screen and (max-width: 990px) {
		.function-half-left { 
			width:100%;
			
		}
		.function-half-right { 
			width:100%; 
			
		}
		.boxen {
			background-image:url("");
			width:auto;
		  }
	}


	@media screen and (max-width: 770px) {
		.function-half-left { 
			width:100%;
			
		}
		.function-half-right { 
			width:100%; 
			
		}
		
	}

	@media screen and (max-width: 420px) {
		.function-half-left { 
			width:100%;
			
		}
		.function-half-right { 
			width:100%; 
			
		}
		.boxen {
			background-image:url("");
			
		  }
	}

	
	
	

	.function-line-header { 
		padding-top:5px; 
		padding-bottom: 5px;
		padding-left: 25px;
		padding-right: 25px;
		float: center;
		font: inherit;
		font-weight: bold;
	}

	.function-line { 
		padding-top:5px; 
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 40px;
		float: left;
		font: inherit;
	}

	.function-line-checkmark { 
		padding-top: 8px;
		float: left;
		width:16px;
	}

	.function-center {
		text-align:center;
	}

	.btn-try {
		background-color: #0f3343;
    	color: #fff;
		
		padding: .5rem 1rem;
    	color: #fff;
    	
		border-radius: 0px;
		border-color: #0f3343;
	}
	.btn-try2 {
		
    	color: #fff;
		
		padding: .5rem 1rem;
    		color: #0f3343;
    	
		border-radius: 0px !important;
		border-color: #0f3343 !important;
	}

	.btn-try3 {
		
    	color: #ccc;
		
		padding: .5rem 1rem;
    		color: #cccccc;
    	
		border-radius: 0px !important;
		border-color: #cccccc !important;
		cursor: no-drop !important;
	}
	.btn-calendar-number {
	
		font-weight: bold;
		padding: .5rem 1rem;

	}

	@media screen and (max-width: 420px) {
		.btn {
			display:block; /* antal kalendere listes ovenover hinanden på mobil. Står de på linje er de for brede */
		}
	}

	.btn-calendar-number:hover {
		color: #fff;
		background-color: #0f3343!important;;
		border-color: #0f3343!important;
	}
	

	.btn-calendar-number.active {
		color: #fff;
		background-color: #0f3343;!important;
		border-color:#0f3343;!important;
	}

	.pointer {cursor: pointer;}


	.h2-price {
		font:arial;
		font-size: 1.5rem;
		margin-top: 10px;
	}

/* Slut priser */

.h2new{
	font-size: 42px;
	font-weight: 900;
	font-family: 'ABeeZee';
	padding-top: 30px;
	padding-bottom: 15px;
	line-height: 40px;
	font-style: normal;
}


.padding-top-100 {
	padding-top: 100px !important;
	}

@media (max-width: 960px){
.padding-top-100 {
	padding-top: 30px !important;
	}
}

.padding-top-80 {
	padding-top: 80px !important;
	}

@media (max-width: 960px){
.padding-top-80 {
	padding-top: 30px !important;
	}
}


/* Fix: clear floated children inside <section> so the section takes
   its proper height. Skeleton's .sixteen.columns etc. apply float:left
   which otherwise makes the section 0px tall and the next section
   renders on top of it (causing "dead" form fields). */
section::after {
	content: "";
	display: table;
	clear: both;
}