/*Opsætning for bokse med beregn pris*/
header{
		background-image: url("../grafik/banner_neutral-03.jpg");
	
}


h2{
	padding: 10px 0;
}

section.beregnPris{
	background: #C4C1C1;
	padding: 1em;
	border-radius: 10px;
	border:1px solid #333;
	font-size: 0.9em;
	line-height: 1.3em;	
}


section.beregnPris form{
	display: flex;
	flex-flow: column;
	
}


section.beregnPris form select{
font-size: 0.8em;
	margin: 10px 0;
}

section.beregnPris input[type=submit]{
font-size: 0.9em;
background: green;
}


section.beregnPris figure img{
	width: 100%;
	height: auto;
}


section.beregnPris figcaption{
font-size: 0.7em;
}

/* GRUPPEFOTO AF KVARTETTEN */

article.gruppeFoto{
	display: none;
}

article.gruppeFoto figure img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:1px solid #333;
}


section.video{
margin-top: 50px;
}


section.video iframe{
	width: 100%;
	height: 300px;
	border-radius: 10px;
}


section.obs, section.booking, section.oplysninger{
	padding: 1em
}

section.obs ol ul{
	padding-left: 2em;
	color: #770000;
	font-weight: bold;
}


/*OPSÆTNING AF MUSIK PLAYER*/


section.player{
margin-top: 30px;
}

section.player .musikValg{
	display: flex;
	flex-direction: row;
}

section.player .musikValg a{
	background:var(--fvLysGraa);
	margin: 1em;
	text-align: center;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	flex: 1 auto;
	border-radius: 7px;
}


section.player .musikValg a:hover{
	background:#333;
}

section.player .musikValg a.aktiv{
	background:var(--fvMorkGron);
}


article.fotoBoks{
	display: none;
}



/*Opsætning for bokse med tjek dato*/

section.checkDato{
	background: #C4C1C1;
	padding: 1em;
	border-radius: 10px;
	border:1px solid #333;
}


section.checkDato select{
font-size: 1em;
}

section.checkDato input[type=submit]{
font-size: 1em;
padding: 0 20px;
}

section.checkDato input[type=button]{
font-size: 1em;
background: green;
padding: 0 8px;
}

section.checkDato .bookNej{
	font-weight: 600;
	font-size: 1.2em;
	color:red;
}


section.checkDato .bookJa{
	font-weight: 600;
	font-size: 1.2em;
	color:darkgreen;
}


section.checkDato .bookMaaske{
	font-weight: 600;
	font-size: 1.2em;
	color:orangered;
}


section figcaption.landsdel{
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: bold;
}

section h2.prisen{
	font-size: 1.6em;
	margin-bottom: 20px;
}



@media screen and (min-width: 600px){


/*Udregning af priser i en browser*/

.valg{
	position: relative;
	padding: 0;
}

.valg select{
	font-family: arial, Verdana, "sans-serif";
	box-shadow: 1 10px 25px 1 rgba(0,0,0);
	width: 100%;
	font-size: 1.8em;
	padding: 1rem 1.5rem;
	background:#4d5061;
	color:#fff;
	border:0;
}

.valg .pilen{
	position: absolute;
	top:10px;
	right: 0;
	display: block;
	background:#3b3c47;
	height: 70%;
	width: 3rem;
	pointer-events: none;
}

.valg .pilen::before, .valg .pilen::after{
	--size:0.5em;
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	left:40%;
	transform:translate(-50% -50%);
}

.valg .pilen::before{
	border-left:var(--size) solid #3b3c47;
	border-right:var(--size) solid #3b3c47; 
	border-bottom: var(--size) solid rgba(255,255,255,0.5);
	top:30%;
}


.valg .pilen::after{
	border-left:var(--size) solid #3b3c47;
	border-right:var(--size) solid #3b3c47; 
	border-top: var(--size) solid rgba(255,255,255,0.5);
	top:60%
}
	
	
	
	
	section figcaption.landsdel{
	font-size: 1.8em;
	margin-bottom: 10px;
	font-weight: bold;
}

section h2.prisen{
	font-size: 2.3em;
	margin-bottom: 20px;
}
	
	
section h2.prisen_rubrik{
	font-size: 1.8em;
	margin-bottom: 20px;
}
	
	
	main{
		display:grid;
		grid-template-columns: 1fr 1fr;
		
	}
	
	section.beregnPris{
		font-size: 1em;
	}
	
footer p{
	display: inline;
	font-size: 1.3em;
	margin: 0;
	padding: 0;

}
	
}