/* ========== COLOR & FONTS =========== */
@media (min-width: 769px) {
	.fn_normal			{ font-size: 17px; }
	.fn_small			{ font-size: 12px; }
	.fn_size8			{ font-size: 8px; }
	.fn_size9			{ font-size: 9px; }
	.fn_size10			{ font-size: 10px; }
	.fn_size12			{ font-size: 12px; }
	.fn_size14			{ font-size: 14px; }
	.fn_size16			{ font-size: 16px; }
	.fn_size17			{ font-size: 17px; }
	.fn_size18			{ font-size: 18px; }
	.fn_size20			{ font-size: 20px; }
	.fn_size24			{ font-size: 24px; }
	.fn_size25			{ font-size: 25px; }
}

@media (max-width: 768px) {
	.fn_normal			{ font-size: 22px; }
	.fn_small			{ font-size: 14px; }
	.fn_size8			{ font-size: 12px; }
	.fn_size9			{ font-size: 14px; }
	.fn_size10			{ font-size: 20px; }
	.fn_size12			{ font-size: 22px; }
	.fn_size14			{ font-size: 20px; }
	.fn_size16			{ font-size: 22px; }
	.fn_size17			{ font-size: 26px; }
	.fn_size18			{ font-size: 28px; }
	.fn_size20			{ font-size: 28px; }
	.fn_size24			{ font-size: 33px; }
	.fn_size25			{ font-size: 34px; }
}

.fn_zero				{ font-size: 0px; }
.fn_size0				{ font-size: 0px; }
.fn_bold				{ font-weight: bold; }
.fn_superbold			{ font-weight: 900; }
.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;}

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

.frame_2px		 			{ padding: 2px;}
.frame_2px_left 			{ padding-left: 2px;}
.frame_2px_right 			{ padding-right: 2px;}
.frame_2px_top 				{ padding-top: 2px;}
.frame_2px_bottom			{ padding-bottom: 2px;}

.frame_extrasmall 			{ padding: 5px;}
.frame_extrasmall_left 		{ padding-left: 5px;}
.frame_extrasmall_right 	{ padding-right: 5px;}
.frame_extrasmall_top 		{ padding-top: 5px;}
.frame_extrasmall_bottom	{ padding-bottom: 5px;}

.frame_small 				{ padding: 10px;}
.frame_small_left 			{ padding-left: 10px;}
.frame_small_right 			{ padding-right: 10px;}
.frame_small_top 			{ padding-top: 10px;}
.frame_small_bottom			{ padding-bottom: 10px;}

.frame_smallmedium	 		{ padding: 15px;}
.frame_smallmedium_left		{ padding-left: 15px;}
.frame_smallmedium_right	{ padding-right: 15px;}
.frame_smallmedium_top 		{ padding-top: 15px;}
.frame_smallmedium_bottom	{ padding-bottom: 15px;}

.frame_medium	 			{ padding: 20px;}
.frame_medium_left			{ padding-left: 20px;}
.frame_medium_right			{ padding-right: 20px;}
.frame_medium_top 			{ padding-top: 20px;}
.frame_medium_bottom		{ padding-bottom: 20px;}

.frame_big	 				{ padding: 30px;}
.frame_big_left 			{ padding-left: 30px;}
.frame_big_right 			{ padding-right: 30px;}
.frame_big_top 				{ padding-top: 30px;}
.frame_big_bottom			{ padding-bottom: 30px;}

.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_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;}

@media (min-width: 769px) {
	.wi_10 						{ width: 10% }
	.wi_12 						{ width: 12% }
	.wi_15 						{ width: 15% }
	.wi_17 						{ width: 17% }
	.wi_20 						{ width: 20% }
	.wi_22 						{ width: 22% }
	.wi_30 						{ width: 30% }
	.wi_33 						{ width: 33% }
	.wi_35 						{ width: 35% }
	.wi_40 						{ width: 40% }
	.wi_60 						{ width: 60% }
	.wi_70 						{ width: 70% }
	.wi_80 						{ width: 80% }
	.wi_90 						{ width: 90% }
		
	.wi_33						{ width: 33% }
	.wi_66						{ width: 66% }
		
	.wi_2 						{ width: 2%; }
	.wi_5 						{ width: 5%; }
	.wi_18 						{ width: 18%; }
	.wi_25 						{ width: 25%; }
	.wi_50 						{ width: 50% }
	.wi_75 						{ width: 75% }
	.wi_85 						{ width: 85% }
	.wi_95 						{ width: 95% }
	.wi_98 						{ width: 98% }
	.wi_100						{ width: 100% }
}

@media (max-width: 768px) {
	.wi_10 						{ width: 10% }
	.wi_12 						{ width: 12% }
	.wi_15 						{ width: 15% }
	.wi_17 						{ width: 17% }
	.wi_19 						{ width: 19% }
	.wi_20 						{ width: 20% }
	.wi_22 						{ width: 22% }
	.wi_30 						{ width: 30% }
	.wi_35 						{ width: 35% }
	.wi_40 						{ width: 40% }
	.wi_60 						{ width: 60% }
	.wi_70 						{ width: 70% }
	.wi_80 						{ width: 80% }
	.wi_90 						{ width: 90% }
		
	.wi_33						{ width: 33% }
	.wi_66						{ width: 66% }
		
	.wi_2 						{ width: 2%; }
	.wi_5 						{ width: 5%; }
	.wi_18 						{ width: 18%; }
	.wi_25 						{ width: 25%; }
	.wi_50 						{ width: 50% }
	.wi_75 						{ width: 75% }
	.wi_95 						{ width: 95% }
	.wi_98 						{ width: 98% }
	.wi_100						{ width: 100% }
}

.wi_1px						{ width: 1px; }
.wi_25px					{ width: 25px; }
.wi_40px					{ width: 40px; }
.wi_50px					{ width: 50px; }
.wi_75px					{ width: 75px; }
.wi_100px					{ width: 100px; }
.wi_150px					{ width: 150px; }
.wi_200px					{ width: 200px; }
.wi_250px					{ width: 250px; }
.wi_300px					{ width: 300px; }
.wi_350px					{ width: 350px; }

.hi_100						{ height: 100% }

.hi_20px					{ height: 20px; }
.hi_25px					{ height: 25px; }
.hi_40px					{ height: 40px; }
.hi_60px					{ height: 60px; }
.hi_80px					{ height: 80px; }
.hi_100px					{ height: 100px; }
.hi_line					{ height: 34px }

.wi_720px_mobile			{ width: 720px }

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

.fl_right			{ float: right; }
.fl_left			{ float: left; }
.nospace			{ font-size: 0px; }

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

@media (min-width: 769px) {
	.di_table_cell_no_mobile		{ display: table-cell;}
}
@media (max-width: 768px) {
	.di_table_cell_no_mobile		{ display: none;}
}

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

.bg_img_normal		{ background: center no-repeat }
.bg_img_sticky		{ background-attachment: fixed; background-position: right bottom; center middle; background-size: 100% 100%; }
.bg_img_left_top	{ background: left top no-repeat }

/* ========== 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;}

/* ========== CONTENT-LIBRARY =========== */

.cl_menu {
	text-align: left;
	background: #ffffff;
}

.cl_container {
	text-align: left;
	background: url('/bilder/webspace/background_content.png') #ffffff;
}

.cb_1 {
	position: relative;
	display: inline-block;
	text-align: left;
}

.verticalLine {
  border-left: solid #a3714b 1px;
}

.hrstart {
	border: 0;
	width: 300px;
	height: 4px;
	margin-top: 20px;
	background-color: #b18363;
}

.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.3); /* (130% zoom)*/
}

a.cartbg {
	font-size: 30px;
	color: #ffffff;
	font-weight: 700;
	background-image: url('/bilder/webspace/cart_bg.png');
	background-position: -167px -40px;
	text-decoration: none;
	cursor: pointer;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
}

a.cartbg:hover {
	color: #000000;
	background-image: url('/bilder/webspace/cart_bg.png');
	background-position: -167px -915px;
}

a.cartbg20px {
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	background-image: url('/bilder/webspace/cart_bg_20px.png');
	background-position: -172px -58px;
	text-decoration: none;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 35px;
}

a.cartbg20px:hover {
	color: #000000;
	background-image: url('/bilder/webspace/cart_bg_20px.png');
	background-position: -172px -932px;
}

.fn_headerbig {
	font-size: 72px;
	font-weight: 900;
	color: #ffffff;
	text-shadow: 0px 0px 6px #555555;
}