/* BEGIN: global */

	.-brand.dr-boehm .content .title {
		color: #000000;
		font-weight: 700;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		margin-bottom: 30px;
		margin-top: 30px;
		text-align: center;
	}
		.-brand.dr-boehm .content h1.title {
			font-size: 500%;
			margin-top: 90px;
		}
		@media (max-width: 768px) {
			.-brand.dr-boehm .content h1.title {
				font-size: 300%;
			}
		}
		@media (max-width: 480px) {
			.-brand.dr-boehm .content h1.title {
				font-size: 160%;
				margin-bottom: 15px;
				margin-top: 15px;
			}
		}

		.-brand.dr-boehm .content h2.title {
			font-size: 300%;
			-moz-hyphens: auto;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}
		@media (max-width: 768px) {
			.-brand.dr-boehm .content h2.title {
				font-size: 200%;
				margin-bottom: 15px;
				margin-top: 15px;
			}
		}
		@media (max-width: 480px) {
			.-brand.dr-boehm .content h2.title {
				font-size: 120%;
				margin-bottom: 15px;
				margin-top: 15px;
			}
		}

		.-brand.dr-boehm .content h3.title {
			font-size: 200%;
			-moz-hyphens: auto;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}
		@media (max-width: 768px) {
			.-brand.dr-boehm .content h3.title {
				font-size: 100%;
			}
		}

	.-brand.dr-boehm.full.background {
		background-color: #f7f7f7;
		padding: 30px 0px;
	}

	.-brand.dr-boehm.full .content {
		margin: 0px auto;
		max-width: 1500px;
		width: 100%;
	}

/* BEGIN: global */

/* BEGIN: header */

	.-brand.dr-boehm .header {
		height: 65vh;
		margin-bottom: 30px;
		position: relative;
		width: 100%;
	}

	@media (max-width: 768px) {
		.-brand.dr-boehm .header {
			height: 35vh;
		}
	}

	@media (max-width: 480px) {
		.-brand.dr-boehm .header {
			height: 25vh;
		}
	}

	@media (max-width: 430px) {
		.-shop-product .-brand.dr-boehm .header {
			display: none;
		}
	}

		.-brand.dr-boehm .header .background {
			height: auto;
			position: absolute;
			top: 0px;
			width: 100%;
		}

			.-brand.dr-boehm .header .background:after {
				border: 0;
				bottom: 0;
				box-shadow: inset 0 -30px 30px -20px rgba(0, 0, 0, .5);
				content: "";
				height: 50px;
				left: 0;
				position: absolute;
				right: 0;
				width: 100%;
			}

			.-brand.dr-boehm .header .background .image {
				display: block;
				height: 65vh;
				object-fit: cover;
				width: 100%;
			}

			@media (max-width: 768px) {
				.-brand.dr-boehm .header .background .image {
					height: 35vh;
					object-position: top !important;
				}
			}

			@media (max-width: 480px) {
				.-brand.dr-boehm .header .background .image {
					height: 25vh;
				}
			}

		.-brand.dr-boehm .header .claim {
			display: flex;
			flex-direction: column;
			gap: 30px;
			justify-content: center;
			left: 120px;
			position: absolute;
			text-align: left;
			top: 50%;
			transform: translateY(-50%);
			width: 50%;
			z-index: 1;
		}

		@media (max-width: 768px) {
			.-brand.dr-boehm .header .claim {
				left: 30px;
				top: 30px;
				transform: translateY(0%);
			}
		}

			.-brand.dr-boehm .header .claim span {
				color: #373736;
				font-size: 500%;
				font-weight: 700;
				line-height: 1.2;
			}

			@media (max-width: 768px) {
				.-brand.dr-boehm .header .claim span {
					font-size: 300%;
				}
			}

			@media (max-width: 560px) {
				.-brand.dr-boehm .header .claim span {
					font-size: 200%;
				}
			}

		.-brand.dr-boehm .header .logo {
			align-self: flex-start;
			height: 50px;
			width: auto;
		}

		@media (max-width: 480px) {
			.-brand.dr-boehm .header .logo {
				height: 30px;
			}
		}

		.-brand.dr-boehm .header .seal {
			height: 150px;
			left: 50%;
			max-width: 220px;
			position: absolute;
			top: 56vh;
			transform: translateX(-50%);
			width: 150px;
			z-index: 2;
		}

		@media (max-width: 768px) {
			.-brand.dr-boehm .header .seal {
				top: 26vh;
			}
		}

		@media (max-width: 480px) {
			.-brand.dr-boehm .header .seal {
				display: none;
			}
		}

/* END: header */

/* BEGIN: brands */

	.-brand.dr-boehm .popular-brands {
		padding: 60px 15px 30px 15px;
		text-align: center;
	}

	@media (max-width: 560px) {
		.-brand.dr-boehm .popular-brands {
			padding-bottom: 15px;
			padding-top: 15px;
		}
	}

		.-brand.dr-boehm .popular-brands .brands {
			display: flex;
			gap: 60px;
			justify-content: center;
		}

		@media (max-width: 560px) {
			.-brand.dr-boehm .popular-brands .brands {
				gap: 15px;
			}
		}

			.-brand.dr-boehm .popular-brands .brand {
				display: inline-block;
				width: 200px;
			}

				.-brand.dr-boehm .popular-brands .brand a {
					display: block;
				}


	.-brand.dr-boehm .emotion-banner img {
		height: auto;
		max-height: 150px;
		max-width: 100%;
		width: 100%;
	}

	@media (max-width: 560px) {
		.-brand.dr-boehm .emotion-banner {
			display: none;
		}
	}

/* END: brands */

/* BEGIN: promobox */

	.-brand.dr-boehm .promobox {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 60px;
		margin: 60px 0px;
		padding: 0px 15px;
		width: 100%;
	}

	@media (max-width: 768px) {
		.-brand.dr-boehm .promobox {
			gap: 30px;
			margin: 30px 0px;
		}
	}

	@media (max-width: 600px) {
		.-brand.dr-boehm .promobox {
			flex-direction: column;
		}
	}

		.-brand.dr-boehm .promobox.text-left {
			flex-direction: row-reverse;
		}

		@media (max-width: 600px) {
			.-brand.dr-boehm .promobox.text-left {
				flex-direction: column;
			}
		}

		.-brand.dr-boehm .promobox .image,
		.-brand.dr-boehm .promobox .text {
			flex: 1;
		}

			.-brand.dr-boehm .promobox .image img {
				height: auto;
				max-width: 100%;
				width: auto;
			}

			.-brand.dr-boehm .promobox .text {
				-moz-column-count: 1;
				-webkit-column-count: 1;
				column-count: 1;
				margin-top: 0px;
			}

		.-brand.dr-boehm .promobox h3.title {
			margin: 0px 0px 15px 0px;
			text-align: left;
		}

/* END: promobox */

/* BEGIN: top-product */

	.-brand.dr-boehm .top-products {
		background-color: white;
		display: inline-block;
		margin: 16px 0px;
		margin-bottom: 0;
		padding: 0px;
		width: 100%;
	}

		.-brand.dr-boehm .top-products .button,
		.-brand.dr-boehm .top-products button {
			display: inline-block;
			left: 50%;
			margin-bottom: 30px;
			margin-top: 30px;
			position: relative;
			transform: translateX(-50%);
		}

/* END: top-product */