/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* lora-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: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/lora-v35-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child-Theme/fonts/lora-v35-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* pt-serif-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: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/pt-serif-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child-Theme/fonts/pt-serif-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v18-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans-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: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child-Theme/fonts/nunito-sans-v15-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

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

h1, h2, h3, h4 { font-family: 'Nunito Sans'; font-weight: 700; }
body { font-family: 'Nunito Sans'; font-weight: 400;; }

.portrait-images img { aspect-ratio: 2/3; object-fit: cover; }
.querformat img,
.swiper img { aspect-ratio: 16/9; object-fit: cover; }

.swiper-pagination-bullet-active { background: #C46A4B; }
.swiper-button-next, .swiper-button-prev { color: #C46A4B; }

.cat-teaser { padding: 50px 15px; margin-bottom: 15px !important; }

.dp-dfg-skin-default .et_pb_button_wrapper .et_pb_button:hover {
    background-color: #C46A4B !important;
}

.browse-by-category ul { list-style-type: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.browse-by-category ul li { padding: 5px 12px; border-radius: 5px; margin: 7px; background: #E2E1DD; }
.browse-by-category ul li:hover { background: #C46A4B; }
.browse-by-category ul li a { color: #C46A4B; }
.browse-by-category ul li:hover a { color: #E2E1DD; }

.dp-dfg-image img { box-shadow: inset 0px 0px 5px rgba(0,0,0,1); border-radius: 5px; }
.dp-dfg-header.entry-header { margin-top: 10px; margin-bottom: 10px; }
.et_pb_button_wrapper.read-more-wrapper { margin-top: 15px; }

.swiper-button-next, .swiper-button-prev {
  width: 35px; 
  height: 35px;
  border-radius: 50%;
  background: #C46A4B;
  color: #fff;
  box-shadow: 0 0 7px rgba(0,0,0,.5);
}
.swiper-button-next:after, .swiper-button-prev:after,
.swiper-button-next:after, .swiper-button-prev:after { font-size: 24px; }

.coop-img .et_pb_image_wrap { width: 100%; }
.coop-img img {
  object-fit: contain;
  aspect-ratio: 3/2;
  object-position:  center;
  width: 100%;
}

.dp-dfg-item img {
	aspect-ratio: 330/216;
	object-fit: cover;
	object-position: center;
}

/* Home */
body.home .et_section_specialty > div > div:last-child {
  box-shadow: 5px 5px 10px rgba(0,0,0,.2);
}

/* Kontakt */
.wpcf7 input.text, .wpcf7 input.title, .wpcf7 input[type=email], .wpcf7 input[type=password], 
.wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 select, .wpcf7 textarea {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #000;
  padding: .3em 1em;
  width:  100%;
}
.wpcf7 p > label, .wpcf7 p > label > span { width: 100%; display: inline-block; }
input.wpcf7-submit { border: 0; background: rgba(117,133,94,1); padding: .3em 1em; color: #fff; font-family: 'Nunito Sans'; font-weight: 700; }
.wpcf7 .wpcf7-submit:disabled { opacity: .5; }

/* Single Post */
.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row { width: 100% !important; }
body.single .et_pb_image .et_pb_image_wrap,
body.single .et_pb_image .et_pb_image_wrap img { width: 100%; }
.wprm-recipe-image img { width: 100%; }

/* Mobile */
@media ( max-width: 980px ) {
  .container { width: 90%; }
}

@media ( max-width: 470px ) {
  body.home .et_pb_section_0 .swiper01 h3 { font-size: 16px; }
}