/*
 Theme Name:   zmr
 Description:  ZMR Theme
 Author:       WSB Werbeagentur
 Author URI:   https://wsb-werbeagentur.de/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  zmr
*/
/*----- FONTS -----*/
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v48-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v48-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* changa-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: 'Changa';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/changa-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*----- FONTS END -----*/
/*----- Elementor Vorgaben zurücksetzen -----*/
p {
	margin-block-end: 0;
}
.elementor-nav-menu__container a,
.elementor-button.elementor-button-link,
.elementor-location-footer a,
.elementor-heading-title a {
	text-decoration: none;
}
/*----- Header -----*/
.elementor-element-f6c0d79 .e-con-inner {
	padding: 1rem 0;
}
/*GWR-Logo*/
@media (min-width: 2500px) {
	.elementor-element-198f015 svg{
		max-width: 10vw;
	}
}

/*----- Startseite -----*/
/*Hero Höhe*/
.e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
	max-height: 75vh;
}
/*tipps und hinweise*/
.tipps-bottom {
	display: none;
}
.start-tipps:hover {
	.tipps-top {
		display: none;
	}
	.tipps-bottom {
		display: flex;
	}
}
/*flip cards*/
.startCard {
	perspective: 1000px;
	height: 25rem;
	.inner {
		position: relative;
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
		.front,
		.back {
			position: absolute;
			-webkit-backface-visibility: hidden; /* Safari */
			backface-visibility: hidden;
		}
		.back {
			transform: rotateY(180deg);
		}
	}
	&:hover .inner {
		transform: rotateY(180deg)
	}
}
/*Kalender*/
.kalender-loop {
	.seminar {
		p {
			width: fit-content;
			background: var( --e-global-color-9c90a6d );
			border-radius: 20px;
			padding: .25rem 1rem;
		}
	}
}
/*----- Formulare -----*/
.gform_wrapper  {
	display:flex;
	flex-direction: column-reverse;
	.gform_required_legend {
		margin-top: 2rem;
		font-family: 'Roboto';
		color: #225A35;
		.gfield_required_asterisk {
			color: #00A53E !important;
		}
	}
	/*Allgemein/Newsletter*/
	form {
		font-family: 'Roboto';
		input {
			border: none !important;
			box-shadow: none !important;
			border-radius: 0 !important;
			&::placeholder {
				color: #969696 !important;
			}
		}
		.gfield_required_asterisk,
		fieldset legend,
		.gfield_label {
			font-size: 1.063rem;
			font-weight: 700;
			color: #00A53E;
		}
		.gfield_consent_label {
			font-size: .875rem;
			color: #414141;
		}
		.gform_button {
			background: var( --e-global-color-accent ) !important;
			font-size: 1,25rem !important;
			font-weight: 700 !important;
		}
		.gform_heading{
			display: none;
		}
		input[type="checkbox"]::before {
			color: #00a53e;
		}
	}
}
/*Beratung, GWR, Veranstaltung*/
#gform_wrapper_2,
#gform_wrapper_3,
#gform_wrapper_4 {
	.gchoice {
		input {
			border: solid 2px #225A35 !important;
		}
		label {
			font-weight: 700;
			color: #235B36;
			font-size: 1.063rem;
		}
	}
	input {
		border: solid 2px #E6E6E6 !important;
	}
}
/*Veranstaltung Checkboxen*/
#gform_wrapper_4 #field_4_6{
		label {
			font-weight: 400;
		}
}

/*----- Lebensmittel Detail -----*/
.nav-three-arrow {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	&.one  {
		border-left: 60px solid #CBE1D4;	
	}
	&.two {
		border-left: 60px solid #68A57F;
	}
	&.three {
		border-left: 60px solid #04692A;
	}
}
.nav-four-arrow {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	&.one  {
		border-left: 60px solid #CBE1D4;	
	}
	&.two {
		border-left: 60px solid #9AC3A9;
	}
	&.three {
		border-left: 60px solid #358755;
	}
	&.four {
		border-left: 60px solid #04692A;
	}
}
.nav-five-arrow {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	&.one  {
		border-left: 60px solid #CBE1D4;	
	}
	&.two {
		border-left: 60px solid #9AC3A9;
	}
	&.three {
		border-left: 60px solid #67A57F;
	}
	&.four {
		border-left: 60px solid #358755;
	}
	&.five {
		border-left: 60px solid #04692A;
	}
}
@media( max-width: 767px ) {
	.nav-three-arrow {
		&.one,
		&.two,
		&.three {
			background-color: #fff !important;;
		}
	}
	.nav-four-arrow {
		&.one,
		&.two,
		&.three,
		&.four {
			background-color: #fff !important;;
		}
	}
}
@media( max-width: 1024px ) {
	.nav-five-arrow {
		&.one,
		&.two,
		&.three,
		&.four,
		&.five {
			background-color: #fff !important;;
		}
	}
}
/*flip cards*/
.card {
	perspective: 1000px;
	height: 25rem;
	.inner {
		position: relative;
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
		.front,
		.back {
			position: absolute;
			-webkit-backface-visibility: hidden; /* Safari */
			backface-visibility: hidden;
		}
		.back {
			transform: rotateY(180deg);
		}
		.answerButton {
			cursor: pointer;
		}
	}
}


/*----- Veranstaltungen Galerie mobil -----*/
@media( max-width: 767px ) {
	.e-gallery-item.elementor-gallery-item.elementor-animated-content:not(:first-child) {
		display: none;
	}
	.elementor-gallery-item__overlay {
		background-color: rgba(0,0,0,0.5);
	}
	.e-gallery-item .elementor-gallery-item__content:after {
		content: 'Galerie ansehen';
		font-family: "Roboto";
		font-weight: 700;
		font-size: 1.5rem;
		color: #fff;
	}
}

/*----- Impulse -----*/
.linkliste li a{
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 1rem;
}


/*----- Beratung -----*/
.schritt-kachel:not(:last-child)::after {
	content: "";
	width: 75px;
	height: 75px;
	rotate: 45deg;
	position: absolute;
	left: 70%;
	top: 25%;
	background: #F6F8F0;
	z-index: -10;
	@media (max-width: 1024px) {
		left: calc(50% - 37.5px);
		top: 50%;
	}
}

/*----- Rezepte -----*/
.rezepte-main-container {
	height: 100%;
}
/*----- Wochenmarktkarte -----*/
.wpgmza-gesture-overlay {
	z-index: 5 !important;
}
/*----- Druckversion -----*/
@media print {
	header,
	footer,
	.hero,
	.no-print {
		display: none;
	}
	/*Link-Ziele anzeigen*/
	a:after {
	  content:' - ' attr(href);
	}
	img { 
		max-width: 12cm !important; 
		page-break-inside: avoid !important;
	}
	img[loading="lazy"] {
		content: attr(src) !important;
	}
}