/* ========================================== */
/* ===== MAIN STYLE-SHEET FOR SHOP 2.0 ====== */
/* ========================================== */

/* ========== GLOBALS & VARIABLES =========== */

:root {

	--co-background : #FFFFFF;
	--co-text : #1F303E;
	--co-accent1 : #0189E1;
	--co-accent1-only-value : 0189E1;
	--co-accent2 : #EB8C2D;
	--co-dark : #1D2838;
	--co-middle : #808080;
	--co-light : #CFCFCF;
	--co-superlight : #EFEFEF;
	--co-error : #CB0421;
	--co-error-ok : #1FA500;

	--co-font-on-accent1 : #FFFFFF;
	--co-font-on-accent2 : #FFFFFF;
	--co-font-on-light : #1F303E;
	--co-font-on-middle : #FFFFFF;
	--co-font-on-dark : #FFFFFF;
	--co-cookie-bar-text: #000000;
	--co-cookie-bar-background: #FFFFFF;
	--co-fade-out-background: #000000;
	--co-top-menu-border: #FFFFFF;
	--co-box-dropdown-background: #FFFFFF;

	--svg-checkbox-desktop-inactive 	: url('data:image/svg+xml;utf8,<svg aria-hidden="true" width="42px" height="21px" viewBox="0 0 42 23" version="1.1" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-86.000000, -31.000000)"><g transform="translate(87.000000, 32.949632)"><path d="M30.0094932,-0.5 C32.8534346,-0.5 35.4330697,0.632406246 37.3226603,2.47154687 C39.2173227,4.31562389 40.4181217,6.87029149 40.4959736,9.70631513 C40.4981622,12.7440885 39.3375699,15.4233885 37.4620437,17.3539966 C35.5609243,19.3109495 32.9241909,20.5 30.0094932,20.5 L30.0094932,20.5 L9.99050677,20.5 C7.14626154,20.5 4.56639324,19.3679366 2.67675543,17.5287725 C0.782448937,15.6850644 -0.418130086,13.1306858 -0.49597372,10.2937978 C-0.498162151,7.25597731 0.662425032,4.576654 2.53794226,2.64603293 C4.43906304,0.689056047 7.07580212,-0.5 9.99050677,-0.5 L9.99050677,-0.5 Z" stroke="%23ffffff" fill="%23808080"></path><path d="M 10 18 C 14.4183 18 18 14.4183 18 10 C 18 5.5817 14.4183 2 10 2 C 5.5817 2 2 5.5817 2 10 C 2 14.4183 5.5817 18 10 18 Z" fill="%23ffffff"></path><path d="M 29.725 10.204 l 3.318 -3.315 a 0.51 0.51 0 1 0 -0.724 -0.724 L 29 9.48 l -3.319 -3.315 a 0.51 0.51 0 1 0 -0.724 0.724 l 3.318 3.315 l -3.318 3.317 a 0.51 0.51 0 1 0 0.724 0.723 L 29 10.928 l 3.319 3.317 a 0.509 0.509 0 0 0 0.724 0 c 0.2 -0.2 0.2 -0.525 0 -0.724 l -3.318 -3.317 z" fill="%23ffffff" fill-rule="nonzero"></path></g></g></g></svg>');
	--svg-checkbox-desktop-active 		: url('data:image/svg+xml;utf8,<svg aria-hidden="true" width="42px" height="21px" viewBox="0 0 42 23" version="1.1" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-86.000000, -31.000000)"><g transform="translate(87.000000, 32.949632)"><path d="M30.0094932,-0.5 C32.8534346,-0.5 35.4330697,0.632406246 37.3226603,2.47154687 C39.2173227,4.31562389 40.4181217,6.87029149 40.4959736,9.70631513 C40.4981622,12.7440885 39.3375699,15.4233885 37.4620437,17.3539966 C35.5609243,19.3109495 32.9241909,20.5 30.0094932,20.5 L30.0094932,20.5 L9.99050677,20.5 C7.14626154,20.5 4.56639324,19.3679366 2.67675543,17.5287725 C0.782448937,15.6850644 -0.418130086,13.1306858 -0.49597372,10.2937978 C-0.498162151,7.25597731 0.662425032,4.576654 2.53794226,2.64603293 C4.43906304,0.689056047 7.07580212,-0.5 9.99050677,-0.5 L9.99050677,-0.5 Z" stroke="%23ffffff" fill="%230189E1"></path><path d="M30,18 C34.418278,18 38,14.418278 38,10 C38,5.581722 34.418278,2 30,2 C25.581722,2 22,5.581722 22,10 C22,14.418278 25.581722,18 30,18 Z" fill="%23ffffff"></path><path d="M15.8228065,6.13470278 C16.038065,6.32450074 16.0587048,6.65286384 15.8689068,6.8681223 C15.8665182,6.87083131 15.8641014,6.87351535 15.8616569,6.87617398 L9.47642761,13.8205455 C9.39995063,13.9037194 9.30336409,13.9576046 9.20086748,13.9814572 C9.01166585,14.0332136 8.80114396,13.9796182 8.65955286,13.8256282 L8.65955286,13.8256282 L6.13834311,11.083641 L6.13834311,11.083641 L6.13109318,11.0755893 C5.94129522,10.8603308 5.96193502,10.5319677 6.17719348,10.3421698 C6.39831738,10.1472001 6.73475108,10.164828 6.93428873,10.3818388 L6.93428873,10.3818388 L9.06521734,12.6992981 L15.0657113,6.17437179 C15.2652489,5.95736102 15.6016826,5.93973313 15.8228065,6.13470278 Z" fill="%23ffffff"></path></g></g></g></svg>');
	--svg-radiobutton-desktop-inactive 	: url('data:image/svg+xml;utf8,<svg aria-hidden="true" width="42px" height="21px" viewBox="0 0 42 23" version="1.1" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-86.000000, -31.000000)"><g transform="translate(87.000000, 32.949632)"><path d="M30.0094932,-0.5 C32.8534346,-0.5 35.4330697,0.632406246 37.3226603,2.47154687 C39.2173227,4.31562389 40.4181217,6.87029149 40.4959736,9.70631513 C40.4981622,12.7440885 39.3375699,15.4233885 37.4620437,17.3539966 C35.5609243,19.3109495 32.9241909,20.5 30.0094932,20.5 L30.0094932,20.5 L9.99050677,20.5 C7.14626154,20.5 4.56639324,19.3679366 2.67675543,17.5287725 C0.782448937,15.6850644 -0.418130086,13.1306858 -0.49597372,10.2937978 C-0.498162151,7.25597731 0.662425032,4.576654 2.53794226,2.64603293 C4.43906304,0.689056047 7.07580212,-0.5 9.99050677,-0.5 L9.99050677,-0.5 Z" stroke="%23ffffff" fill="%23808080"></path><path d="M 10 18 C 14.4183 18 18 14.4183 18 10 C 18 5.5817 14.4183 2 10 2 C 5.5817 2 2 5.5817 2 10 C 2 14.4183 5.5817 18 10 18 Z" fill="%23ffffff"></path></g></g></g></svg>');
	--svg-radiobutton-desktop-active 	: url('data:image/svg+xml;utf8,<svg aria-hidden="true" width="42px" height="21px" viewBox="0 0 42 23" version="1.1" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-86.000000, -31.000000)"><g transform="translate(87.000000, 32.949632)"><path d="M30.0094932,-0.5 C32.8534346,-0.5 35.4330697,0.632406246 37.3226603,2.47154687 C39.2173227,4.31562389 40.4181217,6.87029149 40.4959736,9.70631513 C40.4981622,12.7440885 39.3375699,15.4233885 37.4620437,17.3539966 C35.5609243,19.3109495 32.9241909,20.5 30.0094932,20.5 L30.0094932,20.5 L9.99050677,20.5 C7.14626154,20.5 4.56639324,19.3679366 2.67675543,17.5287725 C0.782448937,15.6850644 -0.418130086,13.1306858 -0.49597372,10.2937978 C-0.498162151,7.25597731 0.662425032,4.576654 2.53794226,2.64603293 C4.43906304,0.689056047 7.07580212,-0.5 9.99050677,-0.5 L9.99050677,-0.5 Z" stroke="%23ffffff" fill="%230189E1"></path><path d="M30,18 C34.418278,18 38,14.418278 38,10 C38,5.581722 34.418278,2 30,2 C25.581722,2 22,5.581722 22,10 C22,14.418278 25.581722,18 30,18 Z" fill="%23ffffff"></path></g></g></g></svg>');

	--fn-default : Mooli;
	
	--bu-hover : 0.5;

	--co-black : #000000;
	--co-white : #ffffff;

	scroll-behavior: smooth;
}

@import url('https://fonts.googleapis.com/css2?family=Mooli:wght@400;700&display=swap');	/* Mooli */
@import url('/styles_fontawsome.css');

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* ========== GRID-SYSTEM =========== */

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

	.item 					{ flex: 0 0 auto; }

	.row 					{ display: flex; flex-wrap: nowrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 1200px; }
	.col_gap				{ gap: 20px; }

	.col_25					{ width: 25%;	}
	.col_33 				{ width: 33.3%;	}
	.col_50 				{ width: 50%px; flex-shrink: 1; }
	.col_66 				{ width: 66.6%; flex-shrink: 1;	}
	.col_75 				{ width: 75%; flex-shrink: 1;	}

	.row_padding			{ display: flex; flex-wrap: nowrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 1120px; }

	.row_padding .col_25	{ width: 25%;	}
	.row_padding .col_33 	{ width: 33.3%;	}
	.row_padding .col_50 	{ width: 50%; flex-shrink: 1; }
	.row_padding .col_66 	{ width: 66.7%; flex-shrink: 1;	}
	.row_padding .col_75 	{ width: 75%; flex-shrink: 1;	}

}

@media screen and (min-width: 981px) and (max-width: 1215px)
{
	.row 					{ display: flex; flex-wrap: nowrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 1200px; }
	
	.item 					{ flex: 0 0 auto; }
	.col_gap				{ gap: 20px; }

	.col_25 				{ width: 400px; }
	.col_33					{ width: 400px; }
	.col_50 				{ width: 601px; flex-shrink: 1; }
	.col_66					{ width: 800px; flex-shrink: 1; }
	.col_75 				{ width: 900px; flex-shrink: 1; }

	.row_padding			{ display: flex; flex-wrap: nowrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 1120px; }

	.row_padding .col_25	{ width: 25%;	}
	.row_padding .col_33 	{ width: 33.3%;	}
	.row_padding .col_50 	{ width: 50%; flex-shrink: 1; }
	.row_padding .col_66 	{ width: 66.7%; flex-shrink: 1;	}
	.row_padding .col_75 	{ width: 75%; flex-shrink: 1;	}

}

@media screen and (max-width: 980px) and (orientation: landscape)
{
	.row 					{ display: flex; flex-wrap: nowrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 1200px; }
	
	.item					{ flex: 0 0 auto;	}
	.col_gap				{ gap: 20px; }

	.col_25 				{ width: 400px; }
	.col_33					{ width: 400px; }
	.col_50 				{ width: 601px; flex-shrink: 1; }
	.col_66					{ width: 800px; flex-shrink: 1; }
	.col_75					{ width: 900px; flex-shrink: 1; }

	.row_padding			{ display: flex; flex-wrap: nowrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 1120px; }

	.row_padding .col_25	{ width: 25%;	}
	.row_padding .col_33 	{ width: 33.3%;	}
	.row_padding .col_50 	{ width: 50%; flex-shrink: 1; }
	.row_padding .col_66 	{ width: 66.7%; flex-shrink: 1;	}
	.row_padding .col_75 	{ width: 75%; flex-shrink: 1;	}
}

@media screen and (orientation: portrait) and (max-width: 980px)
{
	.row					{ display: flex; flex-wrap: wrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 720px; }
	.col_gap				{ gap: 20px; }

	.item 					{ flex: 0 0 auto; }

	.col_25					{ width: 50%; flex-shrink: 0; }
	.col_33					{ width: 100%; flex-shrink: 1; }
	.col_50					{ width: 100%; flex-shrink: 1; }
	.col_66					{ width: 100%; flex-shrink: 1; }
	.col_75					{ width: 100%; flex-shrink: 1; }

	.row_padding			{ display: flex; flex-wrap: wrap; padding: 0px; margin: 0px; justify-content: center; align-items: top; max-width: 680px; }

	.row_padding .col_25	{ width: 48.2%; flex-shrink: 0; }
}


/* ========== DEFAULT & GENERAL =========== */

.bg_background	 			{ background-color: var(--co-background); }
.bg_accent1					{ background-color: var(--co-accent1); color: var(--co-font-on-accent1); }
.bg_accent2					{ background-color: var(--co-accent2); color: var(--co-font-on-accent2); }
.bg_dark					{ background-color: var(--co-dark); color: var(--co-font-on-dark); }
.bg_middle					{ background-color: var(--co-middle); color: var(--co-font-on-middle); }
.bg_light					{ background-color: var(--co-light); color: var(--co-font-on-light); }

.fn_text					{ color: var(--co-text); }
.fn_accent1					{ color: var(--co-accent1); }
.fn_accent2					{ color: var(--co-accent2); }
.fn_dark					{ color: var(--co-dark); }
.fn_middle					{ color: var(--co-middle); }
.fn_light					{ color: var(--co-light); }
.fn_on_accent1				{ color: var(--co-font-on-accent1); }
.fn_on_accent2				{ color: var(--co-font-on-accent2); }
.fn_error					{ color: var(--co-error); }								 
.fn_error_ok				{ color: var(--co-error-ok); }				   
.fn_lineheight_50			{ line-height: 150%; }
.fn_lineheight_100			{ line-height: 200%; }
.fn_justify					{ text-align: justify; }

.bu_hover:hover				{ opacity: var(--bu-hover); }

.fn_zero					{ font-size: 0px; }
.fn_size0					{ font-size: 0px; }
.fn_bold					{ font-weight: bold; }
.fn_nobold					{ font-weight: normal; }

.tx_left					{ text-align: left;}
.tx_right					{ text-align: right;}
.tx_center					{ text-align: center;}
.tx_justify					{ text-align: justify;}
.tx_uppercase				{ text-transform: uppercase; }
.tx_normalcase				{ text-transform: none; }

.bo_middle					{ border: 1px solid var(--co-middle); }
.bo_top_mid					{ border-top: 2px var(--co-accent1) solid; }
.bo_bottom_mid				{ border-bottom: 2px var(--co-accent1) solid; }
.bo_top						{ border-top: 5px var(--co-accent1) solid; }
.bo_bottom					{ border-bottom: 5px var(--co-accent1) solid; }
.bo_top_dark				{ border-top: 1px var(--co-dark) solid; }
.bo_top_dark_middle			{ border-top: 1px #bbbbbb solid; }

.scale_picture				{ transition: 0.2s; }
.scale_picture:hover		{ transform: scale(1.1); }


/* ========== LINKS =========== */

A 							{ text-decoration: none; color: var(--co-text); }
A:hover						{ text-decoration: none; color: var(--co-accent1); }
A.link_on_accent1			{ text-decoration: none; color: var(--co-font-on-accent1); }
A.link_on_accent1:hover		{ text-decoration: none; color: var(--co-middle); }

/* ========== FRAMES & SPACES =========== */

.padding_null		 		{ padding: 0px;}
.padding_null_left 			{ padding-left: 0px;}
.padding_null_right 		{ padding-right: 0px;}
.padding_null_top 			{ padding-top: 0px;}
.padding_null_bottom		{ padding-bottom: 0px;}

.padding_2px		 		{ padding: 2px;}
.padding_2px_left 			{ padding-left: 2px;}
.padding_2px_right 			{ padding-right: 2px;}
.padding_2px_top 			{ padding-top: 2px;}
.padding_2px_bottom			{ padding-bottom: 2px;}

.padding_extrasmall 		{ padding: 5px;}
.padding_extrasmall_left 	{ padding-left: 5px;}
.padding_extrasmall_right 	{ padding-right: 5px;}
.padding_extrasmall_top 	{ padding-top: 5px;}
.padding_extrasmall_bottom	{ padding-bottom: 5px;}

.padding_small 				{ padding: 10px;}
.padding_small_left 		{ padding-left: 10px;}
.padding_small_right 		{ padding-right: 10px;}
.padding_small_top 			{ padding-top: 10px;}
.padding_small_bottom		{ padding-bottom: 10px;}

.padding_smallmedium 		{ padding: 15px;}
.padding_smallmedium_left 	{ padding-left: 15px;}
.padding_smallmedium_right	{ padding-right: 15px;}
.padding_smallmedium_top 	{ padding-top: 15px;}
.padding_smallmedium_bottom	{ padding-bottom: 15px;}

.padding_medium	 			{ padding: 20px;}
.padding_medium_left		{ padding-left: 20px;}
.padding_medium_right		{ padding-right: 20px;}
.padding_medium_top 		{ padding-top: 20px;}
.padding_medium_bottom		{ padding-bottom: 20px;}

.padding_big	 			{ padding: 30px;}
.padding_big_left 			{ padding-left: 30px;}
.padding_big_right 			{ padding-right: 30px;}
.padding_big_top 			{ padding-top: 30px;}
.padding_big_bottom			{ padding-bottom: 30px;}

.padding_big40	 			{ padding: 40px;}
.padding_big40_left 		{ padding-left: 40px;}
.padding_big40_right 		{ padding-right: 40px;}
.padding_big40_top 			{ padding-top: 40px;}
.padding_big40_bottom		{ padding-bottom: 40px;}
.padding_extrabig	 		{ padding: 60px;}
.padding_extrabig_left 		{ padding-left: 60px;}
.padding_extrabig_right 	{ padding-right: 60px;}
.padding_extrabig_top 		{ padding-top: 60px;}
.padding_extrabig_bottom	{ padding-bottom: 60px;}

.margin_null	 			{ margin: 0px;}
.margin_null_left 			{ margin-left: 0px;}
.margin_null_right 			{ margin-right: 0px;}
.margin_null_top 			{ margin-top: 0px;}
.margin_null_bottom			{ margin-bottom: 0px;}								

.margin_2px	 				{ margin: 2px;}
.margin_2px_left 			{ margin-left: 2px;}
.margin_2px_right 			{ margin-right: 2px;}
.margin_2px_top 			{ margin-top: 2px;}
.margin_2px_bottom			{ margin-bottom: 2px;}								

.margin_extrasmall 			{ margin: 5px;}
.margin_extrasmall_left 	{ margin-left: 5px;}
.margin_extrasmall_right 	{ margin-right: 5px;}
.margin_extrasmall_top 		{ margin-top: 5px;}
.margin_extrasmall_bottom	{ margin-bottom: 5px;}

.margin_small 				{ margin: 10px;}
.margin_small_left 			{ margin-left: 10px;}
.margin_small_right 		{ margin-right: 10px;}
.margin_small_top 			{ margin-top: 10px;}
.margin_small_bottom		{ margin-bottom: 10px;}

.margin_smallmedium 		{ margin: 15px;}
.margin_smallmedium_left	{ margin-left: 15px;}
.margin_smallmedium_right	{ margin-right: 15px;}
.margin_smallmedium_top 	{ margin-top: 15px;}
.margin_smallmedium_bottom	{ margin-bottom: 15px;}

.margin_medium	 			{ margin: 20px;}
.margin_medium_left			{ margin-left: 20px;}
.margin_medium_right 		{ margin-right: 20px;}
.margin_medium_top 			{ margin-top: 20px;}
.margin_medium_bottom		{ margin-bottom: 20px;}

.margin_big	 				{ margin: 30px;}
.margin_big_left 			{ margin-left: 30px;}
.margin_big_right 			{ margin-right: 30px;}
.margin_big_top 			{ margin-top: 30px;}
.margin_big_bottom			{ margin-bottom: 30px;}

.margin_big40 				{ margin: 40px;}
.margin_big40_left 			{ margin-left: 40px;}
.margin_big40_right 		{ margin-right: 40px;}
.margin_big40_top 			{ margin-top: 40px;}
.margin_big40_bottom		{ margin-bottom: 40px;}

.margin_extrabig	 		{ margin: 60px;}
.margin_extrabig_left 		{ margin-left: 60px;}
.margin_extrabig_right 		{ margin-right: 60px;}
.margin_extrabig_top 		{ margin-top: 60px;}
.margin_extrabig_bottom		{ margin-bottom: 60px;}

.wi_20px					{ width: 20px }
.wi_30px					{ width: 30px }
.wi_40px					{ width: 40px }
.wi_50px					{ width: 50px }
.wi_60px					{ width: 60px }

.wi_260px_mobile			{ width: 260px }
.wi_600px_mobile			{ width: 600px }

.hi_10px					{ height: 10px }
.hi_20px					{ height: 20px }
.hi_30px					{ height: 30px }
.hi_40px					{ height: 40px }
.hi_50px					{ height: 50px }
.hi_60px					{ height: 60px }
.hi_160px					{ height: 160px }

/* ========== POSITIONING =========== */

.fl_right					{ float: right; }
.fl_left					{ float: left; }
.nospace					{ font-size: 0px; }
.po_relative				{ position: relative }
.po_absolute				{ position: absolute }

.di_inline_block			{ display: inline-block; box-sizing: border-box; }
.di_block					{ display: block; box-sizing: border-box; }
.di_none					{ display: none; box-sizing: border-box; }
.di_table_cell				{ display: table-cell; box-sizing: border-box; }

.va_top						{ vertical-align: top; }
.va_bottom					{ vertical-align: bottom; }
.va_middle					{ vertical-align: middle; }
.va_absmiddle				{ vertical-align: absmiddle; }

.bg_img_normal				{ background-position: right bottom; center middle; background-size: 100% auto; }
.bg_img_sticky				{ background-attachment: fixed; background-position: right bottom; center middle; background-size: 100% 100%; }

/* ========== OPACITY =========== */

.op_0						{ opacity: 0; }
.op_10						{ opacity: 0.1; }
.op_20						{ opacity: 0.2; }
.op_30						{ opacity: 0.3; }
.op_40						{ opacity: 0.4; }
.op_50						{ opacity: 0.5; }
.op_60						{ opacity: 0.6; }
.op_70						{ opacity: 0.7; }
.op_80						{ opacity: 0.8; }
.op_90						{ opacity: 0.9; }
.op_100						{ opacity: 1; }

/* ========== OTHER =========== */

.cu_pointer					{ cursor: pointer; }
.cu_default					{ cursor: default; }
.worker						{ display: none; }
.availability_bullit		{ border-radius: 50% }


/* ========== COOKIE =========== */

#cookiebar
{
        color: var(--co-cookie-bar-text);
        background-color: var(--co-cookie-bar-background);
        position: fixed;
        bottom: 0px;
        width: 100%;
}

/* ========== INFOWINDOW =========== */

#fadeout
{
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: var(--co-fade-out-background);
        width: 100%;
        height: 100%;
        z-index: 60001;
        opacity: 0.4;
}

#infowindow
{
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
		background-color: var(--co-accent1);
		color: var(--co-font-on-accent1);
		border: 0px solid transparent;
        width: 600px;
        padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
        z-index: 60001;
}

#infowindow #infocontent
{
        width: 600px;
        text-align: center;
		color:  var(--co-font-on-accent1);
}

#infowindowclose
{
        position: relative;
        float: right;
        left: +10px;
        top: -10px;
        cursor: pointer;
		z-index: 60002;
}