.header.is_fixed {
	border-bottom: solid 1px var(--color3);
}

.header .level1_container{
	justify-content: space-around;
}

.header .mainmenu {
	font-size: 1.1em;
	font-weight: 200;
	font-family: var(--headline_font_family);
	transition: all var(--effect_transition);
}

.header.is_fixed .mainmenu {
	font-weight: 300;
}

.hero h1 {
	font-style: italic;
	font-weight: normal;
}

h1, h2 {
	hyphens: none;
}

html div.row {
	overflow: visible;
}

html div.row.slide_row {
	overflow: hidden;
}

div.section div.row:has(h1:only-child) {
    padding-bottom: calc(0.5 * var(--padding));
}


svg.button {
	background: var(--color_main_creamy_2);
	padding: var(--line_height);
	/* border-radius: 50%; */
	clip-path: circle();
	overflow: visible;
	transition: all var(--effect_transition);
}

svg.button:hover {
	background: var(--color_main_creamy_3);
	scale: 1.2;
}

/* Row Slide */

.slide_row  {
    display: flex;
    /* gap: var(--gap); */
		gap:	0;
}

.slide_row .child {
    white-space: normal;
		display: flex;
    gap: var(--gap);
    width: min-content;
    max-width: min-content;
}

.slide_row .child img {
    height: 24em;
    width: auto;
}
.slide_row .child div.text {
    width: 40%;
    height: auto;
		hyphens: none;
}

html .slide .next, html .slide .prev {
	background-color: hsla(0,0%,100%,.5);
	backdrop-filter: blur(.5rem);
	aspect-ratio: 1/1;
	height: auto;
	border-radius: 50%;
}

html .slide .next {
	background-image: url("/core/template/icons/next.svg?color=hsl(204,100%,33%)");
}

html .slide .prev {
	background-image: url("/core/template/icons/prev.svg?color=hsl(204,100%,33%)");
}

.slide .dots span.active {
    background: hsl(203,100%,33%);
}

.slide .dots span {
    border: solid .1em hsl(203,100%,33%);
}

@media all and (max-width: 80rem) {
	.slide_row .child img {
		max-width: 28em;
		object-fit: cover;
	}
}

@media all and (max-width: 60rem) {
	.slide_row  {
	  /* gap: var(--padding); */
	}
	.slide_row .child img {
	    width: 100%;
	    height: fit-content;
			max-height: 40vh;
      object-fit: contain;
      object-position: left;
	}
	.slide_row .child {
		flex-direction: column;
    min-width: calc(100vw - var(--padding) - var(--padding));
    padding: var(--padding);
    box-sizing: border-box;
    padding-left: 0;
	}
	.slide_row .child div.text {
	    width: 100%;
	}
	html .slide .next, html .slide .prev {
		min-width: 3em;
	}
}

/* Grid mobile */

@media (max-width: 60rem) {
	.bestellung .column.span-8 {
	    grid-column: span 8 / auto;
	}
	.bestellung .column.span-4 {
	    grid-column: span 4 / auto;
	}

	.flip.row {
		display: flex;
		flex-direction: column-reverse;
	}
}


@media all and (min-width: 60rem) and  (max-width: 80rem) {
	.produkte.row {
		grid-template-columns: repeat(12, 1fr);
		grid-auto-flow: column;
		grid-template-rows: 1fr 1fr;
	}
}









.row.featured_1 .column.span-12 h3{
	/* font-style: italic;
	font-weight: normal;
	font-size: 1.5em; */
}

.row.featured_1 .column.span-12 p{
	/* color: var(--color3); */
}

.row.featured_3 {
	/* background: var(--color2); */

}

.row.featured_3 {
	/* padding-top: 1.5rem; */
}

.row.featured_3 h2 {
	/* background-color: var(--color3);
	position: relative;
	color: var(--color2);
	z-index: 2;
	margin-bottom: 3rem; */
}

.row.featured_3 h2:before {
	/* content: "";
	background-color: var(--color3);
	position: absolute;
	height: 100%;
	left: -1000px;
	right: -1000px;
	z-index: -1; */
}

.section.footer {
	/* background: white; */
	/* border-top: solid .5rem var(--color3); */
	/* padding-top: 3rem; */
}

.section.footer .row:not(.color3) *{
	/* color: var(--color3); */
}

.section.footer h2{
	/* margin: 0; */
}

.section.footer .row {
	/* padding-top: 0; */
	/* padding-bottom: 0; */
}

.section.footer .row.color3 {
	/* margin-top: 3rem; */
	/* box-shadow: 0 -.5rem 0 var(--color2), 0 -1rem 0 var(--color3); */
}

.footer .icons {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.section.footer .row .icons a{
	display: block;
	height: 2rem;
	width: 2rem;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	color: hsla(0,0%,0%,0);
	background-size: contain;
}

@media all and (min-width: 60rem) {
	.section.footer .row .icons a{
		margin-left: auto;
		margin-right: inherit;
	}
}

.section.footer .row .icons a:hover{
	opacity: .5;
}

.section.footer .icons p:nth-child(1) a{
	background-image:url("/core/template/icons/mail.svg?color=hsl(204,100%,34%)");
}

.section.footer .icons p:nth-child(2) a{
	background-image:url("/core/template/icons/phone.svg?color=hsl(204,100%,34%)");
}

.section.footer .icons p:nth-child(3) a{
	background-image:url("/core/template/icons/location.svg?color=hsl(204,100%,34%)");
}

.section.footer .level1_container{
	display: flex;
  flex-direction: row;
  justify-content: center;
}

@media all and (min-width: 60rem) {
	.section.footer .level1_container{
	  justify-content: flex-end;
	}
}

.section.footer .level1{
	display: block;
	padding-left: 1rem;
}

.buttons.button {
	display: inline-flex;
	margin-bottom: 1.5rem;
	margin-right: 1.5rem;
}

@media all and (min-width: 60rem) {
	.buttons.button {
		margin-bottom: inherit;
		margin-right: 1.5rem;
	}
}
.buttons.button a{
	padding-left: 1em;
	padding-right: 1em;
}