.banner img {
	width: 100%;
	height: auto;
}
.wp {
	padding-top: 143px;
}
.wp h1 {
	font-family: 'Ubuntu';
	font-weight: bold;
	font-size: 4.5rem;
	line-height: 4.5rem;
	padding-bottom: 40px;
}
.wp h1 strong {
	color: #49b1c6;
}
.wds h4,
.wds h3,
.wrapper_td h3,
.zwei_spalter h3,
.wp h2 {
	font-family: 'Ubuntu';
	font-weight: bold;
	font-size: 3.5rem;
	line-height: 4rem;
	padding-bottom: 50px;
}
.wds h4 strong,
.wds h3 strong,
.wrapper_td h3 strong,
.zwei_spalter h3 strong,
.wp h2 strong {
	color: #49b1c6;
}
.wp_wrapper {
    display: flex;
    align-items: center; /* DAS ist die vertikale Zentrierung */
    gap: 90px;           /* Abstand zwischen Text und Preis */
}
.wp_text {
	max-width: 500px;        /* feste Wunschbreite */
    
}
.wp_preis {
    flex: 1;
    text-align: left;
    font-family: 'Ubuntu';
	font-weight: bold;
	font-size: 5rem;
	line-height: 5rem;
	white-space: nowrap;
}
.bp {
	font-size: 3rem;
	line-height: 3rem;
	color: #49b1c6;
	padding-bottom: 10px;
}
.bp sup {
	font-size: 1.5rem;
	vertical-align: super; /* wichtig */
    position: relative;
    top: -0.3em;      
}
.wp_ben_wrapper {
    display: flex;
    align-items: center; /* DAS ist die vertikale Zentrierung */
    gap: 90px;           /* Abstand zwischen Text und Preis */
    padding-top: 40px;
}
.wp_beneteau_logo {
	min-width: 500px;
	text-align: center; 
}
.wp_beneteau_logo img {
  width: 350px;
  height: auto;
}
.wp_buttons {
    flex: 1;
    text-align: left;
    font-family: 'Ubuntu';
}
.wp_button {
	
}
.btn_pink_y {
	font-weight: 300;
	font-size: 1.1em;
	background: #FE05DF;
	border-radius: 0px;
	color: White;
	font-family: 'Ubuntu';
	transition: all 0.5s ease 0s;
	padding: 16px 22px;
	width: 300px;
	margin: 2px 0;
}
.btn_pink_y:hover {
	background: #30304A;
	color: White;
}

.image-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;                 /* KEIN Abstand */
	padding: 120px 0 0;
}
.image-grid a {
	display: block;
	overflow: hidden; /* wichtig für Zoom */
}
.image-grid img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 4 / 3;
	transition: transform 0.35s ease;
	will-change: transform;
}

/* Hover-Zoom */
.image-grid a:hover img {
	transform: scale(1.08);
}

/* Jede Kachel */
.image-grid__item {
	overflow: hidden;
}

/* Bild: füllt die Zelle, behält "Cover"-Look */
.image-grid__img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;   /* sorgt für einheitliche Kachelhöhe */
	object-fit: cover;     /* schneidet ggf. zu, ohne Verzerrung */
	display: block;        /* verhindert kleine Lücken unter Bildern */
}
.zwei_spalter {
	padding: 145px 0 135px;
}
.zwei_spalter h3 {
	text-align: center;
}
.text_grid_zwei_spalter {
	margin: 0 auto;           /* zentriert */
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 50px;        /* exakt 100px Abstand */
}
.text_grid_zwei_spalter > div {

}
.wrapper_video_out {
	background: #49b1c6;
	padding: 150px 0;
}
.video-wrapper {
	width: 100%;
	aspect-ratio: 16 / 9;   /* Standard YouTube */
	position: relative;
}
.video-wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.wrapper_td {
	margin: 0 auto; 
	max-width: 1000px; 
	width: 90%;
	padding: 145px 0;
}
.wrapper_td h3 {
	text-align: center;
	padding-bottom: 70px;
}
.statistik_grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	row-gap: 60px;
	text-align: center;
}

.statistik_card {
/*
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.12);
*/
}

.statistik_icon {
	width: 100px;
	height: auto;
	margin-bottom: 7px;
}

.statistik_label {
	margin: 0 0 5px 0;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 500;
}

.statistik_value {
	margin: 0;
	font-size: 1.3em;
	line-height: 1.1;
}
.wrapper_dl {
	display: flex;
	align-items: center;        /* vertikal zentriert */
	justify-content: center;    /* horizontal in der Mitte */
	gap: 16px;                  /* Abstand zwischen Text & Icon */
	padding-top: 100px;
}

.dl_text {
	text-align: right;          /* optional – je nach Geschmack */
	font-size: 1.2em;
	line-height: 1.3em;
}
.dl_text strong {
	color: #fb25dd;
	font-family: 'Ubuntu';
	font-weight: 700;
	font-size: 1.5em;
}
.dl_icon {
	display: flex;
	align-items: center;
}
.dl_icon img {
	width: 100px;
	height: auto;
}
.wrapper_zitat_out {
	background: #49b1c6;
	padding: 100px 0;
}
.wrapper_zitat_y {
  display: flex;
  align-items: center;      /* vertikal ausrichten */
  width: 100%;
  gap: 50px;                /* Abstand zwischen Bild und Text */
  color: White;
}
.zitat_y_bild {
  flex: 0 0 320px;          /* FIXE Breite */
}
.zitat_y_bild img {
  width: 320px;             /* feste Größe */
  height: auto;
  display: block;
}
.zitat_y_text {
	flex: 1;
	font-size: 2em;
	line-height: 1.5;
	font-style: italic;
}
.zitat_y_text strong {
	font-style: normal;
	font-weight: 700;
}
.zitat_y_text em,
.zitat_y_name {
	font-size: .5em;
	padding-top: 10px;
}
.slider {
	
}
.slider img {
	width: 100%;
	height: auto;
}
.wrapper_dreispalter {
	background: #fb25dd;
	padding: 150px 0;
	color: White;
}
.wrapper_ds_grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.wrapper_ds_item {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.wrapper_ds_item img {
	width: 100%;
	height: auto;
	display: block;
}
.wrapper_ds_text {
	margin-top: 12px;
	font-size: 1.3em;
	line-height: 1.4em;
}
.wrapper_ds_button {
	margin-top: auto;          /* Button immer unten */
	padding-top: 16px;
}
.wrapper_ds_button a {
	display: block;
	text-decoration: none;
	width: 100%;
}
.btn_ds {
	border: 1px solid white;
	width: 100%;
}
.wds {
	padding: 145px 0 150px;
}
.wds h4 {
	padding-bottom: 0px;
	font-size: 1.5em;
}
.wrapper_dz_grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 32px;
}
.wrapper_dz_item {
	display: grid;
	grid-template-columns: 1fr 1fr; /* 50 / 50 */
	column-gap: 50px;               /* fester Abstand */
	align-items: stretch;
}
.wrapper_dz_image {
	height: 100%;
	overflow: hidden;
}
.wrapper_dz_image img {
	width: 100%;
  height: 100%;                  /* 🔑 statt auto */
  object-fit: cover;             /* 🔑 */
  display: block;
}
.wrapper_dz_content {
	display: flex;
	flex-direction: column;
}
.wrapper_dz_content h3 {
	margin: 0 0 8px 0;
}
.wrapper_dz_content p {
	margin: 0 0 16px 0;
	line-height: 1.6;
}
.wrapper_stern {
	background: #49b1c6;
	padding: 70px 0;
	color: White;
}
@media only screen and (max-width: 980px) {
	.wp_text {
		max-width: 50%;
	}
	.wp_beneteau_logo {
		min-width: 50%;
	}
}
@media only screen and (max-width: 920px) {
	.wrapper_ds_text {
		font-size: 1em;
	}
}
@media only screen and (max-width: 820px) {
	.wp {
	  	padding-top: 63px;
	}
	.wp h1 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	.wds h4,
	.wds h3,
	.wrapper_td h3,
	.zwei_spalter h3,
	.wp h2 {
		font-size: 2.5rem;
		line-height: 3.5rem;
		padding-bottom: 20px;
	}
	.wp_wrapper {
	    display: block;
	}
	.wp_text {
		max-width: 100%;
	}
	.wp_preis {
	    text-align: center;
	    padding-top: 50px;
	    padding-bottom: 20px;
	}
	.wp_beneteau_logo {
		min-width: inherit;
		width: 50%;
	}
	.wp_beneteau_logo img {
	  	width: 100%;
	}
	.image-grid {
		padding: 43px 0 0;
	}
	.zwei_spalter {
		padding: 65px 0 55px;
	}
	.zwei_spalter h3 {
		text-align: left;
	}
	.text_grid_zwei_spalter {
		display: block;
	}
	.wrapper_video_out {
		padding: 70px 0;
	}
	.wrapper_td {
		padding: 65px 0;
	}
	.wrapper_td h3 {
		padding-bottom: 50px;
	}
	.statistik_icon {
		width: 80px;
	}
	.statistik_label {
		font-size: 1em;
	}
	.statistik_value {
		font-size: 1em;
	}
	.wrapper_zitat_out {
		padding: 70px 0;
	}
	.zitat_y_text {
		font-size: 1.5em;
		line-height: 1.5em;
	}
	.zitat_y_name {
		font-size: .7em;
	}
	.wrapper_dreispalter {
		padding: 70px 0;
	}
	.wds {
		padding: 65px 0 70px;
	}
	.wds h4 {
		padding-bottom: 7px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
}
@media only screen and (max-width: 740px) {
	.image-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.wrapper_ds_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
		row-gap: 40px;
	}
	.wrapper_dz_grid {
		row-gap: 50px;
	}
	.wrapper_dz_item {
		display: block;
	}
	.wrapper_dz_image {
		height: inherit;
		padding-bottom: 20px;
	}
	.wrapper_dz_image img {
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 700px) {
	.wp_ben_wrapper {
	    gap: 40px;
	}
}
@media only screen and (max-width: 680px) {
	.wrapper_zitat_y {
		display: block;
		text-align: center;
	}
	.zitat_y_bild {
	  	flex: inherit;
	  	padding-bottom: 20px;
	}
	.zitat_y_bild img {
	  	width: 320px;
	  	display: inline;
	}
}
@media only screen and (max-width: 640px) {
	.statistik_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 0px;
		row-gap: 40px;
	}
	.wrapper_dl {
		padding-top: 50px;
	}
	.dl_text {
		font-size: .8em;
	}
	.dl_icon img {
		width: 60px;
	}
	.wrapper_td h3 br {
		display: none;
	}
}
@media only screen and (max-width: 550px) {
	.wp {
	  	padding-top: 43px;
	}
	.wp h1 {
		font-size: 3rem;
		line-height: 3rem;
		padding-bottom: 20px;
	}
	.wds h4,
	.wds h3,
	.wrapper_td h3,
	.zwei_spalter h3,
	.wp h2 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.wp_ben_wrapper {
	    display: block;
	}
	.wp_beneteau_logo {
		margin: 0 auto;
	}
	.wp_buttons {
	    text-align: center;
	    padding-top: 40px;
	}
	.wp_ben_wrapper {
	    padding-top: 10px;
	}
	.image-grid {
		padding: 50px 0 0;
	}
	.image-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.zwei_spalter {
		padding: 45px 0 35px;
	}
	.wrapper_video_out {
		padding: 50px 0;
	}
	.wrapper_td {
		padding: 45px 0;
	}
	.wrapper_zitat_out {
		padding: 50px 0 36px;
	}
	.wrapper_dreispalter {
		padding: 50px 0;
	}
	.wrapper_ds_grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 24px;
		row-gap: 50px;
	}
	.wrapper_ds_button {
		padding-top: 5px;
	}
	.wds {
		padding: 45px 0 50px;
	}
	.wrapper_stern {
		padding: 45px 0;
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 440px) {
	.wp_preis {
		font-size: 4rem;
		line-height: 4rem;
		white-space: nowrap;
	}
	.bp {
		font-size: 2rem;
		line-height: 2rem;
		padding-bottom: 0;
	}
	.btn_pink_y {
		width: 100%;
	}
}