@font-face {
	font-family: 'din_proregular';
	src: url('../fonts/dinpro-webfont.woff2') format('woff2'),
		 url('../fonts/dinpro-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'din_promedium';
    src: url('../fonts/dinpro_medium-webfont.woff2') format('woff2'),
         url('../fonts/dinpro_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'din_probold';
	src: url('../fonts/dinpro_bold-webfont.woff2') format('woff2'),
		 url('../fonts/dinpro_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
	--bs-body-font-family: 'din_proregular';
	--bs-body-font-size: 1.1rem;
	--bs-border-radius: 0;
}

header {
	position: relative;
}

header,
footer {
	background-color: #00755f;
}

a {
	text-decoration: none;
}

section {
	background-color: #f8f8f8;
}

abbr[title] {
	text-decoration: none;
}

.breadcrumb {
	--bs-breadcrumb-margin-bottom: 0;
	--bs-breadcrumb-font-size: 1rem;
}

.navbar {
	--bs-navbar-padding-y: 0;
	--bs-navbar-active-color: #ddf3b1;
}

.navbar-nav {
	--bs-nav-link-padding-y: 1.3rem;
	--bs-nav-link-color: #fff;
	--bs-nav-link-hover-color: #ccefda;
	font-family: 'din_promedium';
}

.navbar,
.navbar-nav .nav-item.dropdown {
	position: static;
}

.offcanvas-body .navbar-nav {
	--bs-nav-link-color: #212529;
}

.dropdown-menu {
	--bs-dropdown-spacer: 0;
	--bs-dropdown-padding-y: 0;
	--bs-dropdown-item-padding-y: 0.5rem;
	--bs-dropdown-link-hover-bg: #ddf3b1;
	right: 0;
}

.dropdown-item {
	font-size: 0.9rem;
	transition: background-color .15s ease-in-out;
}

.dropdown-menu li > .dropdown-item {
	border-bottom: 1px solid #ccc;
}

.navbar .nav-item.dropdown:hover .dropdown-menu,
.offcanvas .nav-item.dropdown.active .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.navbar .dropdown .dropdown-toggle + .dropdown-menu {
	display: none;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%);
	transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
	animation-name: fadeIn;
	animation-fill-mode: both;
	animation-delay: .1s;
	animation-duration: .1s;
}

.navbar-toggler-icon {
    width: 2rem;
    height: 2rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fff' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

.carousel-control-next,
.carousel-control-prev {
	width: 5%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 3.2rem;
	height: 3.2rem;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16' stroke='%23666' stroke-width='0.1' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16' stroke='%23666' stroke-width='0.1' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.btn-nutravit {
	--bs-btn-padding-y: 0.6rem;
	--bs-btn-color: #fff;
	--bs-btn-bg: #66bc89;
	--bs-btn-hover-bg: #21a06a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: #000;
	--bs-btn-line-height: 1;
}

.btn-wishlist {
	font-size: 0.75rem;
	font-family: 'din_promedium';
	text-transform: uppercase;
}

.btn-wishlist svg {
	vertical-align: -0.15rem;
}

.mb-4-5 {
	margin-bottom: 1.8rem;
}

.own-carousel__outer {
    position: relative;
    overflow: hidden;
    user-select: none;
}

.own-carousel {
    display: flex;
}

.own-carousel__item {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    flex-basis: var(--width);
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.own-carousel__item:not(:first-child) {
	margin-left: var(--margin);
}

.swiper-buttons .btn {
	width: 40px;
	height: 40px;
	border: 1px solid rgba(128, 128, 128, 0.1);
	border-radius: 5px;
}

.bg-img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 400px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-img h2 {
	font-size: 2.2rem;
}

.footer a {
	color: #fff;
	transition: padding-left .15s ease-in-out, color .15s ease-in-out;
}

.footer a:hover {
	padding-left: 0.2rem;
	color: #ccefda;
}

.footer-bottom {
	background-color: #ddf3b1;
}

.footer .badges p {
	color: #fff;
	font-family: 'din_promedium';
	text-align: center;
	font-size: 1.05rem;
}

strong {
	font-family: 'din_probold';
}

.product-title {
	padding: 0.2rem 0.5rem 0.5rem;
	color: #fff;
	background-color: var(--base-color);
}

h1.product-title {
	font-family: 'din_probold';
}

h2.product-title {
	font-family: 'din_promedium';
	font-size: 1.1rem;
}

.din-probold {
	font-family: 'din_probold';
}

.din-semibold {
	font-family: 'din_promedium';
}

.product {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #fdfdfd;
	border: 1px solid #dee2e6;
	transition: border-color .15s ease-in-out;
}

.product:hover {
	border-color: #b0b0b0;
}

/*.product:hover .btn-nutravit {
	background-color: var(--bs-btn-hover-bg);
}*/

.except {
	padding: 1rem;
	background-color: #f6f1eb;
}

.except ul {
	padding-left: 0;
	list-style: none;
}

.except li {
	display: flex;
	align-items: baseline;
	line-height: 1.4;
}

.except li + li {
	margin-top: 0.2rem;
}

.except li:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 0.4rem;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' %3E%3Cpath d='M33.202.683s-14.495-.69-24.1 9.267c-9.587 9.973-8.074 22.9-8.074 22.9s14.2 2.206 23.791-7.767c9.62-9.973 8.382-24.4 8.382-24.4M14.068 15.5C21.952 6.973 28.803 4.754 28.803 4.754s-6.946 6.277-12.56 12.373c-5.614 6.065-10.525 11.32-10.525 11.32S7.41 22.707 14.07 15.5' fill='%236aa366'/%3E%3C/svg%3E") no-repeat center;
	transform: rotate(5deg);
}

.table-header {
	margin-bottom: 0.1rem;
	font-family: 'din_promedium';
	border-bottom: 0.25rem solid var(--base-color);
}

.grid-columns-2 .d-grid {
	grid-column: span 2;
}

.grid-columns-3 .d-grid {
	grid-column: span 3;
}

.table-wrapper {
	grid-template-columns: repeat(auto-fit, minmax(80px, 100%));
	gap: 0 0.4rem;
	font-size: 1rem;
}

.table-wrapper .g-row {
	grid-template-columns: subgrid;
}

.table-wrapper .d-grid + .d-grid:not(:last-child) {
	border-bottom: 0.1rem solid var(--base-color);
}

.grid-columns-3 .d-grid div + div {
	text-align: right;
}

.grid-columns-3 .d-grid div:last-child {
	text-align: center;
}

.grid-columns-2 .d-grid div:last-child {
	text-align: right;
}