/* poppins-latin-100-italic*/
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 100;
	src: url('poppins-fonts/poppins-latin-100-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-100-italic.woff') format('woff');
	
  }
  /* poppins-latin-100-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 100;
	src: url('poppins-fonts/poppins-latin-100-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-100-normal.woff') format('woff');
	
  }
  /* poppins-latin-200-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 200;
	src: url('poppins-fonts/poppins-latin-200-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-200-italic.woff') format('woff');
	
  }
  /* poppins-latin-200-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 200;
	src: url('poppins-fonts/poppins-latin-200-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-200-normal.woff') format('woff');
	
  }
  /* poppins-latin-300-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 300;
	src: url('poppins-fonts/poppins-latin-300-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-300-italic.woff') format('woff');
	
  }
  /* poppins-latin-300-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 300;
	src: url('poppins-fonts/poppins-latin-300-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-300-normal.woff') format('woff');
	
  }
  /* poppins-latin-400-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 400;
	src: url('poppins-fonts/poppins-latin-400-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-400-italic.woff') format('woff');
	
  }
  /* poppins-latin-400-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url('poppins-fonts/poppins-latin-400-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-400-normal.woff') format('woff');
	
  }
  /* poppins-latin-500-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 500;
	src: url('poppins-fonts/poppins-latin-500-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-500-italic.woff') format('woff');
	
  }
  /* poppins-latin-500-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 500;
	src: url('poppins-fonts/poppins-latin-500-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-500-normal.woff') format('woff');
	
  }
  /* poppins-latin-600-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 600;
	src: url('poppins-fonts/poppins-latin-600-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-600-italic.woff') format('woff');
	
  }
  /* poppins-latin-600-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 600;
	src: url('poppins-fonts/poppins-latin-600-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-600-normal.woff') format('woff');
	
  }
  /* poppins-latin-700-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 700;
	src: url('poppins-fonts/poppins-latin-700-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-700-italic.woff') format('woff');
	
  }
  /* poppins-latin-700-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 700;
	src: url('poppins-fonts/poppins-latin-700-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-700-normal.woff') format('woff');
	
  }
  /* poppins-latin-800-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 800;
	src: url('poppins-fonts/poppins-latin-800-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-800-italic.woff') format('woff');
	
  }
  /* poppins-latin-800-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 800;
	src: url('poppins-fonts/poppins-latin-800-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-800-normal.woff') format('woff');
	
  }
  /* poppins-latin-900-italic*/
  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-display: swap;
	font-weight: 900;
	src: url('poppins-fonts/poppins-latin-900-italic.woff2') format('woff2'), url('poppins-fonts/poppins-latin-900-italic.woff') format('woff');
	
  }
  /* poppins-latin-900-normal*/
  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 900;
	src: url('poppins-fonts/poppins-latin-900-normal.woff2') format('woff2'), url('poppins-fonts/poppins-latin-900-normal.woff') format('woff');
	
  }

  body {
	font-family: 'Poppins', sans-serif;
  }


/* dS Helper */

/* reset resets */
emv-paragraph .paragraph-container ul {
	padding-left: 1em;

	li {
		list-style-type: initial;
		list-style-position: inside;
	}
}

/* alignments */
.ds-centered,
.ds-centered * {
	display: block;
	margin: 0 auto;
}

/* widths */
.ds-width-85px {
	width: 85px;
}

*[class^='ds-scale-down'] img {
	object-fit: scale-down !important;
}

.ds-scale-down-25 img {
	width: 25% !important;
}

.ds-scale-down-50 img {
	width: 50% !important;
}

.ds-scale-down-75 img {
	width: 75% !important;
}

.ds-scale-down-33 img {
	width: calc(1 / 3 * 100%) !important;
}

.ds-scale-down-67 img {
	width: calc(2 / 3 * 100%) !important;
}

.ds-add-icon-arrow-right {
	a,
	button {
		&::after {
			content: '\1F806';
			margin-left: 0.25rem;
		}
	}
}

/* hero image style */
.ds-hero-image picture img {
	width: 100% !important;
	object-fit: cover;
	object-position: center;
	max-height: 30rem;
}

/* overlapping columns */
@media (min-width: 1200px) {
	.row:has(.is-overlapping) {
		position: relative;
		&:has(.is-overlapping.left) {
			flex-direction: row-reverse;
		}

		.col-md-6.col-sm-12.col-12:has(.is-overlapping) {
			position: absolute;
			top: 50%;
			padding: 0;
			transform: translateX(75%) translateY(-50%);
		}

		.col-md-6.col-sm-12.col-12:has(.is-overlapping.right) {
			transform: translateX(75%) translateY(-50%);
		}

		.col-md-6.col-sm-12.col-12:has(.is-overlapping.left) {
			transform: translateX(-75%) translateY(-50%);
			z-index: 1;
		}

		.paragraph-container.is-overlapping {
			padding: 40px;
			* {
				margin-bottom: 0;
			}
		}
	}
}

/* cta button row handle also tablet viewport */

cx-page-slot:has(.ds-cta-button-row) {
	gap: 1rem;
}

@media (min-width: 796px) {
	cx-page-slot:has(.ds-cta-button-row) {
		gap: 1.875rem;

		emv-button {
			width: 100%;
			max-width: 350px !important;
			flex: initial;
		}
	}
}


/*Anpassung Größe Logo*/

.SiteLogo {
	flex: 0 0 120px !important;
}
/* Anpassung Navigation */

.NavigationsBar .emv-categories .nodeItem {
	max-width: 200px !important;
}

@media only screen and (max-width: 1398px) {
	.SearchBox {
		width: 8vw !important;
	}
}

/*Medium Devices*/
@media only screen and (min-width: 986.98px) and (max-width: 1113px) {
	cx-searchbox label {
		max-width: 400px !important;
		min-width: 500px !important;
		border: 1px solid #707070 !important;
		border-radius: 5px !important;
	}

	cx-searchbox {
		border-bottom: 0 !important;
	}
	cx-searchbox .results {
		top: 40px !important;
		left: 5px;
		width: 700px !important;
	}

	cx-searchbox label input {
		padding: 10px !important;
	}
	.NavigationBar emv-navigation-ui nav .wrapper {
		top: 180px;
	}
	}

	@media only screen and (min-width: 1114px) and (max-width: 1236px) {
		cx-searchbox label {
			max-width: 400px !important;
			min-width: 500px !important;
			border: 1px solid #707070 !important;
			border-radius: 5px !important;
		}

		emv-navigation-ui {
			gap: 25px !important;
		}
	
		cx-searchbox {
			border-bottom: 0 !important;
		}
		cx-searchbox .results {
			top: 40px !important;
			left: 5px;
			width: 700px !important;
		}
	
		cx-searchbox label input {
			padding: 10px !important;
		}
		.NavigationBar emv-navigation-ui nav .wrapper {
			top: 180px;
		}
		}