:root {
	--primary: #c61239 !important;
	--green-1: #436c59 !important;
	--green-2: #749719 !important;
	--beige: #b69627;
	--beigedark: #bba04a;
	/* colors quali standards */
	--color-1:#749719;
	--color-2:#7b5e75;

	/* collapse */
	--brightgreen: #f1f5e8;
	/*
	--color-1:#749719;
	--color-1:#749719;
	--color-1:#749719;
	--color-1:#749719;
	*/
}
/*
.row>* {
padding-right: calc(var(--bs-gutter-x) * .75);
padding-left: calc(var(--bs-gutter-x) * .75);
}
*/
.row {
	--bs-gutter-x: 3rem;
}


/* barlow-semi-condensed-500 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/barlow-semi-condensed-v15-latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-600 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/barlow-semi-condensed-v15-latin-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.back-to-top,
.back-to-top:hover{
	padding: 0 !important;
	background-color: transparent !important;
	right:1rem;
}

.back-to-top i {
	color: var(--green-1);
	background-color: white;
	font-size: 3.5rem !important;
	border-radius: 10rem;
	line-height: 1;
	border: 4px solid white;
	padding-left: 1px;
	padding-bottom: 1px;
}

.underFoot {
	display:none !important;
}

.text-normal {
	text-transform: none;
}

.back-to-top i {
	font-size: 4rem;
}

.fa-brands:before {
	font-family: 'Font Awesome 6 brands';
}

.bg-green {
	background-color: #006f34;
}

html {
	/* Mobile: 80px, Desktop: 150px */
	scroll-padding-top: clamp(80px, 10vw, 150px);
}

body {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	/* Shrinks fluidly down to 1rem, stops growing at 1.25rem */
	font-size: clamp(1rem, 0.6rem + 0.65vw, 1.25rem);
	line-height: 1.5;
	color: var(--green-1);
	letter-spacing: 0.02em;
}


button.accordion-button {
	/* Skaliert stufenlos zwischen 1.125rem (18px) und 1.33333rem (21px) */
	font-size: clamp(1.125rem, 1rem + 0.3vw, 1.33333rem) !important;
}


nav[aria-label="breadcrumb"] {
	display: none !important;
}

body>.container-fluid.otc *, body>.container-fluid.obc *, body>footer#page-footer *,
p, h1, h2, h3, h4 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
}
p {
	font-weight: 400;
}
.bg-green-1 p {
	font-weight: 400;
}
b, strong {
	font-weight: 700;
}
h3 strong, .h3 strong {
	font-weight: 700;
	letter-spacing: 0.05em;
}

li strong {
	font-weight: 700;
}


h3>.text-success:after, .product-last-viewed>h3:after, #product-detail-text h1:after, header>h1:after, header>h2:after, .news-single .article h1:after {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	content: "";
	display: block;
	height: 0;
	left: 0;
	right: 0;
	width: auto;
	margin-bottom: 0;
	margin-top: 0;
}

h1, .h1>*,
.end-claim span.big-claim {
	font-family: 'Montserrat';
	font-size: clamp(2.5rem, 0.1rem + 6vw, 6.25rem);
}
.end-claim span.big-claim {
	line-height: 1.15;
}
.big-claim strong {
	font-size: 1.3em;
}

/* Shrinks down to 2.4rem on mobile, maxes out at 6rem on desktop */
/*
h1, .h1>*,
.end-claim span.big-claim {
font-family: 'Montserrat';

font-size: clamp(2.4rem, 0.1rem + 5.76vw, 6rem);
}
*/
h1, h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
}

@media (min-width:1600px){
	.h1-special h1 {
		left: -3rem;
	}
}
.end-claim span.big-claim span,
.h1-special h1 span {
	font-size: 1.25em;
}
span.big-claim {
	text-transform: uppercase;
	font-weight: 700;
}
h2 {
	margin-bottom: 1.75rem;
	font-size: clamp(1.75rem, 0.79rem + 2.4vw, 3.25rem);
}
h2.mainheader {
	margin-top: 0;
}
h3, .h3 {
	font-size: clamp(1.25rem, 0.77rem + 1.2vw, 2rem);
	font-weight: 700;
	font-family: 'Montserrat';
	font-style: normal;
	padding-bottom:1.25rem;
}
h3.subheader {
	/* Skaliert stufenlos zwischen 1.25rem (20px) und 1.9rem (30px) */
	font-size: clamp(1.25rem, 0.77rem + 1.2vw, 2rem);
	font-weight: 700;
	font-family: 'Montserrat';
	font-style: normal;
	color: var(--green-2) !important;
	margin-top:0;
}
.h3-small h3 {
	/* Skaliert fließend zwischen 1.125rem (18px) und 1.25rem (20px) */
	font-size: clamp(1.125rem, 0.9rem + 0.5vw, 1.25rem);
}
.end-claim h3 {
	font-weight:600;
}

@media (min-width:1025px){
	.bio-intro {
		padding-right: 15%;
	}
}

.nav-shrink form#searchbox {
	position: relative;
	padding: 0;
	background-color: whitesmoke;
	width: auto;
	margin-left: auto !important;
	margin-right: auto !important;
	left: auto;
	right: auto;
	top: 0;
	box-shadow: none;
}
@media (min-width: 992px) {
	.nav-shrink form#searchbox {
		position: relative;
		padding: 0;
		background-color: whitesmoke;
		width: auto;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto;
		right: auto;
		top: 0;
		box-shadow: none;
		transition: all 150ms ease;
	}
}

.navbar-nav .nav-link {
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: 500;
	font-size: 1.33333rem;
	line-height: 1.5;
}
.section-index-top {
	transition: all ease 150ms;
	box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
}
.section-index-top.fixed-top {
	background-color: white;
	padding-top: 1rem;
	transition: all ease 150ms;
	box-shadow: 0 .25rem .25rem 0 rgb(0 0 0 / .1);
}
.fixed-top> nav#sectionmenu {
	max-width: 1540px;
	margin-left: auto;
	margin-right: auto;
}

#searchbox input[type="text"] {
	font-family: 'Barlow Semi Condensed';
	height: 3.1rem;
	border-radius: 0.33333rem;
	position: relative;
	font-size: 1.33333rem !important;
	min-height: 3.1rem;
}
#searchbox button {
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: 500;
	background-color: #366f47 !important;
	color: white;
	padding: 0.5rem 1rem;
	border-color: #366f47 !important;
	border-radius: 0.33333rem;
	font-size: 1.33333rem;
	height: 3.1rem;
}


.ce-background_wrapper.position-relative {
	z-index:0;
}

/* --- Lead-Texte --- */
.lead {
	margin-bottom: 1.5rem;
	font-weight: 600;
	line-height: 1.5;
	/* Skaliert von 18px (Mobile) bis 28px (Desktop) */
	font-size: clamp(1.25rem, 0.77rem + 1.2vw, 2rem);
	line-height: 1.33333;
}

.big-lead .lead {
	/* Skaliert fließend von 1.75rem (28px) auf dem Handy bis 3.25rem (52px) auf dem Desktop */
	font-size: clamp(1.75rem, 1.375rem + 1.875vw, 3.25rem);
	line-height: 1.25;
}

.big-lead .lead strong {
	font-weight: 700;
}

.cap-center figcaption {
	text-align: center !important;
	font-size: 0.875rem;
}
figure.shadow,
figure.shadow picture {
	overflow:visible;
}

figure.shadow img {
	border: 1px solid #b7b7b7;
	border-right-color: #2f2f2f;
	border-bottom-color: #2f2f2f;
	box-shadow: 0 1rem 1rem 0 rgb(0 0 0 / 0.25);
	border-radius: 0.5rem;
}

ul {
	padding-left: 1.33333rem;
}

@media (min-width:992px) {
	.mt-lg-n5 {
		margin-top: -5rem;
	}
}


@media (max-width:1519.98px) {

}
@media (max-width:1199.98px) {

}
@media (max-width:767.98px) {

}


.ce-background_wrapper {
	position: relative;
	z-index: 1;
}

.ce-text a, .ce-textmedia a, .ce-textimage a, .ce-textpic a, .bodytext a {
	text-transform: none;
}
.btn, .btn-default, .btn-primary {
	padding: 1.15rem 1.75rem;
	height: auto !important;
	max-height: 4rem !important;
	text-decoration: none !important;
	text-transform: none;
	background-color: var(--primary) !important;
	border-radius: 5rem;
	background: var(--primary);
	border-color: var(--primary) !important;
	font-family: 'Montserrat'; !important;
	font-weight: 700;
}
.ce-text .btn-default, .ce-text .btn-primary, .bodytext .btn-default, .bodytext .btn-primary {
	background: var(--primary) !important;
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
	border-radius: 5rem !important;
	font-family: 'Montserrat';;
	font-style: normal;
	font-weight: 700;
	text-transform: none;
}
.green-1 {
	color: var(--green-1);
}
.green-2 {
	color: var(--green-2);
}
.beige {
	color: var(--beige);
}
.beigedark,
.beigedark a {
	color: var(--beigedark);
	text-decoration:none;
}
.beigedark a:focus-visible,
body:not(.highcontrast) .beigedark a:focus-visible,
body:not(.layout-300) .beigedark a:focus-visible{
	outline-color: var(--green-1) !important;
}

@media (min-width: 1540px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1500px;
	}
}
@media (min-width: 1600px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1560px;
	}
}


.mt-3 {
	margin-top: 1.5rem !important;
}
.bg-green-1 .ce-textpic.above-below,
.bg-green-1>.bodytext {
	padding:2.6rem 3.35rem;
	background-color:var(--green-1);
	color:white;
	border-radius: 1.875rem;
}
.bg-green-1>.bodytext h3 {
	margin-top:0;
}
.vendor-cols .bg-green-1 .mainheader {
	margin-bottom: 1.75rem;
}
.vendor-lead .bodytext {
	margin-bottom: 1.75rem;
	max-width: 96%;
}
.vendor-lead span.lead {
	font-weight: 700;
	color: var(--green-2);
	line-height: 1.25;
	font-size: clamp(1.25rem, 0.77rem + 1.2vw, 2rem);

}




header.w-110 {
	width: 115%;
}
figure.w-110 {
	width: 100% !important;
	max-width: 100% !important;
}
.w-110 picture {
	width: 100%;
}
figure.w-110 img {
	width: 100% !important;
	max-width: 100% !important;
	position: relative;
}

.special-icons {
	list-style: none;
	margin-left: 1.5rem;
}
.special-icons li {
	position:relative;
	margin-bottom: 1.25rem;
}
li.vendor:before,
li.seal:before,
li.plant:before {
	content: "";
	position: absolute;
	width: 30px;
	left: -2.5rem;
	top:0;
	height: 30px;
	background-repeat: no-repeat;
}
li.vendor:before {
	background-image: url(../Images/tow/icon-herkunft.svg);
}
li.seal:before {
	background-image: url(../Images/tow/icon-anspruch.svg);
	width: 34px;
	height: 34px;
}
li.plant:before {
	background-image: url(../Images/tow/icon-nachhaltigkeit.svg);
	width: 27px;
	top: 1px;
}



.bg-img-left,
.bg-img-right{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;

}
.bg-img-right {
	left: auto;
	right:0;
}

.bg-img-left img,
.bg-img-right img {
	max-width:1000px;
}

.bg-img-right.nachhaltigkeit {
	top:4%; 
}

.teekanne-right {
	bottom: -8rem;
}
.bg-de-map {
	right: -13rem;
	bottom: -9rem;
}

.vendor-mini-map {
	position: absolute;
	bottom: 0;
	right: 10%;
	z-index: 1;
}

.kraut-right {
	top: 0;
	right: -9rem;
}

figure.rounded {
	border-radius: 1.875rem !important;
}
.quali-img-compo>div>[class*="col"]:first-child,
.quali-img-compo>div>[class*="col"]:nth-child(2) {
	position: relative;
}
@media(min-width:992px){
	.quali-img-compo>div>[class*="col"]:first-child {
		width:60% !important;
		padding-right: 5rem;
	}
	.quali-img-compo>div>[class*="col"]:nth-child(2) {
		width:40% !important;
	}
}

.bg-green-bright-white-gradiant {
	background: linear-gradient(to bottom, #F1F5E9 0%, #FFFFFF 100%);
}

figure.quali-logo-bioland {
	position: absolute;
	top: 2.5rem;
	left: 4rem
}
figure.quali-badge {
	position: absolute;
	top: 35%;
	right: 1rem;
}

.row.quali-logos {
	padding-top: 3rem;
}
.quali-logos .gallery {
	min-height: 8.4rem;
}


.accordion-item {
	border-width:0;
	border:none;
}

button.accordion-button {
	background-color:var(--brightgreen);
	color:var(--green-1);
	border-radius: 5rem !important;
	padding: 0.6rem 0.6rem 0.6rem 1.5rem;
}
button.accordion-button::after {
	background-color: var(--primary);
	color: white !important;
	width: 2.25rem;
	height: 2.25rem;
	text-align: center;
	border-radius: 2rem;
	position: relative;
	fill: white !important;
	content: "\f078";
	font-family: "Font Awesome 6 free";
	background-image: none;
	line-height: 1.75;
}
.accordion-button:not(.collapsed) {
	color: var(--green-1);
	/*
	background-color: whitesmoke;
	box-shadow: none;
	*/
}
.accordion-button:not(.collapsed)::after {
	background-image: none;
}


/* gallery special */

.gallery-special {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}

.text-over {
	position: relative;
	border-radius: 2.5rem !important;
	background-color: whitesmoke;
	overflow: hidden;
}
.text-over .bodytext {
	padding: 1rem 1.5rem;
}

@media (min-width:1200px){
	.text-over .bodytext {
		padding: 2rem 2.5rem;
		position: absolute;
		top: 25%;
		left: 0;
		background-color: rgb(177 143 27 / 0.9);
		color: white;
		height: 100%;
		transition:all ease-in-out 300ms;
		opacity:0;
	}

	.text-over:hover .bodytext {
		top:0;  
		transition:all ease-in-out 300ms;
		opacity:1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

}


.text-over .bodytext h3 {
	font-size: 1.25rem;
}


.bio-gal-right-top .col-lg-7 {
	margin-top: auto;
}
.gallery-special .mb-4 {
	margin-bottom: 2.5rem !important;
}
.gallery-special .bodytext h3 {
	margin-top:0;
}



/* slick t3 ext (R.I.P Dirk Wildt -.-) */
.slick-track {
	padding-bottom:3rem;
}
/*
.slick-list {
width: calc(100% + 5rem) !important;
}
*/
.slick-slide {
	margin-left:2.5rem;
	margin-right:2.5rem;
}
.slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	bottom:-2.5rem !important;
}

.slick-dots li {
	width: 30px;
	height: 30px;
	margin: 0 5px;

}
.slick-dots li button {
	width: 30px;
	height: 30px;
}
.slick-dots li button:before {
	font-size:1.6rem;
	width: 30px;
	height: 30px;
}
.slick-dots li button[aria-selected="true"]:before,
.slick-dots li button:active::before,
.slick-dots li button:focus::before,
.slick-dots li button:hover::before{
	color:var(--primary);
	opacity:1;
}

button.slick-prev.slick-arrow {
	position: absolute !important;
	bottom: 0;
	left: 50% !important;
	top: 97%;
	z-index: 110;
	width: 3rem;
	height: 3rem;
}
button.slick-next.slick-arrow {
	position: absolute !important;
	bottom: 0;
	left: 54% !important;
	top: 97%;
	z-index:110;
	width: 3rem;
	height: 3rem;
}
.slick-prev:before, .slick-next:before {
	font-family: 'Font Awesome 5 free';
	font-size: 3rem;
}
.slick-slider .slick-next:before {
	content: "\f054" !important;
}
.slick-slider .slick-prev:before {
	content: "\f053" !important;
}
.slick-slider .slick-next:before, .slick-slider .slick-prev:before {
	color: var(--green-1);
}
.slick-dots {

}

.slick-pagi-special .slick-dots {
	position: relative;
	bottom: auto;
	width: 45%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: end;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	bottom: -0.4rem !important;
}

.slick-pagi-special .slick-dots li {
	width:5rem;
}
.slick-pagi-special .slick-dots li button,
.slick-pagi-special .slick-dots li button:before{
	width:100%;
}
.slick-pagi-special .slick-dots li button:before {
	font-family: AUTO;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	height: 0.3rem;
	content: '•';
	text-align: center;
	opacity: .5;
	color: black;
	content: "";
	background-color: var(--green-2);
	border-radius: 5rem;
	width:115%;
}
.slick-pagi-special .slick-dots li button[aria-selected="false"]:before {
}
.slick-pagi-special .slick-dots li button[aria-selected="true"]:before {
	opacity:1;
	height: 0.7rem;
	background-color: var(--green-2);
	top: -0.2rem;
}

/* bioland prinzipen slides #slickid-3614 */

#slickid-3614 {
	padding-top:3rem;
	padding-bottom:5rem;
	/* verschieben, falls centered
	margin-left:-5rem;
	*/
}

#slickid-3614 .slick-track {
	max-height: 630px !important;
}
#slickid-3614 .slick-track .slick-slide,
#slickid-3614 .slick-track .slick-slide>div,
#slickid-3614 .slick-track .slick-slide>div>div,
#slickid-3614 .slick-slide .tile-slide img{
	max-height: 580px !important;
}
#slickid-3614 button.slick-prev.slick-arrow {
	left: 46% !important;
	top: 90%;
}
#slickid-3614 button.slick-next.slick-arrow {
	left: 52% !important;
	top: 90%;
}
#slickid-3614 ul.slick-dots {
	bottom: 0 !important;
	padding-left: 4.5%;
}
#slickid-3614 .slick-slide {
	margin-left: .75rem;
	margin-right: .75rem;
	/*
	padding-right: 5rem;
	*/
}

#slickid-3614 h3 {
	font-weight: 600;
	margin-top:0;
}
.tile-slide,
.slick-slide .tile-slide img{
	border-radius:3rem;
	aspect-ratio: 5 / 6;
	object-fit: cover; /* Recommended so the image fills the box without stretching */
	width: 100%;
}
.slick-slide .tile-slide[class*="bg-color-"]{
	padding:3rem;
	color:white;
}
.tile-slide {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
}
.tile-slide.bg-color-1 {
	background-color:var(--color-1);
}
.tile-slide.bg-color-2 {
	background-color:var(--color-2);
}

#slickid-3614 .slick-list {
	width: auto !important;
}

/* buehne 11 */

header.header-3640.h-0.h2-wider {
	width: 120%;
}
.bg-img-left.prod-sort {
	bottom: auto;
	top: 0;
}
.bg-circle-right {

	background-position: right !important;
	background-size: min(38vw, 690px) !important;
}


/* iPad: NUR Hochformat (Portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	/* CSS für iPad, wenn man es hochkant hält */
	#slickid-3614 {
		margin-left:0.25rem;
		margin-right:0.25rem;
	}
	#slickid-3614 button.slick-prev.slick-arrow {
		left: 42% !important;
	}
	/*
	#slickid-3614 .slick-slide {
	width:46.4vw !important;
	padding-right: 0;
}
	*/
}

/* iPad: NUR Querformat (Landscape) */
@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
	/* CSS für iPad (inkl. iPad Pro), wenn es quer liegt */
	#slickid-3614 button.slick-prev.slick-arrow {
		left: 40% !important;
	}
	.bg-img-right.nachhaltigkeit {
		top: -6%;
		right: -3.5rem;
	}
}
@media (min-width: 992px) and (max-width: 1600px) {
	/* erster inhalte blatt links*/
	div#c3571 {
		bottom: -9rem;
		left: -6rem;
	}
}

@media (max-width: 991.98px) {
	#main-navbar {
		margin-bottom: 0;
	}
	header.w-110 {
		width: 100%;
	}
	figure.quali-logo-bioland {
		top: 1.5rem;
		left: 3rem;
		max-width: 20% !important;
	}
	figure.quali-badge {
		max-width: 30% !important;
	}

	.slick-track {
		/*   margin-left: -1.5rem;
		margin-right: -1.5rem;
		width: calc(100% + 3rem) !important;
		*/
	}
	.slick-slide {
		margin-left: .75rem;
		margin-right: .75rem;
		/*	width: calc(100% + 3rem) !important;
		*/
	}

	.bg-green-1 .ce-textpic.above-below {
		padding: 1.5rem;
	}
	.slick-pagi-special button.slick-prev.slick-arrow {
		left: 34% !important;
	}
	.slick-pagi-special .slick-dots {
		width: 94%;
		top: 4rem;
	}
	.bg-circle-right {
		background-position: right 81% !important;
		background-size: 60% !important;
	}
	.bg-img-right.nachhaltigkeit {
		top: -7%;
		right: -3rem;
	}
}

/* special footer logos */
#c3767 .row {
	--bs-gutter-x: 1.5rem;
}
#c3767 img {
	max-height:68px;
}

/* 1. NUR SMARTPHONES (Hoch- und Querformat) */
@media (max-width: 767.98px) {
	/* Greift nur auf Handys. Ab 768px (iPad) wird das hier ignoriert. */

	#slickid-3614 .slick-slide {
		/*
		width:94.2vw !important;
		padding-right: 0;
		*/
	}
	#slickid-3614 button.slick-prev.slick-arrow {
		left: 38% !important;
		top: 90%;
	}
	.w-mobil-100 {
		width: 100% !important;
	}

	/********************/
	/* specials */

	/* c3543 swap cols for mobile */
	.swap-cols .col-md-auto.w-50 {
		order: 2;
	}

	/* map über bild kleiner*/
	#c3582 img.img-fluid {
		max-width: 25vw;
	}
	.bg-green-1 .ce-textpic.above-below, .bg-green-1>.bodytext {
		padding: 1rem 1.5rem;
	}
	#c3565 .bodytext {
		margin-bottom: 0 !important;
	}

	#slickid-3570 ul.slick-dots {
		bottom: 1rem !important;
	}
	.quali-logos .gallery {
		min-height: 5rem;
	}

	.bg-img-right.nachhaltigkeit {
		top: -4%;
		right: -3.5rem;
	}
	#s-3615 {
		padding-bottom:0 !important;
	}

}

/* footer 3 logos */
@media (min-width: 1200px) {
	div#c3767 {
		transform: translateX(-2rem);
	}
}


/*
@media (max-width:1024px){
#slickid-3614 .slick-slide {
width: 45vw !important;
}
}
@media (max-width:767.98px){
#slickid-3614 .slick-slide {
width: 45vw !important;
}
}
@media (max-width:479.98px){
#slickid-3614 .slick-slide {
width: 90vw !important;
}
}
*/




footer#page-footer {
	background: var(--green-1) !important;
	background-color: var(--green-1) !important;
	position: relative;
}