@font-face {
	font-family: 'DM Sans 18pt';
	src: url('/webfonts/DMSans18pt-Bold.eot');
	src: url('/webfonts/DMSans18pt-Bold.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/DMSans18pt-Bold.woff2') format('woff2'),
		url('/webfonts/DMSans18pt-Bold.woff') format('woff'),
		url('/webfonts/DMSans18pt-Bold.ttf') format('truetype'),
		url('/webfonts/DMSans18pt-Bold.svg#DMSans18pt-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DM Sans 18pt';
	src: url('/webfonts/DMSans18pt-ExtraLight.eot');
	src: url('/webfonts/DMSans18pt-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/DMSans18pt-ExtraLight.woff2') format('woff2'),
		url('/webfonts/DMSans18pt-ExtraLight.woff') format('woff'),
		url('/webfonts/DMSans18pt-ExtraLight.ttf') format('truetype'),
		url('/webfonts/DMSans18pt-ExtraLight.svg#DMSans18pt-ExtraLight') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DM Sans 18pt';
	src: url('/webfonts/DMSans18pt-Light.eot');
	src: url('/webfonts/DMSans18pt-Light.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/DMSans18pt-Light.woff2') format('woff2'),
		url('/webfonts/DMSans18pt-Light.woff') format('woff'),
		url('/webfonts/DMSans18pt-Light.ttf') format('truetype'),
		url('/webfonts/DMSans18pt-Light.svg#DMSans18pt-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DM Sans 18pt';
	src: url('/webfonts/DMSans18pt-LightItalic.eot');
	src: url('/webfonts/DMSans18pt-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/DMSans18pt-LightItalic.woff2') format('woff2'),
		url('/webfonts/DMSans18pt-LightItalic.woff') format('woff'),
		url('/webfonts/DMSans18pt-LightItalic.ttf') format('truetype'),
		url('/webfonts/DMSans18pt-LightItalic.svg#DMSans18pt-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'DM Sans 18pt';
	src: url('/webfonts/DMSans18pt-Regular.eot');
	src: url('/webfonts/DMSans18pt-Regular.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/DMSans18pt-Regular.woff2') format('woff2'),
		url('/webfonts/DMSans18pt-Regular.woff') format('woff'),
		url('/webfonts/DMSans18pt-Regular.ttf') format('truetype'),
		url('/webfonts/DMSans18pt-Regular.svg#DMSans18pt-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DM Sans 18pt';
	src: url('/webfonts/DMSans18pt-SemiBold.eot');
	src: url('/webfonts/DMSans18pt-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/DMSans18pt-SemiBold.woff2') format('woff2'),
		url('/webfonts/DMSans18pt-SemiBold.woff') format('woff'),
		url('/webfonts/DMSans18pt-SemiBold.ttf') format('truetype'),
		url('/webfonts/DMSans18pt-SemiBold.svg#DMSans18pt-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cormorant Garamond';
	src: url('/webfonts/CormorantGaramond-Bold.eot');
	src: url('/webfonts/CormorantGaramond-Bold.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/CormorantGaramond-Bold.woff2') format('woff2'),
		url('/webfonts/CormorantGaramond-Bold.woff') format('woff'),
		url('/webfonts/CormorantGaramond-Bold.ttf') format('truetype'),
		url('/webfonts/CormorantGaramond-Bold.svg#CormorantGaramond-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cormorant Garamond';
	src: url('/webfonts/CormorantGaramond-Regular.eot');
	src: url('/webfonts/CormorantGaramond-Regular.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/CormorantGaramond-Regular.woff2') format('woff2'),
		url('/webfonts/CormorantGaramond-Regular.woff') format('woff'),
		url('/webfonts/CormorantGaramond-Regular.ttf') format('truetype'),
		url('/webfonts/CormorantGaramond-Regular.svg#CormorantGaramond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
}
body{
	position: relative;
	color: #404040;
	font-size: 16px;
	font-family: 'DM Sans 18pt', 'Arial', sans-serif;
	font-weight: 300;
	line-height: 1.54;
	letter-spacing: .3px;
	word-break: break-word;
	background-color: #50575f;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
	a{
		color: #b0903d;
		text-decoration: none;
		transition: color .4s linear 0s;
	}
		a:hover{
			color: #052679;
		}
	b, strong{
		font-weight: 600;
	}
	i, em{
		font-weight: 300;
		font-style: italic;
	}
	svg:hover path{
		transition: stroke .4s linear 0s;
	}
	.clear{
		clear: both;
	}
	.center{
		text-align: center;
	}

	div.outer{
		margin: 0 auto;
	}
	div.bg_grey{
		background-color: #f6f0e2;
	}

	div#header{
		position: fixed;
		z-index: 1000;
		background-color: #50575f;
	}
		div#header div.outer{
			position: relative;
		}
			div#logo{
				position: absolute;
				z-index: 1100;
				left: 0;
			}
				div#logo a{
					display: inline-block;
					text-indent: -99999px;
					background: url(/images/logo_h1.png) no-repeat center center / 100%;
				}
			ul#menu{
				position: absolute;
				z-index: 1100;
				right: 0;
			}
				ul#menu li{
					position: relative;
					margin-left: 1em;
					float: left;
					list-style: none;
					padding: 5px 0;
					line-height: 1.15;
				}
					ul#menu li a{
						display: block;
						color: white;
						font-size: 17px;
						font-weight: 600;
						line-height: 1;
						letter-spacing: 1.5px;
						text-transform: uppercase;
					}
						ul#menu li a:hover,
						ul#menu li a.n_selected{
							color: #b0903d;
						}
				ul#menu ul li{
					margin: 0;
				}

		div#bt_menu{
			display: none;
			position: absolute;
			z-index: 1100;
			width: 50px;
			height: 35px;
			cursor: pointer;
		}
			div#bt_menu svg{
				width: 50px;
				height: 35px;
			}
				div#bt_menu svg line{
					transition: transform .2s ease-in-out, opacity .3s linear,stroke .3s linear;
				}
				div#bt_menu:hover svg line#menu_line_1,
				div#bt_menu:hover svg line#menu_line_3{
					transform: translateX(10px);
				}
				div#bt_menu:hover svg line#menu_line_2{
					transform: translateX(-10px);
				}
				div#bt_menu.open{
				}
					div#bt_menu svg line.open,
					div#bt_menu.open svg line.close{
						opacity: 0;
					}
					div#bt_menu.open svg line.open{
						opacity: 1;
					}


		div#wrapper_menu_mob{
			position: fixed;
			z-index: 990;
			top: -600px;
			left: 0;
			width: 100%;
			background: #f6f0e2;
			transition: top .95s ease-in-out 0s;
		}
			ul#menu_mob{
				width: 300px;
				margin: 0 auto;
			}
				ul#menu_mob li{
					padding: 5px 10px;
					list-style: none;
				}
					ul#menu_mob li a{
						color: #404040;
						font-size: 22px;
						font-weight: 600;
						letter-spacing: 1.5px;
						text-transform: uppercase;
					}
				ul#menu_mob ul{
					display: none;
				}


	div#wrapper_content{
		position: relative;
		background-color: white;
	}

		div#wrapper_content ol,
		div#wrapper_content ul{
			margin: 0 0 1em 24px;
		}
			div#wrapper_content ol li,
			div#wrapper_content ul li{
				padding-bottom: 4px;
			}

		div#wrapper_content img{
			max-width: 100%;
		}

		div#content_main{
			min-height: 600px;
		}
			div#content_main p{
				margin-bottom: 1em;
			}
				div#content_main p:last-of-type{
					margin-bottom: 0 !important;
				}

				h1, h2, h3, h4, h5{
					font-family: 'Cormorant Garamond';
					font-weight: 600;
					line-height: 1;
					letter-spacing: .7px;
				}
				h1{
					margin-bottom: .2em;
					font-size: 2.7em;
				}
				h2{
					margin-bottom: .3em;
					font-size: 2.2em;
				}
				h3{
					margin-bottom: .5em;
					font-size: 1.6em;
				}
				h4, h5{
					margin-bottom: 1em;
					color: #052679;
					font-size: 1.2em;
					line-height: 1.2;
					text-transform: uppercase;
				}

				div#content_main img{
					box-shadow: 5px 5px 12px rgba(0,0,0,.175);
				}
					div#content_main img.float_50,
					div#content_main img.float_30{
					float: right;
					}

				.small, .kleiner{
					font-size: .85em;
					color: #787272;
				}
				img.w75p{
					display: block;
					width: 75%;
					margin: 0 auto;
				}

/* FORM ELEMS */

	input, textarea, select{
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}
	input[type="text"], input[type="password"], input[type=number], textarea, select{
		width: 90%;
		padding: 10px 16px 12px;
		color: #404040;
		font-family: 'DM Sans 18pt', sans-serif;
		font-size: 18px;
		line-height: 1;
		letter-spacing: .2px;
		background-color: white;
		border: 1px solid #b0903d;
	}
	input[type="text"], textarea{
		width: 90%;
	}
	textarea{
		height: 120px;
		text-transform: none;
	}
	input[type="button"], input[type="submit"], a.button{
		display: inline-block;
		margin-bottom: 10px;
		padding: .6em 2em .8em;
		color: white;
		font-family: 'DM Sans 18pt', sans-serif;
		font-size: 1em;
		font-weight: normal;
		line-height: 1;
		letter-spacing: .2px;
		text-align: center;
		background-color: #052679;
		border-radius: 1em;
		transition: color .35s linear 0s, background-color .35s linear 0s;
		cursor: pointer;
	}
		input[type="button"]:hover, input[type="submit"]:hover, a.button:hover{
			background-color: #404040;
		}
		input[type="button"].disabled, input[type="submit"].disabled, a.button.disabled{
			color: white;
			background-color: #f2f3f4;
			cursor: not-allowed;
		}
	select{
		padding: 10px 36px 12px 16px !important;
		line-height: 1;
		background: url(/images/bg_select.svg) no-repeat right top / 34px;
	}
		select *{
			max-width: 100%;
			color: #80878f;
			background-color: #f2f3f4;
		}
	@-moz-document url-prefix(){
		input[type="text"], textarea, select{
		}
		input[type="button"], input[type="submit"], a.button{
		}
		select{
		}
	}
	input[type="checkbox"], input[type="radio"]{
		display:none;
		}
		label{
			float: left;
			margin-right: 15px;
			font-family: 'Manrope', sans-serif;
		}
		input[type="checkbox"]+label::before, input[type="radio"]+label::before{
			float: left;
			width: 20px;
			height: 20px;
			margin: 2px 14px 0 8px;
			border-radius: 20px;
			background-color: white;
			content: "";
			cursor: pointer;
			box-shadow: inset 2px 2px 5px rgba(0,0,0,.35);
			}
			input[type="checkbox"]:checked+label::before, input[type="radio"]:checked+label::before{
				box-shadow: inset 2px 2px 5px rgba(0,0,0,.35);
				background-color: #052679;
				}
	::placeholder{
		color: #c0c3c7;
		opacity: 1;
		}
	:-ms-input-placeholder{
		color: #c0c3c7;
		opacity: 1;
		}
	::-ms-input-placeholder{
		color: #c0c3c7;
		opacity: 1;
		}
	div.feedback_field{
		height: 1.4em;
		padding: 10px 0;
		color: #e20721;
	}



/* HOME */

	div#teaser{
		font-size: 1.2em;
		font-family: 'Cormorant Garamond';
		font-style: italic;
		text-align: center;
	}
		div#teaser p{
			margin-bottom: .5em;
		}
			div#teaser p:last-of-type{
				margin-bottom: 0;
			}

	div#wrapper_home_video{
		position: relative;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
		div#header_video{
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 50;
		}
			video{
				display: block;
				width: 100%;
				height: 100%;
				min-width: 100%;
				min-height: 100%;
				object-fit: cover;
			}


/* SPALTEN / Abstände */

	.floatL,
	div.col1,
	div.col_3{
		float: left;
	}
	.floatR,
	div.col2{
		float: right;
	}
	div.vspacer16{
		height: 16px;
	}
	div.vspacer30{
		height: 30px;
	}
	div.vspacer40{
		height: 40px;
	}
	div.vspacer60{
		height: 60px;
	}


/* SHOP */

		div.wrapper_breadcrump{
			padding-bottom: 10px;
			color: #787272;
			font-size: .85em;
			font-weight: normal;
		}
			div.wrapper_breadcrump a{
				color: #787272;
			}

		div.wk_counter_anzeige{
			display: inline-block;
			margin-left: 20px;
		}

		div#wrapper_list_artikel{
			margin-bottom: 100px;
		}
			div.artikel,
			div.warengruppe{
				margin-top: 20px;
				padding-top: 20px;
				border-top: 2px solid #404040;
			}
			div.borderTop{
				border-top: 2px solid #404040;
			}
				div.artikel a:not(a.button){
					display: block;
					color: #404040;
					border-bottom: 0 none;
				}
					div.list_wg_pic,
					div.list_artikel_pic{
						float: left;
						margin-bottom: 2em;
					}
						div.list_wg_pic img,
						div.list_artikel_pic img{
							width: 80%;
							vertical-align: text-top;
						}
					div.list_wg_txt,
					div.list_artikel_txt{
						float: right;
					}
						div.artikel a h3{
							color: #404040;
						}
							div.artikel a h3 span{
								font-size: .72em;
								color: #404040;
							}
		div#article_nr,
		.art_no{
			color: #a4a4a4;
			font-size: .85em;
		}

		div#wrapper_art_details_pic{
			position: relative;
		}

			div#wrapper_art_details_pic img{
				position: absolute;
				z-index: 10;
				top: 0;
				left: 0;
				height: 100%;
				object-fit: cover;
				object-position: center center;
				opacity: 0;
				transition: opacity .3s linear 0s;
			}
				div#wrapper_art_details_pic img.show{
					opacity: 1;
				}
		div#wrapper_art_thumbs a{
			display: inline-block;
			border: 1px solid #404040;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
		}


				li#n_warenkorb a.icon_wk,
				li#n_warenkorb a.icon_wk svg{
					width: 30px;
					height: 30px;
				}
				li#n_warenkorb{
					position: relative;
					transform: translateY(-10px);
				}
					li#n_warenkorb a:hover svg path{
						stroke: #b0903d;
					}

				div#menu_main_wk_sub{
					display: none;
					position: absolute;
					z-index: 100;
					top: 36px;
					right: -15px;
					width: 200px;
					padding: 15px;
					color: white;
					background-color: #50575f;
					border: 2px solid  #404040;
				}
					div#menu_main_wk_sub ul li{
						float: none;
					}
						div#menu_main_wk_sub li#n_shop_welcome{
							font-size: .7em;
						}
						div#menu_main_wk_sub ul li a{
							color: white;
						}
						div#menu_main_wk_sub ul li hr{
							height: 2px;
							margin: 8px 0;
							background-color: #404040;
						}

				div#n_m_warenkorb,
				div#n_m_warenkorb a,
				div#n_m_warenkorb a svg{
					width: 32px;
					height: 32px;
				}
				div#n_m_warenkorb{
					position: absolute;
				}

			div.menu_wk_num{
				display: none;
				position: absolute;
				z-index: 100;
				top: -8px;
				right: -25px;
				width: 25px;
				height: 25px;
				margin-left: 5px;
				color: white;
				font-size: 14px;
				font-weight: bold;
				line-height: 25px;
				text-align: center;
				background-color: #cd1719;
				border-radius: 20px;
			}
				li#n_warenkorb div.menu_wk_num,
				div#n_m_warenkorb div.menu_wk_num{
					right: -18px;
				}


		input.input_hsnr{
			width: 70px !important;
			margin-left: 15px;
		}
		input.input_plz{
			width: 70px !important;
			margin-right: 15px;
		}

		table.tabelle_warenkorb{
			width: 100%;
		}
			td.td_pic img{
				width: 120px;
				margin-right: 20px;
				float: left;
				vertical-align: bottom;
			}
			td.tdPaddR{
				padding-right: 10px;
			}
			table.tabelle_warenkorb td a{
				border-bottom: 0 none;
			}
			table td hr{
				height: 1px;
				margin: 10px 0;
				color: #dadada;
				background-color: #dadada;
			}

		input.minus,
		input.plus,
		input.delete{
			padding: 0;
			height: 32px;
			width: 32px;
			font-size: 1.2em !important;
			text-align: center;
			line-height: 1;
			border: 0 none;
			color: white;
			background-color: #404040;
			border-radius: 50%;
		}
		input.delete{
			margin-top: 8px;
		}
		input.menge{
			width: 32px !important;
			margin: 0 3px;
			margin-bottom: 10px;
			padding: 5px 6px;
			text-align: center;
		}
		div#div_button_order,
		div.button_order{
			text-align: center;
		}
		input#bt_back2shop{
			margin-right: 10px;
		}
		div#warenkorb_next,
		div#bestell_hinweise{
			margin: 20px 0;
		}
		div#hinweis_agb a{
			float: none !important;
		}


		div#nav_shop_bottom{
			margin-top: 40px;
			padding-top: 20px;
			text-align: center;
			border-top: 2px solid #404040;
		}
			div#nav_shop_bottom ul{
				display: inline-block;
			}
				div#nav_shop_bottom li{
					display: inline-block;
					list-style: none;
					margin: 10px 12px;
					padding: 0 0 4px;
				}
					li#n_btm_warenkorb{
						position: relative;
					}
						div#nav_shop_bottom li a{
							font-size: 17px;
							font-weight: 600;
							line-height: 1;
							text-transform: uppercase;
							letter-spacing: 1.5px;
						}



	div#footer{
		padding: 2.5em 0;
		color: white;
		font-size: .75em;
		font-weight: 200;
		letter-spacing: 1.5px;
		background-color: #50575f;
	}
		div#footer a{
			color: white;
		}
		div#footer_copyright{
			float: left;
			margin: .5em 1em;
		}
		div#menu_footer{
			float: right;
			margin: .5em 1em;
			text-transform: uppercase;
		}


/* COOKIES */

		div#wrapper_cookiebanner{
			position: fixed;
			z-index: 11000;
			text-align: center;
			background-color: #f1f1f3;
			box-shadow: 0 0 20px rgba(0,0,0,.25);
			transition: bottom 0.7s cubic-bezier(.29,.64,.74,.66) 0s;
		}
			div#cookiebanner_text,
			div#cookiebanner input{
				font-size: .85em;
			}
			div#wrapper_cookiebanner h4{
				margin-bottom: .5em;
				font-size: 1.2em;
				text-transform: uppercase;
			}
			form#form_cookies_accept{
				width: 100%;
				text-align: center;
			}
				div#cookies_checkboxes{
					display: inline-block;
					margin: 0 auto;
					padding: 0 20px 1em;
				}
				div#cookies_checkboxes label{
					float: left;
				}
				div#cookies_links a,
				form#form_cookies_accept input{
					margin: 0 8px 1em;
				}
		div#wrapper_cookies_adapt{
			margin: 40px 0;
			text-align: center;
		}



	#status{ position: fixed; bottom: 10px; left: 10px; z-index: 99999; padding: 3px 5px; font-size: 14px; font-family: monospace; color: rgb(196, 12, 198); background: rgba(211, 211, 211, 0.8); }