/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/

* {
  box-sizing: border-box;
}

@font-face {
  font-family:"Dauphin";
  src: url(fonts/Dauphin.woff2);
  src: url(fonts/Dauphin.woff),
  url(fonts/Dauphin.ttf) format("truetype");
}
@font-face {
  font-family: "MyriadPro";
  src: url(fonts/MyriadPro-Regular.woff2);
  src: url(fonts/MyriadPro-Regular.woff);
}

.pg-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.pg-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
 
.pg-hide-mobile-menu .et_mobile_nav_menu {
display: none;
}
.et_pb_section {
 background-color: transparent; 
}
.form-submit .et_pb_button {
	color: #567500;
}

h1,
h2,
h3 {
  color: #a7d32a;
  font-family: "Dauphin", "OpenSans", sans-serif;
  letter-spacing: 0.1rem;
  font-weight: bold;
  text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}
p,
A,h4 {
  font-family: "MyriadPro";
}
a {
  color:#567500;
}

#menu-hauptmenue-kurz .sub-menu{
  background-image: url(../../uploads/Rinde_Apfelb-scaled.jpg)!important;
	background-color: #ffffff; 
  z-index: 10000 !important; 
background-repeat: no-repeat;
  background-size: cover !important;
  background-attachment: fixed !important;
}
.et_mobile_nav_menu .mobile_nav #mobile_menu2{
  background-image: url(../../uploads/Rinde_Apfelb-scaled.jpg)!important;
	position: fixed; 
  right: 0 !important; 
	left:auto;
  width: 75%; 
  max-height: 80vh; 
  background-color: #ffffff; 
  z-index: 10000 !important; 
background-repeat: no-repeat;
  background-size: cover !important;
  background-attachment: fixed !important;
	overflow-y: auto;
}
.et_mobile_nav_menu .mobile_menu_bar {
    z-index: 10001 !important; 
    position: fixed; 
    top: 10px; 
    right: 10px; 
}


/* Menü wird angezeigt, wenn es geöffnet ist */

.mobile_menu_opened #mobile_menu {
  display: block; 
}
.et_pb_menu .et_mobile_menu {
	top:60px;
}

/* Mobile Menü Untermenüs sichtbar machen */
@media (max-width: 980px) {
    .et_mobile_nav_menu .menu-item-has-children > a::after {
        content: "\f107"; /* Font Awesome Down Arrow */
        font-family: 'FontAwesome';
        font-size: 16px;
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }

    .et_mobile_nav_menu .menu-item-has-children .sub-menu {
        display: none; /* Anfangs versteckt */
        padding-left: 20px; /* Etwas Einrückung für Untermenüs */
    }

    .et_mobile_nav_menu .menu-item-has-children.open .sub-menu {
        display: block; /* Zeige Untermenü bei geöffnetem Menü */
    }
}

#page-container {
  background-color: #eef6dc;
  padding: 0;
  font-family: "MyriadPro", "Lucida Sans", "Lucida Sans Regular",
    "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    width: 100%;
}

#main-content {
  background-color: transparent;
}

.fruehling {
  background-image: url(images/apfelschlange_fruehling.jpg);
}

.sommer {
  background-image: url(../../uploads/Apfelschlange_Sommer.jpg);
}

.holler-schwarz {
  background-image: url(images/apfelschlange_holler_schwarz.jpg);
} 
.herbst {
  background-image: url(images/apfelschlange_herbst.jpg);
}

.winter {
  background-image: url(images/apfelschlange_winter.jpg);
}

.pg-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.pg-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
 
.pg-hide-mobile-menu .et_mobile_nav_menu {
display: none;
}
.et_pb_section {
 background-color: transparent; 
}
.form-submit .et_pb_button {
	color: #567500;
}

footer {
position: relative !important;
z-index: 9 !important;
box-shadow: #d5eaa8 0 -1px 4px,#d5eaa8 0 -2px 10px, #d5eaa8 0 -10px 20px, #d5eaa8 0 -18px 40px, 5px 5px 15px 5px #d5eaa8;
  
}

/* Rezepte */

.rezept .rezept__img {
Margin-right: 20px;
display: grid;
Height: 100%;
grid-template-columns: auto auto;
Grid-template-rows: auto auto;
Gap: 10px;}
.rezept__img1 {
Grid-area: 1 / 1 / 2 / 3; }
.rezept__img2 {
 grid-area: 2 / 1 / 5 / 2;}
.rezept__img3{
grid-area: 2 / 2 / 5 / 3;}

.rezept .rezept__img img {
height: 100%;
object-fit: cover;}

.produkte__link {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
  margin: 0rem 0.5rem 1.5rem;
  text-align: center;
  border: white 0.5px solid;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 2px 2px 4px #adadad;
  flex-basis: calc(50% - 1rem);
  line-height: 0;
}
.produkte__text {
  color: black;
  text-shadow: 2px 2px 4px #fff;
  margin: 0;
  padding: 0.5rem;
  background-color: rgba(255,255,255,0.3);
  border-radius: 10px;
  width: 100%;
}

.artikel__slider .et_pb_column {
Display: flex;
Width: 100% !important;
}

.artikel__slider .et_pb_row {
Display: flex;
Flex-direction: column;
}
.artikel__slider .et_pb_image .gross {
Width: auto;
Height: 20vh !important;
Margin: 0 auto !important;
}
.artikel__slider .et_pb_image .mittel {
Width: auto;
Height: 17vh !important;
Margin: 0 auto !important;
}
.artikel__slider .et_pb_image .klein{
Width: auto;
Height: 15vh !important;
Margin: 0 auto !important;
}

.artikel__slider .et_pb_image img{
Width: auto;
Height: 100% !important;
Max-width: none;
}
.artikel__slider .et_pb_image span{
Width: auto;
Height: 100% !important;
}
#et_pb_text ul {list-style-image: url(../../uploads/apfel.png) !important;}

.flexreihe {
	display: flex;
	flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: start;
align-content: center;
width: 100% !important;
margin: 0 !important;
	column-gap: 20px;
}

.flexspalte {
	display: flex;
	flex-direction: column;
}

/* Footermenu verstecken */

.pg-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.pg-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
 
.pg-hide-mobile-menu .et_mobile_nav_menu {
display: none;
}
.et_pb_section {
 background-color: transparent; 
}
.form-submit .et_pb_button {
	color: #567500;
}
/* erscheinen beim Scrollen */
.scroll-image {
  opacity: 0; /* Anfangs unsichtbar */
  transition: opacity 1s ease-in-out; /* Optional: weicher Übergang */
}

@media screen and (min-width:980px){}
@media screen and (min-width:1200px) {

}