:root {
	--selection-color: skyblue;
	--highlight-color:#eeffdb;
	--saturday-color:linen;
	--sunday-color: rgb(250, 231, 212);
	--highlight-today: rgb(255, 239, 148);
	--hover-row-background:#AAFF55;
	--orange-color:#e36125;
	--price-desc-color:black;

	--calendar-days-sunday: rgb(250, 231, 212);
	--calendar-days-saturday: linen;
	--calendar-days-weekdays: #ffffff;
}

.b{
	font-weight: bold;
}

.query{
    display:none;
}
.query.active{
    display:block;
}
.quest {
    
}
.quest.current{
    display:block;
}
.quest button.selected{
    background-color: var(--orange-color);
}

.pets.specify,
.pets.specify.no{
    display:none;
}
.pets.specify.yes{
    display:block;
}

.calc {
    
}

span.waitloading{
	background-image: url('/template/img/spinner.svg');
	background-repeat: no-repeat;
	background-size: 14px;
	width:14px;
	height:14px;
	display:inline-block;
	margin-left:5px;
}


button.accomodation{
	position:relative;
	border-radius:5px;
	border:0;
	cursor:pointer;
}
button.accomodation img{
	width:130px;
	height:auto;
}
button.accomodation span.acc_name{
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	opacity:.3;
	font-size: 11px;
	color:black;
}
button.accomodation:hover span.acc_name{
	opacity:1;
}
button.accomodation.selected span.acc_name{
	opacity:1;
	color:white;
}
.parcel_details{
}
.parcel_description{
	text-align: left;
}
.calc.termin {
    padding:10px;
	outline:0;
}
.camp_field.calc {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.calc .camp_field_object{
    text-align: center;
    padding: 10px;
	flex:1;
	background-color: #f7f7f7;
	
}
.calc .camp_field_object:hover{
	background-color: #efefef;
}
.calc .camp_field_object h4 {
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}  

.parcel_price{
    color: var(--orange-color);
    font-weight: bold;
    font-size: 1.5rem;
    padding: 5px 0 0 0;
}
.termselect{
	padding:10px;
}
.termselect input{
	text-align: center;
}
.formbuttons,
.yesnobuttons{
	text-align: center;
	padding:10px 0;
}
.formbuttons button, 
.yesnobuttons button {
	display:inline-block;
	margin:0 20px;
	background-color:var(--orange-color);
	color:white;
	border:0;
	border-radius:5px;
	font-size: 14px;
	padding: 12px 18px;
	cursor:pointer;
}
.termwarning{
	margin-bottom:20px;
	position:relative;
}
.termwarning:before{
	content:'';
	
}
.formbuttons.gray button{
	background-color:rgb(179, 179, 179);
}
.formbuttons.gray:hover button{
	background-color:#999;
}
.formbuttons .prev{
	background-color:rgb(179, 179, 179);
}
.formbuttons .prev:hover{
	background-color: #999;
}

.yesnobuttons button {
	background-color:white;
	color:black;
	border-width: 1px;
	border-color: var(--orange-color);
	border-style: solid;
}
.formbuttons button:hover{
	background-color:#de383d;
}
.formbuttons button:disabled{
	background-color:rgb(179, 179, 179);
}
.formbuttons button:disabled:hover{
	cursor:default;
}
.yesnobuttons button{
	margin:0;
}

.yesnobuttons button.no,
.yesnobuttons button.yes{
	border-radius: 0;
}
.yesnobuttons button.no{
	border-radius: 0 5px 5px 0;
	border-left:0;
	
}
.yesnobuttons button.yes{
	border-radius: 5px 0 0 5px;
	border-right:0;
}
.yesnobuttons button.selected{
	background-color:var(--orange-color);
	color:white;
}
.yesnobuttons button:hover{
	background-color:#de383d;
	color:white;
}
.addonwrap,
.addonvalue{
	white-space: nowrap;
	padding:10px 0;
}
.addonwrap button,
.addonwrap input[type="text"]{
	border:1px solid var(--orange-color);
	border-radius:0;
	width:35px;
	height:35px;
	text-align: center;
	vertical-align: top;
}
button.more{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: var(--orange-color);
	color:white;
	cursor: pointer;
}
button.less{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: var(--orange-color);
	color:white;
	cursor: pointer;
	position:relative;
}
input[type="button"].add:hover,
input[type="button"].sub:hover{
	background-color:var(--orange-color);
}


.addonwrap input[type="text"]{
	border-right-width: 0;
	border-left-width: 0;
}

.statement{
	font-size:14px;
	padding:5px 0;
}
.question{
	font-weight: bold;
	font-size:16px;
	padding:5px 0;
}

.sizewarning{
	padding: 5px;
	background-color: red;
	color: white;
	text-align-last: center;
}

@media(max-width:1200px){
	.calc .camp_field_object{
		flex:0 0 49%;
	}
}
@media(max-width:740px){
	.calc .camp_field_object{
		flex:0 0 100%;
	}
}