/**
*	Variables
**/

/**
*	Full page
**/
	/**
	*	Fonts
	**/
		@font-face {
			font-family:icon-modul;
			font-display:swap;
			src:url(fonts/icon-modul.eot);
			src:url(fonts/icon-modul.eot?#iefix) format("embedded-opentype"),
			url(fonts/icon-modul.ttf) format("truetype"),
			url(fonts/icon-modul.woff) format("woff"),
			url(fonts/icon-modul.svg#ETmodules) format("svg");
			font-weight:400;
			font-style:normal
		}

	/**
	*	Body
	**/
		body{
			margin: 0;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: #212529;
			text-align: left;
		}
		.main-content{
			min-height: calc(100vh - 300px);
		}

	/**
	*	Typo
	**/
		html,body{
			font-size: 18px;
		}

		@media(min-width: 768px){
			html,body{
				font-size: 18px;
			}
		}
		@media(min-width: 992px){
			html,body{
				font-size: 18px;
			}
		}
		@media(min-width: 1200px){
			html,body{
				font-size: 18px;
			}
		}
		@media(min-width: 1400px){
			html,body{
				font-size: 18px;
			}
		}

/**
*	Helper
**/
	.skip-link{
		position: fixed;
		display: none;

		top: 10px;
		left: 10px;

		padding: 10px;

		background-color: #d8d8d8;
		color: black;

		z-index: 9999;
	}
		.skip-link:focus{
			display: block;
		}
	.admin-bar .skip-link{
		top: 42px;
	}

/**
*	Header / footer
**/
	/**
	*	Header
	**/
		.header{
			position: absolute;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: stretch;

			width: auto;
			height: 100px;

			top: 0px;
			left: 0px;
			right: 0px;

			padding-left: 10px;
			padding-right: 10px;

			z-index: 999;
		}
			.header-fix{

			}
			.admin-bar .header{
				top: 32px;
			}
			.header-logo{
				display: inline-block;
				height: 84px;
				width: auto;

				padding-top: 8px;
				padding-bottom: 8px;
			}
				.header-logo > img{
					display: block;
					max-width: unset;
					height: 100%;
				}

			@media(max-width: 992px){
				.header-logo{
					height: 60px;
					padding-top: 20px;
					padding-bottom: 20px;
				}
			}

			.header-right{
				text-align: right;
			}
			.header-mobil{
				position: relative;
				display: inline-block;
				height: 100px;
				min-width: 20px;

				line-height: 100px;

				padding-left: 11px;
				padding-right: 11px;

				vertical-align: top;
			}
				.header-mobil:not(.header-mobil-woo-basket)::after{
					content: "\61";
					font-size: 32px;

					font-family: icon-modul !important;
					font-style: normal;
					font-weight: 400;
					font-feature-settings: normal;
					font-variant: normal;
				}
					.header-mobil > .woo-basket-icon, .header-mobil > .woo-search-icon{
						display: block;
						width: auto;
						height: 100%;

						line-height: 100px;
						text-decoration: none;
					}
			.header-menu{
				position: absolute;
				display: none;
				flex-wrap: nowrap;
				justify-content: flex-end;
				align-items: stretch;

				top: 100px;
				left: 0px;
				right: 0px;

				margin: 0px;
				padding: 0px;

				list-style: none;
				transition: all 0.5s;
			}
				.header-menu-item{
					position: relative;
					flex: 0 0 auto;
					height: 100px;
					min-width: 20px;
				}
					.header-menu-item > a{
						display: block;
						width: auto;
						height: 100%;

						line-height: 100px;
						text-decoration: none;
					}
					.header-menu-item-woo{
						display: none;
					}
						.woo-search-icon::before{
							content: "\0055";

							position: absolute;
							top: 0px;
							left: 0px;
							right: 0px;

							font-size: 22px;
							font-family: icon-modul !important;
							font-style: normal;
							font-weight: 400;
							font-feature-settings: normal;
							font-variant: normal;
							text-align: center;
						}
						.woo-basket-icon::before{
							content: "\e07a";

							position: absolute;
							top: 0px;
							left: 0px;
							right: 0px;

							font-size: 22px;
							font-family: icon-modul !important;
							font-style: normal;
							font-weight: 400;
							font-feature-settings: normal;
							font-variant: normal;
							text-align: center;
						}
					.header-menu-item.has-children{
						padding-right: 26px;
					}
						.header-menu-item.has-children::after{
							content: "▼";
							font-size: 14px;
							position: absolute;
							right: 5px;
							top: 20px;
							font-weight: 800;
						}
						.header-menu-item.has-children > ul{
							display: block;
							position: relative;

							padding: 20px 10px;

							list-style: none;
						}
							.header-menu-item.has-children > ul >li{

							}
		.header-search{
			position: absolute;
			display: none;

			width: auto;

			top: 100px;
			left: 0px;
			right: 0px;

			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
		}
			.header-search.active{
				display: block;
			}

		.header-menu-item-woo span, .header-mobil-woo-basket span{
			position: absolute;
			display: inline-block;
			height: 18px;

			top: 30px;
			right: 0px;

			padding-left: 5px;
			padding-right: 5px;

			text-align: center;
			line-height: 18px;
			font-size: 12px;
			color: white;

			border-radius: 18px;

			background-color: red;
		}

		@media(max-width: 992px){
			.header-menu-mobile-open{
				position: absolute;
				display: block;
			}
			.header-menu{
				text-align: left;

				padding-left: 20px;
				padding-right: 20px;

				border-bottom: 3px solid #dd6610;
			}
				.header-menu-item{
					height: auto;
					padding-bottom: 20px;
					padding-top: 20px;
				}
					.header-menu-item > a{
						line-height: unset;
					}
					.header-menu-item.has-children > ul{
						margin-top: 20px;
					}
		}

		@media(min-width: 992px){
			.header{
				
			}
			.header-fix{
				position: fixed;
			}
			.header-search{
				padding-left: 30%;
				padding-right: 30%;
			}

			.woo-basket-icon::before, .woo-search-icon::before{
				top: 35px;
			}

			.header-mobil{
				display: none;
			}
			.header-menu{
				position: relative;
				display: flex;
				top: 0px;
			}
				.header-menu-item > a{
					height: 60px;
					line-height: unset;
					padding-top: 40px;
				}
				.header-menu-item-woo{
					display: block;
				}
				.header-menu-item.has-children::after{
					top: 40px;
				}
					.header-menu-item.has-children:hover > ul{
						display: block;
					}
					.header-menu-item.has-children > ul{
						display: none;
						position: absolute;

						top: 100px;
					}
						.header-menu-item.has-children > ul >li{

						}
		}
						
	/**
	*	Footer
	**/
		.footer{
			
		}
			.footer-bda a{
				display: block;
				text-align: center;
			}
			.footer-bda img{
				display: block;
				width: auto;

				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;
			}

/**
*	Woocommerce
**/
	/**
	*	category page category selector
	**/
		.bda-category-selector{
			padding: 0px;
			margin: 0px;

			list-style: none;
		}
			.bda-category-selector > li.parent{
				position: relative;
				padding-left: 25px;
			}
				.bda-category-selector > li.parent::before{
					content: "\004A";

					position: absolute;
					display: block;
					width: 20px;
					height: 20px;

					top: 2px;
					left: 0px;

					font-size: 20px;
					font-family: icon-modul !important;
					font-style: normal;
					font-weight: 700;
					font-feature-settings: normal;
					font-variant: normal;
					line-height: 20px;
				}
			.bda-category-selector > li{
				display: block;

				margin-bottom: 5px;
			}
				.bda-category-selector > li > a{
					display: block;

					text-decoration: none;
				}