/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

html, body { overflow-x: hidden; }

::selection {
  color: white; 
  background-color: black;
}

@media only screen and (min-width: 980px) {
 #main-content,
	footer {
	 margin-left: 5vw;
	}
}

#main-content {
	overflow: hidden;
}

#page-container h1, #page-container h2, #page-container h3, #page-container h4, #page-container h5 { font-family: 'Holtzberg-Regular', system-ui, sans-serif !important; }

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
}

.btn-inline {
    text-align: left !important;
}

#main-content {
		background-repeat: repeat;
		background-image: url('/wp-content/themes/divi-child/images/paper-light-background.webp') !important;
		background-size: 400px auto !important;
		background-attachment: fixed;
		padding: 30px !important;
}

@media (max-width: 767px) {
	#main-content {
		background-size: 300px auto !important;
		padding: 90px 10px 10px !important;
	}
}

/* Hide image titles on hover */
img {
pointer-events:none;
}
 
/*Navigation Style
 * ---------------------------------------------------------------------------------- */
.fullwidth-menu {
visibility: hidden;
width: 100%;
opacity: 0;
}


.line{
display: block;
position: absolute;
height: 4px;
width: 100%;
max-width:40px;
background: #000;
opacity: 1;
border-radius: 1px; 
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
 
.line-2 {
top: 10px;
}
 
.line-3 {
top: 20px;
}
 
.fullwidth-open.open .line-1 {
background: #FFF;  
top: 10px;
width: 100%;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
 
.fullwidth-open.open .line-2 {
background: #FFF; 
display: none;
}
 
.fullwidth-open.open .line-3 {
background: #FFF;  
top: 10px;
width: 100%;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
 
.fullwidth-menu-open {
opacity: 1 !important;
visibility: visible !important;
}

.fullwidth-menu{
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
 
.opacity-background {
opacity: 0.5;
filter: brightness(30%);
}  
  
#et-main-area{
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}

.et_pb_slider .et-pb-controllers a {
  background-color: hsla(0,0%,100%,.5);
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

/*blog image aspect ratio portrait 3:4*/
.blog-image-3-4 .entry-featured-image-url {
  padding-top: 133.33%;
  display: block;
}

.blog-image-3-4 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* Blog Module Style
 * ---------------------------------------------------------------------------------- */
.wh-blog .et_pb_post {
  padding:30px;
  margin-bottom: 6px;
}

.wh-blog .et_pb_image_container{
  margin: -30px -30px 30px;
}

@media (min-width: 980px) {
	.wh-blog .et_pb_salvattore_content[data-columns]::before {
		content: '4 .column.size-1of4' !important;
	}
}
@media only screen and ( min-width: 981px ) {
	.wh-blog .column.size-1of4 {
	    width: calc(25% - 6px) !important;
	    margin-right: 6px;
	}
}

@media only screen and (max-width: 980px) {
  .wh-blog .column.size-1of1 .et_pb_post {
    	margin-bottom: 6px !important;
  }
	
  .wh-blog .column.size-1of2 {
	    width: calc(50% - 6px) !important;
	    margin-right: 6px !important;
  }
  .wh-blog .column.size-1of2 .et_pb_post {
    	margin-bottom: 6px !important;
  }
}

#food-nav ul.food-menu {
 overflow-x: auto; /* Ermöglicht horizontales Scrollen */
 white-space: nowrap !important;
 flex-wrap: nowrap !important;
 margin: 0px;
 padding: 0px;
 font-family: 'Holtzberg-Regular', system-ui, sans-serif !important;
 font-weight: normal; 

}

#food-nav ul.food-menu li {
 width: auto;
 display: inline-block;
 /*border-top: 2px solid;
 border-bottom: 2px solid;*/
 border-right: 2px dotted;
 margin-bottom: 0px;
}

#food-nav ul.food-menu li:last-child {
 border-right: 0px;
}

#food-nav ul.food-menu li a {
 display: block;
 width: 100%;
 padding: 10px 24px;
 vertical-align: middle;
}

#food-nav ul.food-menu li a:hover {
 background: #FFF;
}

.food-menu li a.menu-active {
 color: #879B8C !important;
}

a.madebyindvslz {
    background: url("https://indivisualz.de/files/indvslz-backlink/indivisualz-logo.svg") no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    font-size: 14px;
    line-height: 2em;
    padding-left: 2.4em;
    margin-bottom: 2em;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: auto;
}

.indvslz-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}