/* instrument-sans-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: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/instrument-sans-v4-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-italic - 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: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/instrument-sans-v4-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-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: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/instrument-sans-v4-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-500italic - 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: 'Instrument Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/instrument-sans-v4-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-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: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/instrument-sans-v4-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-600italic - 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: 'Instrument Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/instrument-sans-v4-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}






/* eb-garamond-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: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/eb-garamond-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-italic - 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: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/eb-garamond-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-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: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/eb-garamond-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-500italic - 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: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/eb-garamond-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-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: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/eb-garamond-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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


:root {

	--breite-text: 32rem;
	--breite-gross: 80vw;

	--abstand-sektion: 12rem;
	--abstand-container: 2rem;

}

html,
body {
	margin: 0;
	padding: 0;
		font-size: 22px;
	line-height: 1.3;
	font-weight: 400;


}

body {
	font-family: 'Instrument Sans', sans-serif;
	background: #fff;
	color: #111;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	text-rendering: optimizeLegibility;


}
a{
	color: currentColor;
	text-decoration: none;
}

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

figure{
	margin: 0;
}
.sektion {
	padding-top: 2rem;
	padding-bottom: 2rem;

		background: #F3E7F1;
}

h3{
	font-weight: 600;
	font-size: 1.1rem;
}


footer{	padding-top: 2rem;
	padding-bottom: 2rem;

	font-size: 0.8rem;
}

footer a{
	display: block;
	padding: 0.25rem 0;
}

footer a:hover{
	text-decoration: underline;
}

.sektion__titel {

	margin: 0 auto;

	padding-bottom: 2rem;

	font-size: 1.9rem;
	/* line-height: .95; */
	font-weight: 400;
	max-width: var(--breite-text);

	margin-left: auto;
	margin-right: auto;


}



.sektion__inhalt > p {

	max-width: var(--breite-text);

	margin-left: auto;
	margin-right: auto;

}


.sektion__inhalt .text-highlight {

	max-width: var(--breite-gross);

	margin: 5rem auto;

	font-size: clamp(2.5rem, 4vw, 4.5rem);

	line-height: 1.25;

	text-align: center;
	
		  text-wrap: balance;


}


.sektion__inhalt .text-statement{
			margin: 5rem auto;


}


.sektion__inhalt .text-kern{
	text-align: center;
		max-width: var(--breite-gross);

	margin: 5rem auto;

	font-size: clamp(2.5rem, 4vw, 4.5rem);

	line-height: 1.1;
	
	  text-wrap: balance;

}


.sektion__marke {

	position: sticky;

	top: 1rem;
padding-left: 1rem;
	font-size: 0.9rem;

		opacity: 0;

		max-width: 20vw;

	

	transition: opacity .3s ease;

	pointer-events: none;
}
.sektion__marke.ist-sichtbar {
	opacity: 1;
}



.sektion--gruen{
	background-color: #31453c;
color: white;

}

.sektion--gruen-2{
	background-color: #31453c;
color: white;

}

.sektion--blau{
	background-color: #275b5b;
	color: white;

}

/*  */

.sektion--rose {
	background-color: #c9b1ab;
	color: #2e2a28;
}

.sektion--sand {
	background-color: #d9d0c4;
	color: #31453c;
}

.sektion--erde {
	background-color: #4a3d35;
	color: white;
}

.sektion--aubergine {
	background-color: #4a3648;
	color: white;
}

.sektion--terrakotta {
	background-color: #8c4f32;
	color: white;
}

.sektion--rost {
	background-color: #7a442d;
	color: white;
}

.sektion--ocker {
	background-color: #806a2f;
	color: white;
}

.sektion--anthrazit {
	background-color: #2f3332;
	color: white;
}

.sektion--rot {
	background-color: #a82147;
	color: white;
}

/* 
zitat */

.sektion:not(.sektion--stimmen) .zitat {
	margin-top: 2rem;
	margin-left: 2rem;
	margin-right: 2rem;
	margin-bottom: 0;
 border-top: 1px solid white;
 padding-top: 4rem;
}

.sektion__inhalt .zitat{
	

 font-family: 'EB Garamond', sans-serif;

    
    min-height: 33vh;
    padding-top: 3rem;
    
    
    font-size: 1.65rem;
    line-height: 1.2;


}


.ziele{
	max-width: var(--breite-text);
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 3rem;
	
}

.ziele li{
	margin: 1rem;
	
}


.zitat {
	position: relative;
	z-index: 1;
}

/* .zitat::after {

	content: '';

	position: absolute;

	inset: 0;

	left: calc((100vw - 100%) / -2);
	right: calc((100vw - 100%) / -2);

	background: white;

	z-index: -1;
} */

.sektion__inhalt .zitat blockquote{
	font-style: italic
}

.sektion__inhalt .zitat figcaption{
    font-size: 1.65rem;
    line-height: 1.2;
	margin-top: 2rem;

	font-style: normal;
}

.sektion__inhalt .zitat *{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;

	max-width: var(--breite-gross);
}



/* 
zweispaltig */
.sektion--zweispaltig{
	padding-left: 2rem;
	padding-right: 2rem;
}

.sektion--zweispaltig .sektion__titel{
	max-width: none;
}

.sektion--zweispaltig .sektion__inhalt {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	    justify-content: space-between;

}


 .text-wissen{
    margin: 2rem auto;
    font-size: inherit;
    line-height: inherit;

	padding-left: 2rem;
	border-left: 1px solid currentColor;
	padding-right: 10%;

}



.spalte p:first-of-type{
	margin-top: 0;
}	

/* banner */









.mehr-erfahren{
	color: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
	    font-weight: 400;
    font-size: .75rem;
	
}


.mehr-erfahren a{
	opacity: 0.7;
}

.mehr-erfahren a:hover{
	opacity: 1;
}


/* ----------------------------------------
   Modul und auf einen Blick
---------------------------------------- */

.sektion--auf-einen-blick,
.sektion--module{
	padding-left: 2rem;
	padding-right: 2rem;
}

.sektion--auf-einen-blick .sektion__titel,
.sektion--module .sektion__titel{
	max-width: none;
}


.modul {
	border-top: 1px solid currentColor;
	padding-top: 2rem;
}

.modul__titel {
	margin: 0;
	font-size: .9rem;
}

.modul p {
	max-width: 38ch;
	margin-left: 0;
}

.modul__liste {
	margin: 0;
	padding-left: 1.25rem;

	max-width: 39ch;

	font-size: .8rem;
}

.modul__punkt + .modul__punkt {
	margin-top: .5rem;
}



.modul__bild {

	width: 7rem;
	aspect-ratio: 1;

	border-radius: 50%;

	overflow: hidden;

	flex-shrink: 0;
	
	margin-bottom: 2rem;

}

.modul__bild img {

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

}

/* ----------------------------------------
   Toggle
---------------------------------------- */

.modul__toggle {

	display: flex;
	align-items: center;
	gap: .5rem;

	margin-bottom: .75rem;
	padding: 0;

	border: 0;
	background: none;

	color: inherit;
	font: inherit;
	font-size: .8rem;

	cursor: pointer;
}


/* ----------------------------------------
   Icon
---------------------------------------- */

.modul__toggle-icon {

	position: relative;

	width: .5rem;
	height: .5rem;

	margin-right: .25rem;
}

.modul__toggle-icon::before,
.modul__toggle-icon::after {

	content: '';

	position: absolute;

	left: 50%;
	top: 50%;

	background: currentColor;

	transform: translate(-50%, -50%);
}

.modul__toggle-icon::before {

	width: 15px;
	height: 1px;
}

.modul__toggle-icon::after {

	width: 1px;
	height: 15px;

	transition: opacity .3s ease;
}

.modul.ist-offen .modul__toggle-icon::after {
	opacity: 0;
}


/* ----------------------------------------
   Accordion
---------------------------------------- */

.modul__details {

	max-height: 0;

	overflow: hidden;

	opacity: 0;

	transition:
		max-height .6s ease,
		opacity .4s ease;
}

.modul.ist-offen .modul__details {

	max-height: 1000px;

	opacity: 1;
}

.modul__details-inner {

	transform: translateY(-1rem);

	opacity: 0;

	transition:
		transform .4s ease,
		opacity .4s ease;
}

.modul.ist-offen .modul__details-inner {

	transform: translateY(0);

	opacity: 1;
}


/* ----------------------------------------
   Module Sektion
---------------------------------------- */

@media (min-width: 900px) {

	.sektion--auf-einen-blick .sektion__inhalt,
	.sektion--module .sektion__inhalt {

		display: grid;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 4rem;

		align-items: start;
	}

.sektion--auf-einen-blick .cta,

	.sektion--module .cta {

		grid-column: 1 / -1;

		justify-self: center;
	}
}

@media (max-width: 899px) {

		.sektion--auf-einen-blick .sektion__inhalt,
	.sektion--module .sektion__inhalt {

		display: flex;

		flex-direction: column;

		gap: 2rem;
	}
}





/* ----------------------------------------
   Hero
---------------------------------------- */

.hero {

	position: relative;

	min-height: 100svh;

	display: flex;

	flex-direction: column;

	align-items: stretch;

	overflow: hidden;

	isolation: isolate;
}

.hero__bilder {

	position: absolute;

	inset: 0;

	display: grid;

	grid-template-columns: 1fr 1fr;
}

.hero__bild {

	overflow: hidden;
}

.hero__bild img {

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: 50% 60%;
}

.hero__inhalt {

	position: relative;

	z-index: 2;

	/* width: min(90vw, 1400px); */

		width: var(--breite-gross);

	/* margin: 2rem auto; */

	margin: auto;

	display: flex;
	flex-direction: column;
	justify-content: center;

	/* padding: 2rem; */
}

.hero__eyebrow {

	margin: 2rem;

	width: var(--breite-gross);

	display: block;

	margin-left: auto;
	margin-right: auto;

	margin-bottom: 8rem;

	z-index: 11;
}

.hero__titel {

	
	margin: 0;

	color: white;

	font-size: clamp(
		3.5rem,
		6vw,
		8rem
	);

	line-height: 1.2;

	font-weight: 300;
}

.hero .cta {

	margin-top: 5rem;

	align-self: center;
}


/* h3 */

.sektion--garantie h3{
	width: var(--breite-text);
	margin-left: auto;
	margin-right: auto;
}


/* 
stimmen */

.sektion--stimmen {
padding-left: 2rem;
    padding-right: 2rem;

}


.sektion--stimmen .sektion__titel{
	max-width: none;
	
}

.sektion--stimmen .zitat{
	border-bottom: 1px solid currentColor;
	padding-top: 2rem;
	padding-bottom: 2rem;
}









.sektion--module h3 {
	position: relative;

	padding-left: 2rem;
}




.sektion--module h3::after {
	content: '';
	position: absolute;
	left: 0.5rem;
	top: 50%;

	width: .35rem;
	height: .35rem;

	border-radius: 50%;
	background: white

	transform: translateY(-50%);

	box-shadow:
		0 0 0 .15rem rgb(from white r g b / .7),
		0 0 .6rem rgb(from white r g b / .6),
		0 0 1.2rem rgb(from white	 r g b / .5);

	animation: pulsieren 2s ease-in-out infinite;

	will-change: transform;
}
@keyframes pulsieren {
	0%, 100% {
		transform: translateY(-50%) scale(1);
	}

	50% {
		transform: translateY(-50%) scale(1.25);
	}
}



/* faq */

.faq h3 {

	display: flex;
	align-items: center;
	justify-content: space-between;

	cursor: pointer;
}


.faq__icon {

	position: relative;

	width: .75rem;
	height: .75rem;

	flex-shrink: 0;

	margin-left: 1rem;
}

.faq__icon::before,
.faq__icon::after {

	content: '';

	position: absolute;

	left: 50%;
	top: 50%;

	background: currentColor;

	transform:
		translate(-50%, -50%);
}

.faq__icon::before {

	width: 15px;
	height: 1px;
}


.faq__icon::after {

	width: 1px;
	height: 15px;

	transition:
		opacity .3s ease;
}


.faq.ist-offen
.faq__icon::after {

	opacity: 0;
}



.faq__details {

	max-height: 0;

	overflow: hidden;

	opacity: 0;

	transition:
		max-height .6s ease,
		opacity .4s ease;
}

.faq.ist-offen .faq__details {

	max-height: 1000px;

	opacity: 1;
}

.faq__details-inner {

	transform: translateY(-1rem);

	opacity: 0;

	transition:
		transform .4s ease,
		opacity .4s ease;
}

.faq.ist-offen .faq__details-inner {

	transform: translateY(0);

	opacity: 1;
}

.faq{
	max-width: var(--breite-text);
	margin-left: auto;
	margin-right: auto;
}


.faq h3{
	cursor: pointer;
	margin-bottom: 0.5rem;

}


.faq a{
	text-decoration: underline;
}

/* banner */


/* ----------------------------------------
   Banner
---------------------------------------- */

.banner {

	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	min-height:66vh;

	padding: 4rem;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	overflow: hidden;
}




/* ----------------------------------------
   Inhalt
---------------------------------------- */

.banner__inhalt {

	position: relative;
	z-index: 2;

	width: min(90vw, 1200px);

	display: flex;
	flex-direction: column;
	align-items: center;
}


/* ----------------------------------------
   Claim
---------------------------------------- */

.banner__claim {

	margin: 0;

	color: white;

	font-size: clamp(
		3rem,
		5vw,
		5rem
	);

	font-weight: 300;


	max-width: 22ch;

	align-self: flex-start;
}


.sektion--vision .zitat{
	border-bottom: 1px solid currentcolor;
	padding-bottom: 3rem;
	margin-bottom: 3rem!important;
}

/* Preise */

.preise{
	margin-top: 2rem;
	margin-bottom: 2rem;
	max-width: var(--breite-gross);
	margin-left: auto;
	margin-right: auto;
	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem;
}

.preis{
	border: 1px solid rgba(255, 255, 255, 0.79);
	border-radius: 1rem;
	padding: 1rem;
	padding-top: 0.2rem;
	

    
        background: #F3E7F1;
    color: #a82147;
    
}

.preis__label{
	margin-bottom: 0.5rem;
}


.preis__steuer{
	font-size: 0.8rem;
}

.preis__wert{
	margin: 0;
	font-size: 2rem;
	
	
}

.preis--highlight .preis__wert{
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: -0.1rem;
	line-height: 0.9;
}

.alter-preis{
		font-weight: 600;

}

.preis p:last-of-type{
	margin-bottom: 0;
}
/* ----------------------------------------
   CTA
---------------------------------------- */

.banner .cta {

	margin-top: 8rem;

	text-align: center;
}

.banner .cta__hinweis {

	margin-top: 1rem;

	color: white;

	opacity: .9;
}




.cta {
	margin-top: 3rem;
	margin-bottom: 3rem;

	display: flex;
	flex-direction: column;
	align-items: center;
}

.cta__link {

	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 18rem;

	padding: 0.5rem 0.75rem;

	border-radius: 1rem;

	color: white;

	text-decoration: none;

	font-size: 0.9rem;
	font-weight: 500;

/* background: #f5f2f4ea;  */

background-color: rgba(168, 34, 73, 0.91);
/* 		border: 1px solid #f5f2f4ea; */




	transition:
		transform .3s ease,
		background-color .3s ease,
		box-shadow .3s ease;
}


.sektion--blau .cta__link,
.sektion--aubergine .cta__link {
	
			background: #f5f2f4ea;
	color: black;
}




.banner .cta__link,
.hero .cta__link,
.sektion--rot .cta__link {
	
			background: #f5f2f4ea;
	color: black;
}




.cta__link:hover {

	transform: translateY(-2px);


	box-shadow:
		0 10px 30px rgba(0,0,0,.5);
}


/*
.banner .cta__link:hover,
.hero .cta__link:hover,
.sektion--rot .cta__link:hover {
color:white

}
*/



.cta__link:active {

	transform: translateY(0);
}

.cta__hinweis {

	margin-top: 1rem;
	font-weight: 400;

	font-size: .75rem;

	line-height: 1.4;

	color: rgba(255,255,255,.9);

	text-align: center;
}


.cta__hinweis-link {

	color: inherit;
	text-decoration: none;

	border-bottom: 1px solid currentColor;

	transition: opacity .2s ease;
	
	opacity: 0.7;

}

.cta__hinweis-link:hover {

	opacity: 1;

}






.navigation{
	display: none!important;
}

.navigation button{
	background: none;
}

.navigation {

	position: fixed;

	top: 1rem;
	right: 1rem;

	z-index: 1000;
}
.navigation__toggle {

	display: flex;
	align-items: center;
	gap: .5rem;

	padding: .75rem 1rem;

	border: 0;



	cursor: pointer;

	position: relative;
	z-index: 9999;
}
.navigation__overlay {

	position: fixed;

	inset: 0;

	background: #2f3332d6;

	z-index: 1000;


	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

	opacity: 0;
	backdrop-filter:
		blur(10px)
		saturate(120%);

	-webkit-backdrop-filter:
		blur(10px)
		saturate(120%);

		transition:
		opacity .3s ease,
		backdrop-filter .3s ease;
}


.navigation.ist-offen
.navigation__overlay {

	opacity: 1;
}

.navigation__inner {

	width: min(
		90vw,
		50rem
	);

	margin: auto;

	padding: 4rem;
}
.navigation__liste {

	list-style: none;

	margin: 0;
	padding: 0;
}

.navigation__link {

	display: block;

	padding: .5rem 0;

	color: white;

	text-decoration: none;

	font-size: clamp(
		1.25rem,
		2vw,
		2rem
	);

	opacity: .6;

	transition: opacity .2s ease;
}

.navigation__link:hover,
.navigation__link.ist-aktiv {

	opacity: 1;
}


.navigation-offen {

	overflow: hidden;
}



.navigation__schliessen {

	position: fixed;

	top: 1rem;
	right: 1rem;

	z-index: 1002;
}





.navigation__icon {

	position: relative;

	width: 1.25rem;
	height: 1rem;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	flex-shrink: 0;

	
}

.navigation__icon span {

	display: block;

	height: 1px;

	background: currentColor;

	transform-origin: center;

	transition:
		transform .3s ease,
		opacity .3s ease;
}
.navigation.ist-offen
.navigation__icon span:nth-child(1) {

	transform:
		translateY(7px)
		rotate(45deg);
}



.navigation.ist-offen
.navigation__icon span:nth-child(2) {

	opacity: 0;
}

.navigation.ist-offen
.navigation__icon span:nth-child(3) {

	transform:
		translateY(-7px)
		rotate(-45deg);
}



@media (max-width: 1200px) {
	.sektion__marke {
		display: none;
	}

}

@media (max-width: 900px) {



	html,
	body {
		font-size: 16px;
	}

	:root {

		--breite-text: 100%;
		--breite-gross: 100%;

			--abstand-container: 1rem;
	}

	.sektion {

		padding:
			2rem
			var(--abstand-container);
	}

	

	.sektion__marke {
		display: none;
	}

	/* ----------------------------------------
	   Hero
	---------------------------------------- */

	.hero{
		    justify-content: space-around;
	}

	.hero__bilder {

		grid-template-columns: 1fr;
	}

	.hero__bild:last-child {

		display: none;
	}

	.hero__inhalt {

		width: 100%;

		padding: 1rem;
	}

	.hero__eyebrow {

		width: 100%;

		margin-bottom: 4rem;
		z-index: 111;
		padding: 1rem;
		margin-top: 0;
		margin-bottom: auto;
	}

	.hero__titel {

		font-size: clamp(
			2.5rem,
			10vw,
			4rem
		);

		max-width: 12ch;
	}

	/* ----------------------------------------
	   Zweispalter
	---------------------------------------- */

	.sektion--zweispaltig .sektion__inhalt {

		grid-template-columns: 1fr;

		gap: 2rem;
	}

	.text-wissen {

		padding-right: 0;
	}

	/* ----------------------------------------
	   Banner
	---------------------------------------- */

	.banner {

		min-height: 80svh;

		padding: 2rem;
	}

	.banner__claim {

		font-size: clamp(
			2rem,
			8vw,
			3rem
		);

		max-width: 12ch;
	}

	.banner .cta {

		margin-top: 4rem;
	}

	/* ----------------------------------------
	   CTA
	---------------------------------------- */

	.cta__link {

		width: 100%;

		max-width: 22rem;

		min-width: 0;
	}

	/* ----------------------------------------
	   Module
	---------------------------------------- */

	.modul p,
	.modul__liste {

		max-width: none;
	}


	.sektion__titel{
		font-size: 1.7rem;
	}


.sektion__inhalt .text-highlight{
	text-align: left;

	font-size: 1.5rem;

	margin: 2rem auto;
}

.sektion__inhalt .text-kern{
	text-align: left;

	font-size: 1.5rem;

	margin: 2rem auto;
}

.sektion__inhalt .text-statement{
		margin: 2rem auto;

}

.sektion:not(.sektion--stimmen) .zitat {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    border-top: 1px solid white;
    padding-top: 2rem;
}


.sektion__inhalt .zitat{
	min-height: auto;
}


.preise {

		display: flex;
		flex-direction: column;
		align-items: center;

		gap: 1rem;
	}


	.preis {

		width: 85%;

		max-width: 20rem;

		text-align: center;
	}
	
	
		.preis--highlight {

		width: 100%;

		max-width: 32rem;

	}




}