/*
Theme Name: Twenty Twenty-Two Child
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team / Gabriel Stabentheiner
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
Template: twentytwentytwo
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
*/

/* ----------------------- */
/*       TYPOGRAPHY        */
/* ----------------------- */

/* amatic-sc-regular - latin */
@font-face {
	font-family: 'Amatic SC';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/amatic-sc-v24-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/amatic-sc-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/amatic-sc-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/amatic-sc-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/amatic-sc-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/amatic-sc-v24-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
  }
  
/* amatic-sc-700 - latin */
@font-face {
	font-family: 'Amatic SC';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/amatic-sc-v24-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/amatic-sc-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/amatic-sc-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/amatic-sc-v24-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('fonts/amatic-sc-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/amatic-sc-v24-latin-700.svg#AmaticSC') format('svg'); /* Legacy iOS */
}
  
/* reenie-beanie-regular - latin */
@font-face {
	font-family: 'Reenie Beanie';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/reenie-beanie-v16-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/reenie-beanie-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/reenie-beanie-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/reenie-beanie-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/reenie-beanie-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/reenie-beanie-v16-latin-regular.svg#ReenieBeanie') format('svg'); /* Legacy iOS */
}
  
/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

  
body {
	--wp--preset--font-family--system-font: 'Source Sans Pro';
	font-family: 'Source Sans Pro';
	font-weight: 300;
}
h1 {
	color: #333;
}
h2 {
	/* color: #776832; */
	  color: #666;
}

/* ----------------------- */
/*          TOOLS          */
/* ----------------------- */

img.saturate-50, .saturate-50 img {
	filter: saturate(0.5);
}

/* ----------------------- */
/*          HEADER         */
/* ----------------------- */

header .wp-block-site-tagline {
  font-family: 'Reenie Beanie';
  font-size: 1.75rem !important;
  line-height: 1;
  color: #333 !important;
  font-style: normal !important;
}

/* Bannerbild */
.banner-img {
	padding: 18px 0;
}
/* volle Breite: */
/* .wp-block-post-featured-image, .banner-img {
 	margin-left: calc(0px - var(--wp--custom--spacing--outer));
 	margin-right: calc(0px - var(--wp--custom--spacing--outer));
} */

.wp-block-post-featured-image img, .banner-img img {
	width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: cover;
	object-position: center;
}
body.home .wp-block-post-featured-image img {
	max-height: 1000px;
}

/* ----------------------- */
/*           MENU          */
/* ----------------------- */

/* Symbole */
.wp-block-navigation__responsive-container-open {
  padding: 20px;
  margin-right: -20px !important;
}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
  width: 32px;
  height: 32px;
}

header nav.wp-container-7.wp-block-navigation {
	justify-content: flex-end !important;
}

/* Menü auf ganze Breite: */
header nav .wp-block-navigation__responsive-close {
  max-width: unset;
}

/* Menühintergrund */
.wp-block-navigation__responsive-container {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
  /* background: rgb(238, 235, 222) !important; */
  background: #f0f0f0 !important;
  /* opacity: 0.98; */
  border: 15px solid #fff !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 0;
}

/* Home-Link und Suchfeld in eine Zeile: */
.wp-block-navigation__responsive-container-content > ul:first-child {
	position:absolute;
	padding: 5px 0;
}
.wp-block-navigation__responsive-container-content > ul:first-child .nav-link-start img {
	width: 32px;
}
.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
	padding-left: 50px;
}
/* Suchfeld: */
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  background-color: #776832;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper input {
  background: transparent;
}
.wp-block-search__button {
  padding: 4px !important;
}

/* Hauptmenüpunkte */
.wp-block-navigation__responsive-container-content > ul:not(:first-child) {
	margin-top: 10px;
}
.wp-block-navigation__responsive-container-content > ul:not(:first-child) > li > a {
  font-size:1.5rem;
}
/* Untermenüpunkte */
.wp-block-navigation__submenu-container {
  padding: 0.5rem 1rem 0 !important;
}

.wp-block-navigation__responsive-container-content a, .wp-block-navigation__responsive-container-content input {
  font-family: 'Source Serif Pro';
}

/* ----------------------- */
/*           MAIN          */
/* ----------------------- */

main {
	padding-top: 1rem;
}

.wp-block-search__button.has-icon {
    background-color: #776832;
}


/* ----------------------- */
/*         ARCHIVE         */
/* ----------------------- */

body.archive .wp-block-post-title {
	font-size: var(--wp--preset--font-size--x-large);
}
body.archive .wp-block-post-title a:not(:hover) {
	text-decoration:none;
}
body.archive .wp-block-post-featured-image {
  margin: 1rem 0 0.5rem !important;
}


/* ----------------------- */
/*        BEITRAEGE        */
/* ----------------------- */

/* REZEPTE */
.rezept-intro {
/*  color: #776832; */
  color: #666;
  margin-bottom: 50px;
}
.rezept-block {
  margin-top: 50px !important;
  margin-bottom: 70px !important;
}
.rezeptinfos-sidebar {
  color: #333;
}
.rezept-main {
  font-family: 'Source Serif Pro';
}
.rezept-tipp {
  font-style: italic;
  padding-left: 40px;
}

/* ----------------------- */
/*          FOOTER         */
/* ----------------------- */

footer a {
	font-family: 'Source Serif Pro';
	font-weight: 200;
	font-size: 0.875em;
}
footer a:not(:hover) {
	text-decoration: none;
}
footer .wp-block-social-links {
	font-size: 30px !important;
	gap: 0px;
}

  /* ----------------------------------------------------------------- */
  /* ==================== >  RESPONSIVE DESIGN  < ==================== */
  /* ----------------------------------------------------------------- */
  

@media (min-width: 782px) {
/* ----------------------- */
/*    MENU - Desktop       */
/* ----------------------- */
	
	
	/* Hauptmenüpunkte: */
	.wp-block-navigation__responsive-container-content > ul:not(:first-child) {
		width: 100%;
		flex-direction: row !important;
		justify-content: space-between !important;
		flex-wrap: wrap !important;
		margin-top: 48px;
	}
	.wp-block-navigation__responsive-container-content > ul:not(:first-child) > li {
		min-width:230px;
		padding-right: 30px;
	}
	.wp-block-navigation__responsive-container-content > ul:not(:first-child) > li > a {
		font-size:2rem;
	}

	/* Untermenüpunkte: */
	.wp-block-navigation__submenu-container {
  		padding: 0.5rem 3px 0 !important;
		min-width: unset !important;
	}
	.wp-block-navigation__submenu-container > li > a {
		font-size:1.25rem;
		color: #555 !important;
	}

	
}

@media (max-width: 781px) {
	header .wp-block-site-tagline {
		display: none;
	}
	header .wp-block-site-logo {
 	  max-width: 55vw;
	}
	header .custom-logo {
  		width: 100%;
  		height: auto;
	}
	header .wp-block-post-featured-image {
  		margin-left: calc(0px - var(--wp--custom--spacing--outer));
  		margin-right: calc(0px - var(--wp--custom--spacing--outer));
  		margin-top: 10px;
	}
}

@media (max-width: 480px) {
	.wp-block-navigation__responsive-container {
		border: none !important;
	}
	.wp-block-navigation__responsive-container-close {
  		top: -50px;
	}
	.wp-block-search__inside-wrapper {
  		max-width: calc(100vw - 100px);
	}
}