/*

All elements that touch the edges should be full width, except for the elements with titles on the left and text on the right; these should have a maximum width of 1300px.
650

|     1440px    |
| 720px | 720px |


Text max width: 548px


*/
/* @import "carlito.css"; */


/* @import "/_redesign2024/assets/css/fonts/carlito.css"; */

:root {
	--primary-text-color: #013B19; /* DARK GREEN */
	--primary-green: #007E3C; /* NATURAL GREEN (HEADLINES) */
	--soft-green: #CCE5D8; /* INACTIVE NAV ITEMS BORDER */
	--verylight-green: #E6F2EC; /* BLOCK BACKGROUND-COLOR 10% of natural green */

	--accent: #E84272; /* BLOOMING PINK */
	--form-background-color: #F6F8E9; /* FORM FIELDS BACKGROUND */
	--subtle-green: #F3F7E6; 
	--swiper-pagination-color: #D6FF57;

	--color-secondary-01: #E84272; /* Cold & Flu, Blooming Pink */
	--color-secondary-02: #927FBA; /* Women, Spiritual Violet */
	--color-secondary-03: #3BB4A1; /* Men, Calming Turquoise */
	--color-secondary-04: #B9D26B; /* Sleep & Stress, Inspiring Bright Green */
	--color-secondary-05: #94CCF0; /* Medical, Healing Bright Blue */
	--color-secondary-06: #013B19; /* FOOD */
	--color-secondary-07: #007E3C; /* Natural Green, Lifestyle FOOD */

	--color-formfields-border: #CCD7D1; /* grey*/
	--color-formfields-focus: #4C84FF; /* blue - 30% for border */ 
	--color-formfields-focus-outline: #C9DAFF; /* 30% of the above */
	--color-formfields-error: #E84242; /* red */
	--color-formfields-error-outline: #F8C6C6; /* red */
	--color-formfields-alternate: #F6F8F7; /* lighter grey for alternating rows*/
	--forms-border-radius: 6px; 

	--card-background-01: #E9EFD6;
	--card-background-02: #B9D268;

	--var-daxfont: "ff-dax-pro",sans-serif !important;
	--fs-1: 1.25rem; /* paragraphs 20px */
	--fs-2: 2.375rem; /*h4 38px */
	--fs-3: 2.448rem; /* h3 48px */
	--fs-4: 4rem; /* h2 64px*/
	--fs-5: 4.3125rem; /* h1 69px */
	--fs-menu:  1.125rem; /* 18px */
	--fs-menu-mobile: 1.5rem; /* 24px */
	--fs-small: 1rem;
	--fs-heroaccent: 4.75rem;
	--fs-deco: 4.5rem;
	--fs-deco: 	clamp(38px, 4vw + 14px, 68px);


	--lh-1: 1.8;
	--lh-2: 2.9375rem;
	--lh-3: 2.9375rem;
	--lh-4: 3.75rem;
	--lh-5: 5.4375rem;
	--lh-5: 1.2;
	--lh-deco: 1.1;
	--fontstack-carlito: Carlito, sans-serif;

	--wrapper-padding-inline: 100px;
	--wrapper-padding-inline: 40px;
	--wrapper-max-width: 1440px;
	--wrapper-max-width: 1350px;

	--section-padding-block: 3rem;
	--header-padding-inline: 3.75rem;

	--height-header:	65px;

}


@property --buttonBGColor1 {
	syntax: '<color>';
	initial-value:  rgba(255, 255, 255, 0);
	inherits: false;
}

@property --buttonBGColor2 {
	syntax: '<color>';
	initial-value: rgba(255, 255, 255, 0);
	inherits: false;
}

@media (max-width: 767px) { 

	:root {
		--fs-1: 1.25rem; /* paragraphs 20px */
		--fs-2: 1.5rem; /*h4 38px */
		--fs-3: 1.75rem; /* h3 48px */
		--fs-4: 2.125rem; /* h2 64px*/
		--fs-5: 2.8125rem; /* h1 69px */
		--fs-menu:  1rem; /* 18px */
		--fs-small: 0.925rem;
		--fs-heroaccent: 4.0625rem; /*65px */

		--lh-1: 1.5rem;
		--lh-2: 2.9375rem;
		--lh-3: 2.9375rem;
		--lh-4: 2.9375rem;
		--lh-5: 3.5rem;
		--lh-heroaccent: 3.75rem;

		--padding-inline: 1.5rem;
		--wrapper-padding-inline: 1.5rem;
		--section-padding-block: 1.5rem;
		--header-padding-inline: 1.625rem;
	}
}

/* Box sizing rules */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

a {
	color: var(--primary-green);
	text-decoration: none;

}

.main-content a {
	color: var(--primary-green);
	text-decoration: none;
}

.main-content a:hover, .main-content a:active {
	color: var(--accent);
	text-decoration: underline;
}


html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 16px;
}

html, body{ 
	font-family: "ff-dax-pro",sans-serif !important;
	color: var(--primary-text-color);
}

img {
	max-width: 100%;
	height: auto;
}


/* @import  /_redesign2024/assets/css/navigation.css (ID: 26159) */
/* @import "/_redesign2024/assets/css/navigation.css"; */


@font-face {
	font-family: BetterTimes;
	src: url('/av3/assets/css/fonts/bettertimes/BetterTimes.eot');
	src: url('/av3/assets/css/fonts/bettertimes/BetterTimes.eot?#iefix') format('embedded-opentype'),
		url('/av3/assets/css/fonts/bettertimes/BetterTimes.woff') format('woff'),
		url('/av3/assets/css/fonts/bettertimes/BetterTimes.ttf') format('truetype'),
		url('/av3/assets/css/fonts/bettertimes/BetterTimes.svg#BetterTimes') format('svg');
	font-weight: normal;
	font-style: normal;
	size-adjust: 150%;

}




@font-face {
	font-family: 'ff-dax-pro';
	src: url('/av3/assets/css/fonts/dax/DaxPro-Regular.eot');
	src: url('/av3/assets/css/fonts/dax/DaxPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('/av3/assets/css/fonts/dax/DaxPro-Regular.woff') format('woff'),
		url('/av3/assets/css/fonts/dax/DaxPro-Regular.ttf') format('truetype'),
		url('/av3/assets/css/fonts/dax/DaxPro-Regular.svg#DaxPro') format('svg');
	font-weight: 400;
	font-style: normal;
}



@font-face {
	font-family: 'ff-dax-pro';
	src: url('/av3/assets/css/fonts/dax/DaxPro-Bold.eot');
	src: url('/av3/assets/css/fonts/dax/DaxPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('/av3/assets/css/fonts/dax/DaxPro-Bold.woff') format('woff'),
		url('/av3/assets/css/fonts/dax/DaxPro-Bold.ttf') format('truetype'),
		url('/av3/assets/css/fonts/dax/DaxPro-Bold.svg#DaxPro') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'ff-dax-pro';
	src: url('/av3/assets/css/fonts/dax/DaxPro-Medium.eot');
	src: url('/av3/assets/css/fonts/dax/DaxPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('/av3/assets/css/fonts/dax/DaxPro-Medium.woff') format('woff'),
		url('/av3/assets/css/fonts/dax/DaxPro-Medium.ttf') format('truetype'),
		url('/av3/assets/css/fonts/dax/DaxPro-Medium.svg#DaxPro') format('svg');
	font-weight: 500;
	font-style: normal;
}

/*

header {
max-width: var(--wrapper-max-width);
text-align: center;
margin-inline: auto;
padding-inline: var(--header-padding-inline);
display: flex;
height: 65px;
align-items: center;
justify-content: space-between;
}

*/

.wrapper {
	width: 100%;
	margin: 0;
	padding:0;
}

.main-content {
	margin-top: var(--height-header);
}

/* TYPOGRAPHY */

h1 {
	font-size: var(--fs-5);
	line-height: var(--lh-5);
	font-weight: normal;
	margin-bottom: var(--fs-1);
}

h2 {
	font-size: var(--fs-4);
	line-height: var(--lh-4);
	font-weight: normal;
	margin-bottom: var(--fs-1);

}

h3 {
	font-size: var(--fs-3);
	line-height: var(--lh-3);
	font-weight: normal;
	margin-bottom: var(--fs-1);
}

h3.deco {
	font-size: var(--fs-deco);
	line-height: var(--lh-deco);
	font-weight: normal;
	color: var(--primary-green);
	font-family: BetterTimes, cursive;
}

h3.deco-quote, blockquote p {
	font-size: var(--fs-3);
	line-height: 1.3;
	font-weight: normal;
	color: var(--primary-green);
	font-family: BetterTimes, cursive;
	padding-block: 1em;
}


h4 {
	font-size: var(--fs-2);
	line-height: var(--lh-2);
	color: var(--primary-green);
	font-weight: normal;
	margin-bottom: var(--fs-1);
}

p {
	font-family: var(--fontstack-carlito);
	font-size: var(--fs-1);
	line-height: 1.4;
	color: var(--primary-text-color);
	font-weight: normal;
	margin-bottom: var(--fs-1);
}

.main-content ul, .main-content ol {
	font-family: var(--fontstack-carlito);
	font-size: var(--fs-1);
	line-height: 1.4;
	color: var(--primary-text-color);
	font-weight: normal;
	margin-bottom: var(--fs-1);
}


.hero {
	height: auto;
	/*	height: 100dvh;
	min-height: 100vh; */
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		'one'
		'two'
		'three'
		'four';
}


.hero-grid-one {
	grid-area: one;
	display: flex;
	justify-content: left;
	align-items: center;  
}


.hero-grid-one > div {
	max-width: 430px;
	max-width: 500px; /* migrosch - 2024-12-17 */
	margin: 3rem 1rem 1rem 2rem;
}
.hero-grid-two {
	/*	grid-area: two;
	font-size: 0;
	background-image: url('/_redesign2024/assets/img/layout/green-arc-2024.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: 0;
	background-position-y: 0;

	background-image: 
	radial-gradient(
	ellipse  at 200px 50px, 
	#007e3c  70%,
	transparent 73% );
	background-size: cover;
	background-color: #007e3c;
	min-height: 144px;
	position: relative; 
	overflow: hidden; */
	grid-area: two;
	font-size: 0;
	/*background-image: url(/_redesign2024/assets/img/layout/green-arc-2024-nobox.svg);*/
	background-image: url(/_redesign2024/assets/img/layout/green-arc-2024-nobox.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	/*
	aspect-ratio: 3 / 1;
	aspect-ratio: 418 / 153; */
	min-height: 145px
}

.hero-grid-two img {
	position: absolute;
	left:0;
	top: 0;
}

.hero-grid-three {
	grid-area: three;
	font-size: 0;
	line-height: 0;
	/*background-image: url('/_redesign2024/assets/img/layout/AlfredVogel.png');*/
	background-image: url('/_redesign2024/assets/img/layout/AlfredVogel.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;

}


.hero-grid-three {
	/*	min-height: 25dvh; */
	aspect-ratio: 2;
	aspect-ratio: 2 / 1;

	aspect-ratio: 1.6;
}


.hero-grid-four {
	grid-area: four;
	background-color: var(--accent);
	color: white;
	font-family: BetterTimes;
	font-size: var(--fs-heroaccent);
	font-size: 3.7vw;
	font-size: clamp(38px, 4vw, 50px);
	line-height:1;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;   
	padding: 2rem;
	/* aspect-ratio: 3 / 1;	 */
}

.hero-grid-four > div { 
	/*	margin: 4rem 3rem; */
	/*	padding:4rem 3rem; */
}

@media (min-width: 1500px) { 

	.hero-grid-two img {
		height: 100%;
	}

}


@media (min-width: 1024px) { 

	.hero-grid-two  {
		min-height: 306px;
	}

}





@media (min-width: 769px) { 
	.hero {
		/* height: clamp(500px, calc(100vh - 65px), 917px);  */
		/*	grid-template-columns: 58fr 42fr; */
		grid-template-columns: 1.7272fr 1fr;
		grid-template-columns: 1.38fr 1fr;
		grid-template-areas:
			'one three'
			'two four';
	}


	.hero-grid-one {
		width: 100%;
		/*	justify-content: center; */
		/*	max-width: calc(var(--wrapper-max-width) / 2);
		margin-left: auto;
		padding-inline: var(--wrapper-padding-inline); */
		display: grid;
		grid-template-columns: minmax(var(--wrapper-padding-inline), 1fr) minmax(0, calc(var(--wrapper-max-width) / 1.7));
		position: relative;



	}
	.hero-grid-one > div {
		padding-left: 0;
		grid-column: 2 / 3;
		margin-left: 0;

	}

	.hero-grid-one > div:before {
		content: "";
		position: absolute;
		inset: 0;
		background: inherit;
		grid-column: 1 / 2;
	}

	.hero-grid-three {

		aspect-ratio: unset;

		min-height: clamp(410px, 41vw, 615px);
	}

	.hero-grid-four {
		aspect-ratio: unset;
	}
	.hero-grid-four > div { 
		max-width: 440px;
		margin: 0;
	}


}

/*
835 / 605  => 1440144

58% / 42%

14,4
*/


.module-blocks, .module-cardimage {
	margin-inline: auto;
	/* padding: 0 1rem 1rem 1rem; */
	padding-inline: 1rem;
	max-width: var(--wrapper-max-width);
	display: grid;
	gap: calc(1rem + 1vw);
}

.module-cardimage {
	margin-top: 2rem;
}
.cardimage_card {
	aspect-ratio: 2.84;
	display: grid;
	grid-template-columns: 185fr 100fr;	
	max-width: calc(100vw - 2rem);
}
.cardimage_content {
	padding: 2rem;
	background-color: var(--card-background-01);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;	
}

.cardimage_content h4 {
	margin-bottom: 2rem;
	white-space: nowrap;
}
.cardimage_content a {
	align-self: flex-start;
}


@media (max-width: 640px) {
	.cardimage_content {
		padding: 1rem;

	}

	.cardimage_content h4 {
		margin-bottom: 1rem;
	}
}

.cardimage_img {
	line-height: 0;
	background-color: var(--card-background-02);
	/*	aspect-ratio: 1; */
	display: flex;
	align-items: center;
	justify-content: center;

}
.cardimage_img img.fillcontainer{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.module-blocks > div {
	padding: 1rem;
	padding: 2rem 1.8rem;
	border: 2px solid var(--primary-green);
}

.module-blocks.blocks-noframes {
	margin-inline: auto;
	max-width: calc(43rem + 2 * var(--wrapper-padding-inline));
	padding: var(--wrapper-padding-inline);
}

.module-blocks.blocks-noframes > div {
	padding:0;
	border: none;
}


.module-blocks.blocks-inverted > div {

	background-color: var(--primary-green);
	color: white;
}


.module-blocks.blocks-inverted h4, .module-blocks.blocks-inverted p, .module-blocks.blocks-inverted .button {
	color: white;
}

.module-blocks.blocks-inverted .button {
	border-color: white;
}

.module-decorative > div {
	margin-inline: auto;
	padding-block: var(--section-padding-block);
	padding-inline: var(--wrapper-padding-inline);
}

.full-width-split-screen, .module-news .swiper-slide {
	/*	margin-block: var(--section-padding-block); */
}


.full-width-split-screen > :not(img),
.module-news .swiper-slide > :not(img),
.imageCarousel .swiper-slide > :not(img)

{
	padding-block: var(--section-padding-block);
	padding-inline: var(--wrapper-padding-inline);
}
.module-news .swiper-slide > :not(img)
{

	padding-block: 7rem;


}

.text-on-image-tiles {
	display: grid;
	grid-template-columns: 1fr;

}


.grid-area-a {
	grid-area: a;
}

.grid-area-b {
	grid-area: b;
}

.grid-area-c {
	grid-area: c;
}

.grid-area-d {
	grid-area: d;
}
.module-decorative .module-deocorative-img img {

	width: auto;
}

.module-largeimage-text{ 

	padding-inline: var(	--wrapper-padding-inline);
	padding-top: 2rem;
	padding-bottom: 4rem;
}


@media (min-width: 1070px) {  
	.module-cardimage {
		grid-template-columns: repeat(2, 1fr);
	}

	.cardimage_img {
		aspect-ratio: 1;
	}
	.cardimage_content {


		padding: 2rem 10px 2rem 1.8rem;
	}
}


@media (max-width: 768px) {  


.full-width-split-screen  {
	text-align: center;
	}
.full-width-split-screen > :not(img) {
	text-align: left;
	}

}

@media (min-width: 769px) {  

	.text-on-image-tiles {
		grid-template-columns: repeat(2, 1fr);
		/*	grid-template-areas: 
		"a b"
		"c d";*/
	}

	module-decorative > div {
		margin-inline: auto;
		max-width: calc(100vw - 7rem);
		padding-block: 1.5rem;
	}

	.module-blocks {
		paddin-inline: 2rem;

	}

	.blocks-four {
		grid-template-columns: repeat(4, 1fr);
	}

	.blocks-two {
		grid-template-columns: repeat(2, 1fr);
	}


	.module-decorative, .module-largeimage {
		max-width: var(--wrapper-max-width);
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr 1fr;

	}

	.module-decorative > div,  .module-largeimage-text{
		padding: 100px;
		display: grid;
		align-content: center;
		justify-items: start;
	}

	.module-largeimage{ 
		border-bottom: 2px solid var(--color-formfields-border);
		padding-bottom: 50px;
		margin-block: 50px;
	}
	.module-largeimage-text{ 
		padding-top: 0;
		padding-bottom: 0;
		padding-inline: var(	--wrapper-padding-inline);
	}




	.module-decorative .module-deocorative-img {
		padding: 0;
	}
	.module-decorative .module-deocorative-img img {
		max-height: 230px;
		max-width: fit-content;
		width: auto;
	}



	.full-width-split-screen,
	.module-news .swiper-slide,
	.imageCarousel .swiper-slide {
		display: grid;
		grid-template-columns: minmax(var(--wrapper-padding-inline), 1fr) minmax(0, calc(var(--wrapper-max-width) / 2)) minmax(0, calc(var(--wrapper-max-width) / 2)) minmax(var(--wrapper-padding-inline), 1fr);
		position: relative;
	}


	.full-width-split-screen > img,
	.module-news .swiper-slide > img
	{
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}


	/* if the image is on the left, it covers the entire left half */
	.full-width-split-screen > img:first-child, .module-news .swiper-slide > img:first-child {
		grid-column: 1 / 3;
	}
	
	
	
	
	/* if the image is on the left, it covers the entire left half */
	.full-width-split-screen > img.nofullscreen:first-child, .module-news .swiper-slide > img.nofullscreen:first-child {
		grid-column: 2 / 3;
	}

	/* if the image is on the right, it covers the entire right half */
	.full-width-split-screen > img:last-child,
	.module-news .swiper-slide > img:last-child

	{
		grid-column: 3 / -1;
	}


	/* make sure text doesn't touch the edge of the viewport 
	and the content is vertically centered */
	.full-width-split-screen > :not(img),
	.module-news .swiper-slide > :not(img),
	.imageCarousel .swiper-slide > :not(img)

	{
		display: grid;
		align-content: center;
		justify-items: start;
	}




	/* if the non-image is first, place it in the second column
	(first column is empty to emulate the .wrapper) */
	.full-width-split-screen > :not(img):first-child, 
	.module-news .swiper-slide > :not(img):first-child,
	.imageCarousel .swiper-slide > :not(img):first-child
	{
		padding-left: 0;
		grid-column: 2 / 3;
	}

	/* if the non-image is last, place it in the third column
	(fourth column is empty to emulate the .wrapper) */
	.full-width-split-screen > :not(img):last-child,
	.module-news .swiper-slide > :not(img):last-child

	{
		padding-right: 0;
		grid-column: 3 / 4;
	}

	/* at large screens, ensure the background color
	goes to the edge of the page */
	.full-width-split-screen > :not(img)::before,
	.module-news .swiper-slide > :not(img):before,
	.imageCarousel .swiper-slide > :not(img):before {
		content: "";
		position: absolute;
		inset: 0;
		background: inherit;
	}

	/* ensures the background color fills the entire left side */
	.full-width-split-screen > :not(img):first-child::before,
	.module-news .swiper-slide > :not(img):first-child::before,
	.imageCarousel .swiper-slide > :not(img):first-child::before
	{
		grid-column: 1 / 2;
	}

	/* ensures the background color fills the entire right side */
	.full-width-split-screen > :not(img):last-child::before,
	.module-news .swiper-slide > :not(img):last-child::before

	{
		grid-column: 4 / 5;
	}

}


.module-since1923-bg {
	background-color: var(--verylight-green);
	min-height: 900px;
}

.module-since1923-bg h1 {
margin-top: -5px;
}

.module-since1923 .module-since1923-bg, .module-since1923 .module-deocorative-text {
	align-content: start !important;
	justify-items: start !important;
	padding-block: calc(var(--section-padding-block) * 2);
}


.module-since1923 .module-deocorative-text {
	z-index: 2;
}
.module-since1923 .biggestText {
	position: absolute;
	width: 1440px; 
	max-width:  calc(100% - var(--wrapper-padding-inline)* 2);
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: -6px;
	bottom: -110px;
	overflow: visible;
	line-height: 1;
}





.since1923-parallax
{
	position: absolute; 

	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*
	height: 100%;
	width: calc(100% - var(--wrapper-padding-inline)* 2);

	*/
	width: 100%;
	aspect-ratio: 1175 / 572;
	max-width: 1175px;
	left: 0;
	bottom:0;

	-webkit-clip-path: url(#since1923path);
	-moz-clip-path: url(#since1923path);
	-ms-clip-path: url(#since1923path);
	-o-clip-path: url(#since1923path);
	clip-path: url(#since1923path);
}

#svg-container{
	height:1px !important;
}

@media (max-width: 768px) { 

	.since1923-parallax
	{
		max-width: calc(100% - var(--wrapper-padding-inline) * 2);
		left: var(--wrapper-padding-inline);
		bottom: 2rem;
	}

	.module-since1923-bg {
		background-color: var(--verylight-green);
		background-color: white;
		min-height: auto;
	}

	.module-since1923 .biggestText {

		grid-column: none !important;
		position: relative;
		height: auto;

		background-color: var(--verylight-green);

		/*	margin-top: 26vw;
		height: 24vw; */
		width: 100vw !important;
		margin-inline: -24px;
		/* margin-right: -24px; */
		padding-inline: var(--wrapper-padding-inline);
		max-width: unset;
	}

	.module-since1923 .module-since1923-bg, .module-since1923 .module-deocorative-text {
		padding-block: 0;
	}

	.module-since1923 .module-since1923-bg {
		padding-top: var(--section-padding-block);
	}

}

.module-decorative p {
	max-width: 548px;
}

.text-on-image-tiles article {
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;

	padding: 5rem;
	padding-right: clamp(5rem, 20%, 25vw);
	color: var(--primary-text-color);
	/*aspect-ratio: 7 / 5; */
	/* height: clamp(361px, 40vw, 534px); */
	height: 534px;
}



.text-on-image-tiles article.darkbg,
.text-on-image-tiles article.plainbg, 
.text-on-image-tiles article.darkbg p,
.text-on-image-tiles article.darkbg a.button,
.text-on-image-tiles article.plainbg a.button {
	color: #fff;
}

.text-on-image-tiles article.plainbg {
	background-color: var(--primary-green);
}

.text-on-image-tiles article.darkbg a.button, .text-on-image-tiles article.plainbg a.button {
	border-color: #fff;
}

.text-on-image-tiles h2 {
	font-family: Bettertimes, cursive;
	color: inherit;
	font-size: 4.5rem;
	font-size: clamp(1.5rem, 10vw + 16px, 5rem);
	font-size: clamp(38px, 4vw + 14px, 60px);
	font-size: clamp(38px, 3vw + 12px, 60px);
}

.module-text-image {

}


.imageCarousel .swiper-slide {
	width: 100%;
	/* height: calc(100vw / 16 * 9); */
	aspect-ratio: auto 1.64;
	background-size: cover;
	/*	display: flex; */
	align-items: center;
	position: relative;
	height: calc(100dvh - 65px);

}




.imageCarousel .slider-videowrap {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.imageCarousel .slider-videowrap video {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;

}

.imageCarousel .swiper-slide-content {
	z-index: 3;
	/*	margin-left: var(--wrapper-padding-inline);
	max-width: 50vw; */
}

.imageCarousel .swiper-slide-content, .imageCarousel .swiper-slide-content p {
	color: white;
}

@media (max-width: 768px) { 
	.imageCarousel .swiper-slide {
		aspect-ratio: auto;
		height: calc(100dvh - 65px);
		display: flex;
		background-position: center center;
	}

	.imageCarousel .swiper-slide-content {

		margin-inline: var(--wrapper-padding-inline);
		max-width: 100vw;
	}
}


.imageCarousel .swiper-slide:after, .news-block-header:after, .hero-image:after {
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 70%;
	z-index: 2;
	/*background-image: url(/_redesign2024/assets/img/layout/bow-white.svg);*/
	background-image: url(/_redesign2024/assets/img/layout/bow-white.svg);
	
	
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}
.news-block-header:after {
	height: 100%;	
}

.swiper-pagination-bullet {
	width: 53px;
	height: 6px;
	border-radius: 22px;
	margin: 0 0.5rem;
	background: var(--swiper-pagination-color);
	opacity: 0.4;
}

.swiper-pagination-bullet-active {
	opacity: 1;
}

.module-news .swiper-slide { 
	color: white;
	background-color: var(--primary-green);
	height: auto;

}

.module-news .swiper-slide > div { 
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}


.module-news .swiper-slide .news-buttons { 
	display: flex;
	align-content: space-between;
	position: relative;
	width: 100%;
}

.module-news .swiper-slide, .module-news .swiper-slide  p { 
	color: white;
}

.module-news .swiper-pagination {
	bottom: 60px;
	/*width: calc(50vw - 100px); */
	right: calc(50vw + 100px);
	width: auto;
	text-align: right;
}

@media (max-width: 768px) { 


	.module-news .swiper-slide { 
		display: block;
		background-color: transparent;
	}

	.module-news .swiper-pagination {
		width: 100%;
		text-align: center;
	}

	/*
	.module-news .swiper-slide  {
	display: flex;
	flex-wrap: wrap;	
	align-content: space-between;
}	*/

	.module-news .swiper-slide > div { 
		/*height: 50%; */
	}
	.module-news .swiper-slide > :not(img) {
		padding-block: 2rem;
		background-color: var(--primary-green);

	}
	.module-news .news-slide_cta {
		margin-top: 2rem;
	}


}

a.button{
	box-sizing: border-box;
	text-decoration: none;
	color: var(--primary-green);
	border: 2px solid var(--primary-green);
	background-size: 0;

	transition: background-size 1s ease;

	border-radius: 9px;
	line-height: 1;
	padding: 13px 28px;
	display: inline-block;
}

.module-news a.button {
	color: white;
	border: 2px solid white;
	background-size: 0;
	transition: background-size 1s ease;


}
.news-block-header, .hero-image {
	width: 100%;
	background-size: 100% auto;
	background-position: 0;
	position: relative;
	padding: var(--wrapper-padding-inline);
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image {
	min-height: 600px;
	min-height: 384px;
	background-size: cover;
	display: flex;
	align-items: center;
}
.hero-image.large-hero {
	min-height: 600px;
}
.news-block-header {
	min-height: 384px;
	display: flex;
	align-items: center;
}
.news-block-header > div {
	width: 100%;
	max-width: var(--wrapper-max-width);
	margin-inline: auto;
	z-index: 3;
	position: relative;
}

.hero-image-content {
	margin-inline: auto;
	max-width: var(--wrapper-max-width);
	z-index: 3;
	width: 100%;
}

.hero-image .hero-image-content, .hero-image .hero-image-content p {
	color: white;
}


.hero-image .hero-image-content h1, .hero-image .hero-image-content p {
	max-width: 695px;
}

.news-block-header h2 {

	color: white;
	max-width: calc(var(--wrapper-max-width) / 2);
	margin: 0;

}

.news-block-content {
	/*max-width: var(--wrapper-max-width); */


	max-width: calc(43rem + 2 *  var(--wrapper-padding-inline)); 
	margin-inline: auto;
	padding: var(--wrapper-padding-inline);

}

.addMarginBelow {
	margin-bottom: var(--section-padding-block);
}

.module-timeline {
	max-width: var(--wrapper-max-width);
	margin-inline: auto;

}



.module-timeline {
	/*	overflow-x: hidden; */
	display: initial;
	height: 100%;
}

.module-timeline:before {
	/*	background: linear-gradient(#FFFFFF, #3364c9); */
	content: "";
	display: block;
	height: 100vh;
	position: fixed;
	width: 100%;
}
.module-timeline > * {
	position: relative;
	z-index: 1;
}

.timeline {
	padding:0;
	list-style: none;
	margin: auto;
	max-width: 920px;
	padding-inline: var(--wrapper-padding-inline);
	padding-block: 140px;
	position: relative;
	overflow: clip;
}
.timeline li  {
	align-items: start;
	color: var(--primary-text-color);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6rem;
	min-height: 400px;
	margin: 0 auto;
	opacity: 0.2;
	/*	padding: 0 0 125px 0; */
	transition: all 500ms;
	overflow: clip;
	margin-bottom: 100px;

}

.timeline li .timeline-item-container {
	height: 100%;
	/*   background: #1d63a173; */
}

.timeline li .timeline-item {
	/*	left: 0;
	position: absolute;
	width: calc(50% - 60px); */

	text-align: right;
}
.timeline li .timeline-image {

	height: 100%;
}

.timeline .active {
}
.timeline .active.last   {
	/* color: white; */
	opacity: 1;

}


.timeline li:after {
	background: var(--primary-text-color);
	bottom: 0px;
	content: "";
	display: block;
	height: 100%;
	left: calc(50% - 2px);
	position: absolute;
	width: 4px;
}
.timeline li.active:after {
	opacity: 0.3;
}
.timeline li:last-child:after {
	display: none;
}


.timeline-item.sticky {
	position: sticky;
	top: 50%;
}


.timeline-item.sticky-first {
	top: 0;
}




/*
.timeline li:before {
background: var(--primary-text-color);
content: " ";
height: 38px;
width: 38px;
left: calc(50% - 19px);
line-height: 1em;
position: absolute;
text-align: center;
top: 0;
transition: all 500ms;
z-index: 1;
border-radius: 50%;
transform: scale(0);
}
*/

.timeline li h2:after {
	background: var(--primary-text-color);
	content: " ";
	height: 38px;
	width: 38px;
	right: -68px;
	line-height: 1em;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 500ms;
	z-index: 1;
	border-radius: 50%;
	transform: scale(0);
	display: inline-block;
}
.timeline:last-of-type li.active.lastafter {
	transform: scale(1);
}


.timeline li.active h2:after {
	transform: scale(1);

}
.timeline h2 {
	position: relative;
	/*added 2025-01-22 */
	font-family: BetterTimes,cursive;
	color: var(--primary-green);
	line-height: 1.2;
}

.timeline li time:before {
	background-color: #f44336;

	content: "";
	display: block;
	height: 10px;
	opacity: 0;
	position: absolute;
	right: -65px;
	top: 120px;
	transform: scale(0.4);
	transition: all 400ms;
	width: 10px;
	z-index: 2;
}
.timeline li.active.last time:before {
	opacity: 1;
	top: 80px;
}

.module-cards-horizontal {
	padding-bottom: 60px; /* migrosch - 2024-12-17 */
}


.cards-horizontal_header {
	margin-top: 20px;
	margin-top: 100px; /* migrosch - 2024-12-17 */
	/*max-width: var(--wrapper-max-width);
	margin-inline: auto;
	padding: var(--wrapper-padding-inline);
	display: grid;
	gap: 20px;  */
}

@media (min-width: 769px) { 
	/*	.cards-horizontal_header {
	grid-template-columns: 1fr 1fr;
} */
}

.module-cards-horizontal h3 { 
	line-height: 1;
	color: white;
	font-size: 1.75rem;
	/*	padding: 2rem;
	padding-right: 0.5rem;
	padding-top: 2.5rem; */
	padding: 1.5rem;
	padding-right: 0.5rem;
	margin: 0;
}

.module-cards-horizontal .swiper-slide {
	position: relative;
	height: auto;
}
.link-spanner{
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;

}

.module-cards-horizontal .swiper-slide img {
	width: 100%; 
	object-fit: cover;
}

.company-basics dl {
	display: grid;

	width: 100%;
	column-gap: 2rem;
	grid-template-columns: 1fr 2fr;
	height: 100%;
	align-items: center;

}
.company-basics  dt {
	font-family: BetterTimes,cursive;
	width: 33%;
	font-size:2.8rem;
	font-size:4rem;
	white-space: nowrap;
}
.company-basics dd {
	margin: 0;
	font-size: 1.5rem;
}

.company-basics dd + .company-basics dd {
	width: 100%; 
	padding-top: 0;  
}
.company-basics dt + .company-basics dd:not(:nth-child(2)){
	width: 66%;
}
.company-basics dd + .company-basics  dd::before {
	width: 33%;
	content: "";
	padding-top: 0
}


.company-basics .person {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	gap: 1rem;
}

.company-basics .person img {
	min-width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-right: 20px;
}

.company-basics .person .button {
	font-size: 1.3125rem;
}

.text-on-image-tiles article.people {
	padding-right: 3rem;
	flex-direction: unset;
	align-content: space-around;
}

@media (max-width: 768px) { 




}

@media (max-width: 1070px) { 


	.text-on-image-tiles article {
		/*	min-height: 90vw; */
		padding: 5rem 2rem;
		height: fit-content;
	}


	.company-basics .person img {
		margin-right: 0;
	}

	.text-on-image-tiles article.people {
		/*padding: 2rem 1rem;*/
		padding-right: 2rem;
	}

	.company-basics .person {
		font-size: 1.125rem;

	}
	.text-on-image-tiles article.people .last-item {
		display: none;
	}
	.company-basics dl {
		display: inline;
	}

	.company-basics dt {
		line-height: 1.1;
	}


	.company-basics dd {
		padding-bottom: 3rem;
	}

	.company-basics dd:last-of-type {
		padding-bottom: 1rem;
	}

	h3.deco {
		font-size: 2.825rem;
		line-height: 1.3;
	}


}

.last-item {
	margin-left: auto;
}

/* Platzhalter */
.video_placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	/* Höhe im Verhältnis zur Breite, für 16:9 Verhältnis */
	/*	padding-top: 56.25%;  */ /* 16:9 Verhältnis */
	background-color: #f0f0f0;
	/* Für absolutes Positionieren der Grid-Elemente */
	/*position: relative;
	cursor: pointer; */
}

.video_grid {
	display: grid;
	grid-template-columns: 40% 60%;
	/*	grid-template-rows: 80% 20%; */
	/* gap: 10px; */
	/*	position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	/* height: 100%; */
	/*	max-height: 735px; */
}

.video_grid-item img {
	object-fit: cover;
	width: 100%;
}

.video_grid-item {
	background-color: var(--primary-green);
	color: white;
	text-align: left;
	overflow: hidden;
}

.video_grid-item.video_video {

	position: relative;
	min-width: 100% !important;
	margin: 0;
	padding: 0;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	/*	
	max-height: calc(735px * 0.8); */
}
.video_grid-item.video_video video {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
	transform: translate(-50%, -50%);
	max-width: 51vw;
}

.hero-grid-three.hero_video
{
	position: relative;
	overflow: hidden;
}


.hero-grid-three.hero_video video
{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	/*min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}
.video_play-button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 2rem;
	background-color: var(--accent); /* Beispielhafte Farbe für den Play-Button */
	font-size: 48px;
	color: #FFF;
	z-index: 3;
	padding-block: 1.5rem;
}

.video_grid-fullscreen {	
	position: absolute;
	z-index: 3;
	bottom: 12%;
	right: 2rem;
	height: 2rem;
	width: 2rem;

}
.video_play-button svg {
	margin-right: 10px; /* Abstand zwischen SVG und Text */
	fill: #333; /* Farbe des Dreiecks */
	vertical-align: middle;
	height: 2.3rem;
}

.video_grid-control {
	display: flex;
}

.video_title {
	font-family: BetterTimes, cursive;
	font-size: clamp(58px, 5vw,70px);
	line-height: var(--lh-deco);
	font-weight: normal;
	padding: 4rem 0;
	display: flex;
	justify-content: flex-end;

}

.video_title > div {
	width: 100%;
	max-width: calc(var(--wrapper-max-width) * 0.4);
	padding-inline: var(--wrapper-padding-inline);
}

/* Video-Container */
.video_video-container {
	width: 100%;
	padding-top: 56.25%; /* Für 16:9 Seitenverhältnis */
	position: relative;
}

.video_video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hidden {
	display: none;
}

/* Responsives Design: Verkleinerung der Grid-Elemente bei schmaleren Bildschirmen */
@media (max-width: 768px) {

	.video_placeholder {
		/* 	padding-top: 177.78%; */

	}
	.video_grid {
		grid-template-columns: 1fr; /* 1 Spalte bei kleinen Bildschirmen */
		grid-template-rows: 1fr; /* alles untereinander bei kleinen Bildschirmen */
	}

	.video_grid-item {
		padding: 2rem 30px; /* Kleinere Polsterung bei schmalen Bildschirmen */
	}
	.video_title {
		font-size: 48px;
		justify-content: flex-start;
	}
	.video_title > div {
		max-width: 360px;

	}
	.video_grid-item.video_video {
		grid-row: 1 / 2;
		padding: 0;
	}

	.video_grid-item.video_spacer {
		display: none;
	}

	.video_grid-item img {
		object-fit: cover;
		width: 100%;
	}

	/* Video-Container */
	.video_video-container {
		width: 100%;
		padding-top: 56.25%; /* Für 16:9 Seitenverhältnis */
		padding-top: 177.78%;
		position: relative;
		overflow: hidden;
	}

	.video_play-button svg {
		transform: scale(0.8);
	}

}

nav ul {
	list-style: none;
	padding: 0;
}
nav li {
	padding: 0;
}

footer {
	position: relative;
	min-height: 30rem;
	color: var(--primary-green);
	padding-top: 1rem;
	padding-top: 4rem; /* migrosch - 2024-12-17 */
}

footer, footer p {
	font-size: 1rem;
}

footer nav  {

	width: 100%;
	max-width: 1440px;
	color: var(--primary-green);
	margin-inline: auto;

	/*padding: var(--wrapper-padding-inline); */

}

footer {
	padding-inline: var(--wrapper-padding-inline);
}

footer nav ul {
	list-style: none;
	padding: 0;
}

footer nav > ul {
	display: grid;
	/* grid-template-columns: repeat(4, 1fr) 230px; */
	grid-template-columns: repeat(4,auto) 210px;
	grid-auto-rows: 8.5rem;
}
/*
footer {
position: relative;
background: url(/_redesign2024/assets/img/layout/green-arc-2024.svg) no-repeat bottom right;
background-size: 650px;
}
*/
footer {
	color: var(--primary-green);
}
footer nav  li { 
	font-size: 1.5rem;
}

footer nav li.navItem-last {
	grid-row-start: 2;
	grid-column-start: 4;
}

footer nav > ul > li {
	font-weight: 500;
} 

footer nav li li { 
	font-weight: normal;
	font-family: var(--fontstack-carlito);
	font-size:1.125rem;
	padding-bottom: 1.5rem;

}

footer nav li ul {
	padding-top: 1.5rem;
}

footer nav .logo {
	display: flex;
	flex-direction: column;
	/*align-items: flex-end;*/
}

footer nav .logo img {
	width: 168px;
	padding-bottom: 1rem;
}

.footer-meta {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 5rem; 
	padding-right: 40vw;
	padding-right: 690px;
	padding-right: calc(30vw + 100px);

	margin-inline: auto;
	max-width: 1440px;
	padding-bottom: 2rem;

}

footer a {
	color: inherit;
	text-decoration: none;
}


.footer-arc {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	color: white;

	/*	background: url(/_redesign2024/assets/img/layout/green-arc-2024.svg) no-repeat bottom right; */

	/*
	position: absolute;
	bottom: 4rem;
	right: 7rem;
	font-size: 1.875rem;
	color: white; */
}

.footer-arc img {
	width: 40vw;
	max-width: 651px;
}
.footer-social-media, .footer-imprint {
	display: flex;
	align-items: stretch;
	gap: 0.5rem;
}

.footer-imprint {
	gap: 1.5rem;
}

.footer-imprint a {
	white-space: nowrap;
}
/* Main Menu Styles */
.footer-nav .main-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-nav .main-menu > li > a {
	white-space: nowrap;
}


/* Desktop Styling */
@media (min-width: 1071px) {
	.footer-nav .main-menu {
		flex-direction: row; /* Horizontal layout */
	}
	.footer-nav .main-menu {

		display: grid;
		grid-template-areas:
			"a b c d f"
			"a b c e f"
			"a b . . . "
	}

	footer nav .logo {
		grid-area: f;

	}
	.footer-nav .main-menu > li:nth-of-type(5) {
		grid-area: e;
		padding-top: 1.5rem;

	}


	.footer-nav .main-menu > li {
		flex: 1;
		margin: 10px;
	}


	.footer-nav .sub-menu {
		display: block; /* Always visible */
	}
	.sub-menu li {
		margin-top: 5px;
	}
	.copyright-desktop {
		color: var(--primary-green);
		display: inline;
	}

	.avogel-helps {display: none;}
	.copyright-footer {display: none;}

}

/* Mobile Styling */
@media (max-width: 1070px) {

	.follow-us {display: none;
	}
	footer {
		min-height: unset;
	}

	footer nav {
		margin-bottom: 6rem;
	}

	.footer-meta {
		margin-block: 2rem;
		height: auto;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
		width: calc(100% - 40px);
		padding: 0 20px;

	}


	.footer-social-media, .footer-imprint {

		gap: 1rem;
	}

	.footer-imprint {
		justify-content: space-around;
		width: 100%;
		margin-top: 1rem;
	}

	footer nav .logo {
		order: -1;
		margin-bottom: 1rem;
		align-items: center;
	}

	.footer-arc {display: none;}

	.copyright-desktop {display: none;}

	.avogel-helps {
		display: block; 
		font-size: 2rem;
		font-family: "ff-dax-pro", sans-serif !important;
		color: var(--primary-green);
		margin-bottom: 4rem;

	}

	.copyright-footer {
		color: var(--primary-green);
		display: block;
		text-align: center;
	}


	.footer-nav .main-menu {
		flex-direction: column; /* Vertical layout */
		align-items: center;
		gap: 1rem;
		margin-block: 1rem;
	}

	.footer-nav .main-menu > li {
		margin-bottom: 10px;
		text-align: center;
	}

	.footer-nav .main-menu > li > a:after {
		content: '❯';
		transform: rotate(90deg);
		font-weight: 300;
		margin-left: 1rem;
	}


	.footer-nav .main-menu > li.open a:after {
		transform: rotate(-90deg);

	}
	.footer-nav .sub-menu {
		display: none; /* Hidden by default */
	}

	.footer-nav .main-menu > li.open .sub-menu {
		display: block; /* Visible when open */
	}

	.footer-nav .main-menu > li > a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}


.toBeRevealed {

	width: 100%;
	/* min-height: 400px; */

}


.toBeRevealed  {
	opacity: 0;

	/*
	opacity: 0;

	animation-name:  revealFromBottom;
	animation-duration: 1.4s; */
}


.slide-in-from-bottom {
	/* animation: 1.5s ease-out 0s 1 slideInFromBottom forwards; */
	animation-name:  slideInFromBottom;
	animation-duration: 1s;
	opacity: 1;
}

@keyframes slideInFromBottom {
	0% {
		transform: translateY(50%);
		opacity: 0;
	}
	100% {
		transform: translateY(0); 
		opacity: 100%;
	}
}


@keyframes revealFromBottom {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 100%;
	}
}

p + .button {
	margin-top: 2rem;
}

.limwidth {
	max-width: 470px
}




/* Dropdown Button */
.dropbtn {
	background-color: transparent;
	color: white;
	padding: 16px;
	font-size: 16px;
	font-family: var(--var-daxfont);
	border: 2px solid white;
	border-radius: 8px;
	position: relative;

	text-align: left;
	min-width: 16em;
	transition: 300ms ease all;


}

.dropdown .dropbtn:after {
	position: absolute;
	right: 16px;
	content: "";
	top: 16px;
	width:24px;
	height: 24px;
	background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='white'/></g></svg>") no-repeat;
	transition: 300ms ease all;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	font-family: var(--var-daxfont);

	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: var(--primary-green);
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: var(--primary-green);
	border-color: var(--primary-green);
}

.dropdown:hover .dropbtn:after {
	top: 12px;
	transform: rotate(180deg);
}

.module-cards-wrapper {
	display: grid;
	grid-template-columns: minmax(var(--wrapper-padding-inline), 1fr) minmax(0, var(--wrapper-max-width) ) minmax(var(--wrapper-padding-inline), 1fr);
	position: relative;
}
.module-cards-wrapper > div
{

	grid-column: 2 / -1;
}

.module-cards-wrapper > div:before {
	content: "";
	position: absolute;
	inset: 0;
	grid-column: 1 / 2;
}



/* BUTTONS */

.main-content .button, .main-content .button:link, input[type=submit]  {
	text-decoration: none;
	color: var(--primary-green);
	border: 2px solid var(--primary-green);
	border-radius: 9px;
	line-height: 1;
	padding: 14px 28px;
	display: inline-block;
/*	background: url('/_redesign2024/assets/img/layout/bgbuttontransparent.svg') no-repeat center center; */
	background: url('/_redesign2024/assets/img/layout/bgbuttontransparent.svg') no-repeat center center;
	
	
	
	transition:	 background ease-out 0.8s, color ease 0.5s, border-color 0.5s ease;
	background-size: cover;

}
.main-content .button:hover {
	color: #fff;
	background-color: var(--accent);
	/*background: url('/_redesign2024/assets/img/layout/bgbuttonhover.svg') no-repeat center center;*/
	background: url('/_redesign2024/assets/img/layout/bgbuttonhover.svg') no-repeat center center;
	background-size: cover;

	border: none;
	padding: 16px 30px; 
	transition:	 background ease-out 0.8s, color ease 0.5s, border-color 0.5s ease;
}


.main-content .button:active, .main-content .button:focus {
	color: #fff;
	background-color: var(--accent);
	/*background: url('/_redesign2024/assets/img/layout/bgbuttonactive.svg') no-repeat center center; */
	background: url('/_redesign2024/assets/img/layout/bgbuttonactive.svg') no-repeat center center;
	border: none;
	padding: 16px 30px; 
	transition:	 background ease-out 0.8s, color ease 0.5s, border-color 0.5s ease;

}
.main-content .module-blocks.blocks-inverted .button:link, .main-content .module-news.module-text-image .button:link {
	color: #fff;
	border-color: #fff;
}
.main-content .button-secondary:link, a.button-secondary,  input[type=submit]  {
	color: #fff !important;
	background: unset;
	background-image: none;
	/*background: url('/_redesign2024/assets/img/layout/bgbuttonsecondary.svg') no-repeat center center; */
	background: url('/_redesign2024/assets/img/layout/bgbuttonsecondary.svg') no-repeat center center;

	background-color: var(--primary-green);
	padding: 15px 30px;
	border: none;
	transition:	 background ease-out 0.8s, color ease 0.5s, border-color 0.5s ease;


}
.main-content .button-secondary:hover, input[type=submit]:hover  {
	color: #003B1A !important;
	background: unset;
	background-color: #9FC7A2;
	padding: 15px 30px;
	border: none;
/*	background: url('/_redesign2024/assets/img/layout/bgbuttonsecondaryhover.svg') no-repeat center center; */
	background: url('/_redesign2024/assets/img/layout/bgbuttonsecondaryhover.svg') no-repeat center center;

}
.main-content .button-secondary:active, .main-content .button-secondary:focus, input[type=submit]:active, input[type=submit]:focus {
	color: #003B1A;
	background: unset;
	background-color: #D3EDD5;
	border: 2px solid #003B1A;
	padding: 13px 28px;
}



/* FORMULARE */



input,
textarea,
select {
	/*   all: unset; */
}


.form-group input::placeholder,
.form-group textarea::placeholder {
	opacity: 0;
}

.form-group {
	border: none;
	--pad-top: 23px;
	--pad-left: 25px;
	position: relative;
}

.form-group label.label-inline {
	position: absolute;
	top: var(--pad-top);
	left: var(--pad-left);
	pointer-events: none;
	font-size: 1rem;
	color: var(--color-formfields-border);
}



.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=search],
.form-group input[type=tel],
.form-group input[type=password],
.form-group textarea, .form-group select
{
	font-family: var(--var-daxfont);
	font-size: 1rem;
	border: 1px solid var(--color-formfields-border);
	border-radius: var(--forms-border-radius);
	padding: 20px 12px 8px 12px;
	width: 100%;
}

.form-group textarea {
	resize: vertical;
	overflow: auto;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=tel],
.form-group input[type=password],
.form-group select
{
	height: 50px;
}

header input[type=search] {
	width: 260px;
	height: 38px;
	padding-top: 7px;
	background-color: white;
	background-image: url(/_redesign2024/assets/img/layout/icon_search_grey.svg);
	background-repeat: no-repeat;
	background-position: 227px 7px;

}	

header input[type=search]:not(:placeholder-shown)  {
	background-image:none;
}

.form-group input:focus + label.label-inline,
.form-group input:not(:placeholder-shown) + label.label-inline,
.form-group textarea:not(:placeholder-shown) + label.label-inline,
.form-group textarea:focus + label.label-inline,
.form-group select + label.label-inline {
	top: calc(var(--pad-top) / 2);
	font-weight: 500;
	font-size: 12px;
}


.form-group select {
	-webkit-appearance: none;
	-moz-appearance: none;
	width: auto;
	font-family: var(--var-daxfont);
	font-size: 1rem;
	background-image: url(/_redesign2024/assets/img/layout/chevron-small.svg);
	background-image: url(/_redesign2024/assets/img/layout/chevron-small.svg);
	background-repeat: no-repeat;
	background-position-x: 90%;
	background-position-y: 11px;
	margin-right: 3rem;
	padding-right: 4rem;
	/* padding-top: 8px;
	color: var(--color-formfields-border); */
}


select option, select:has(option:not(disabled):checked) {
	color: var(--primary-text-color);
}

.form-group input:not([type='checkbox']):focus,
.form-group textarea:focus,
.form-group select:focus
{
	border-color: var(--color-formfields-focus);
	outline: 3px solid var(--color-formfields-focus-outline);
}



.form-group input:user-invalid,
.form-group textarea:user-invalid{
	border-color: var(--color-formfields-error);

	outline: 3px var(--color-formfields-error-outline) solid;
}


option:hover,
option:focus,
option:active,
option:checked,
option:selection {
	background-color: var(--color-formfields-focus-outline);
}

.form-group input[type="checkbox"] {
	position: relative;
	left: 30px;
	top: 0px;
	z-index: 0;
	-webkit-appearance: none;
}

.form-group input[type="checkbox"] + label {
	position: relative !important;
	display: block;
	cursor: pointer;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.2;
	padding-left: 60px;
	padding-bottom: 12px;
	/*	margin-top: -30px; */
	margin-bottom: 1rem;
}

.form-group input[type="checkbox"] + label:before {
	width: 45px;
	height: 25px;
	border-radius: 25px;
	border: 1px solid var(--color-formfields-border);
	background-color: var(--color-formfields-alternate);
	content: "";
	margin-right: 15px;
	transition: background-color 0.5s linear;
	z-index: 5;
	position: absolute;
	left: 0px;
}

.form-group input[type="checkbox"] + label:after {
	width: 19px;
	height: 19px;
	border-radius: 19px;
	border: 1px solid var(--color-formfields-border);
	background-color: #fff;
	content: "";
	transition: margin 0.1s linear;
	box-shadow: 0px 0px 5px #aaa;
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 10;
}




.form-group input[type='checkbox']:focus
{
	border: none;
}


.form-group input[type="checkbox"]:focus + label:before,
.form-group input[type="checkbox"]:active + label:before {
	border-color: var(--color-formfields-focus);
	outline: 3px solid var(--color-formfields-focus-outline);


}


.form-group input[type="checkbox"]:checked + label:before {
	background-color: var(--accent);
	border-color:var(--accent);
}
.form-group input[type="checkbox"]:checked + label:after {
	margin: 0 0 0 20px;
	border: white;
}
.image-text-video {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"a b"
		"a c";
	/*	grid-auto-rows: minmax(300px, auto); */
	grid-template-rows: 1fr 1fr; 
	grid-template-rows:auto; 
}

.itv__image {
	grid-area: a;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}



.itv__video {
	grid-area: b;

	position: relative;
	min-width:100% !important;
	margin:0;
	padding:0;
	overflow-x: hidden;
	aspect-ratio: 16 / 9;
	/*	aspect-ratio: 7 / 3;*/
}
/*

.itv__video video {
position: absolute;
z-index: 2;
bottom: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}

*/


.itv__video video {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	max-width: 51vw;	
}

.itv__text {
	min-height: fit-content;
	grid-area: c;
	padding: 3rem 0 0 5rem;
	display: flex;
	align-items: flex-end;
	align-items: center;
}

.itv__text > div {
	max-width: 548px;
	margin-right: var(--wrapper-padding-inline);

}


@media (max-width: 1070px) { 

	.image-text-video {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas: 
			"a"
			"b"
			"c";
	}
	.itv__text {
		grid-area: a;
		padding-block: 3rem;
		padding-inline: var(--wrapper-padding-inline);
	}

	.itv__image {
		grid-area: b;
		min-height: 73vw; 
	}		

	.itv__video {

		grid-area: c;
		/*	min-height: 73vw; */
		position: relative;

	}		

	.itv__video video {
		max-width: 100vw;
	}

}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
}

img.nofullscreen {
	width: unset;
	height: unset;
	object-fit: unset;

}

.hero-image_videowrap {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.hero-image_videowrap video {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* EMAIL Honeypot field */


.wdh {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
}


.cards-horizontal_items {
	position: relative;
}
/*
.cards-horizontal_items:after {
display: block;
content: '';
position: absolute;
top: -3rem; 
right: -2rem;
z-index: 5;
height: calc(100% + 6rem);
width: 4rem;
background-color: #ffffff;
filter: blur(20px);
}
*/
#videoMuteButton {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	z-index: 4;
	height: 30px;
	width: 30px;

}

.mobile-only {
display: block;
}

@media (min-width: 769px) { 

.mobile-only {
display: none;
}

}
/*
.responsive-youtube-video {
align-content: start !important;
}
*/
.responsive-youtube-video iframe {
width: 100%;
aspect-ratio: 16/9;
}