/*
Theme Name:TwentyTwelve-Modified
Theme URI:https://example.co
Description: TwentyTwelve-Modified
Author:JPB
Author URI:https://example.co
Template:twentytwelve
Version:1.0.0
License:GNU General Public
License URI:https://www.gnu.o
Tags:light, dark, two-c
Text Domain:twenty-twelve-child
*/
:root {
  --spacing-1: 0.8706rem;
  --spacing-2: 1rem;
  --spacing-3: 1.1487rem;
  --spacing-4: 1.3195rem;
  --spacing-5: 1.5157rem;
  --spacing-6: 1.7411rem;
  --spacing-7: 2rem;

  --padding-xs: var(--spacing-1);
  --padding-s: var(--spacing-3);
  --padding-m: var(--spacing-5);
  --padding-l: var(--spacing-7);
  --padding-xl: calc(var(--spacing-7) * 1.3195);
  --padding-xl2: calc(var(--spacing-7) * 1.7411);
}
@font-face {
  font-family: "Luminari-Regular";
  src: url("./fonts/Luminari-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EBGaramond";
  src: url("./fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf");
  font-weight: normal;
  font-style: normal;
}
html {
  font-family: "Luminari-Regular";
  font-size: var(--spacing-2);
}
body * {
  font-family: "Luminari-Regular";
}
body #page {
  box-shadow: none;
  max-width: 1200px;
}
.site {
  padding: 0;
}
#masthead > hgroup > h1 {
  position: absolute;
  top: -10rem;
  color: #fff0;
}
html,
body,
#page,
#masthead {
  background-color: #fff9ec;
}
#masthead {
  padding-top: 0;
  padding-bottom: var(--spacing-1);
  padding-bottom: 0;
}
.site-content {
  margin-top: 0;
  padding: var(--padding-l) var(--spacing-2);
}
.entry-header {
  margin: 0;
}
.entry-title {
  position: absolute;
  top: -10vh;
  color: #1110;
}
.wp-block-heading {
}
/* 
These are original Twelve styles that were removed

 
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul
/* border-bottom: 1px solid #ededed; */
/* border-top: 1px solid #ededed; */
/* display: inline-block !important; */
/* text-align: left; */
/* width: 100%; */

/* 
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    display: initial; }

 */
/*

 Remove Nav burger (menu button)

 */
.menu-toggle {
  display: none;
}
.main-navigation {
  margin-top: 0;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
  display: grid !important;
}
.menu-navigation-container {
  background-color: #006250;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
  border-bottom: none;
  border-top: none;
  display: grid;
  text-align: center;
  width: initial; /* display: inline-block !important; */
  /* text-align: left; */
  /* width: 100%; */
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
  display: none !important;
}

.menu-navigation-container ul {
  display: grid;

  grid-template-columns: 1fr 1fr;
  min-width: 80vw;
}
.nav-menu li a {
  color: #ffffff;
  font-family: "Luminari-Regular";
  text-transform: initial;
}
#menu-navigation > li a {
  line-height: initial;
  justify-self: center;
  font-size: var(--spacing-3);
}
#menu-navigation > li {
  padding: var(--spacing-2);

  display: flex;
  justify-content: center;
  align-items: center;
  margin: initial;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a {
  color: #f1c27d;
}
.main-navigation li a:hover {
  color: #f1c27d;
}
/* 
Hide Märchentruhe Link on mobile
 */
#menu-item-48 {
  position: relative !important;
}

#menu-item-48 > ul {
  all: unset;
  display: none;
  position: absolute;
  margin-top: 5rem;
  left: calc(var(--spacing-7) * -2.5);
}
#menu-item-48:has(a:hover) ul {
  display: block;
}
#menu-item-48 > ul li {
}
#menu-item-270 > a {
  background-color: #006250;
  text-align: center;
}
#menu-item-270 > a:hover {
  color: #f1c27d;
}

img.header-image {
  box-shadow: none;
  max-width: 90vw;
  margin-top: 0;
}

#masthead > hgroup > a {
  display: flex;
  justify-self: center;
}

/* Galerie mobile
 */

.backleft,
.backright,
.midleft,
.midright {
  display: none !important;
}
.center img {
  min-width: calc(100vw - var(--spacing-2) * 2);
}
.sliderBtn {
  z-index: 4;
  top: 100vh;
}
#post-31 > div > div {
}
/* 
_____________________________________________

Angebote 

_____________________________________________
*/
#post-29 > div > div:nth-child(2) > div > div > div p {
  font-family: "EBGaramond";
}
/* 
Angebote für... / Angebote... 
_____________________________________________

*/
#post-29 h2,
h2 {
  color: #006250;
}
p {
  font-family: "EBGaramond";
} /* #post-29 > div > div:nth-child(1) > div > div
#post-29 > div > div:nth-child(1) > div > divgrid div */
#post-29 > div > div:nth-child(1) > div:nth-child(1) > h2 {
  display: flex;
  flex-wrap: nowrap;
}
#post-29 > div > div:nth-child(1) > div > ul {
  list-style: none;
}

/* Angebote Liste mit shiny balls */
#post-29 > div > div:nth-child(1) > div {
  min-width: 110%;
  padding-left: var(--padding-s);
}
#post-29 > div > div:nth-child(1) > div > ul li::before {
  content: "";
  display: inline-block;
  background-image: url(./images/orb-crop.png);
  min-width: 0.5rem;
  min-height: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: calc(var(--spacing-1) * 0.25);
  margin-right: var(--spacing-1);
}
#post-29 > div > div:nth-child(1) > div > ul li {
  margin-bottom: var(--spacing-2);
  margin-left: 0;
  text-indent: -36px;
  padding-left: 36px;
}
/* Angebote Details  
GRID DESKTOP STYLES*/
#post-29 > div.entry-content > div:nth-child(1) > div > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 100%;
}
#post-29 > div.entry-content > div:nth-child(2) > div {
  grid-template-columns: 10rem 1fr;
  grid-template-rows: 10rem;
}
#post-29 > div.entry-content > div:nth-child(2) > div > p {
  top: 35%;
  position: relative;
}
/* Angebote Image Cluster  */
.ang-cluster {
  line-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: max-content max-content;
  column-gap: calc(var(--spacing-1) / 2);
  row-gap: calc(var(--spacing-1) / 2);
}
.ang-cluster {
  /* 
  grid-template-columns: 20vw 2ovw
   */
}
.ang-cluster > figure > img {
  border-radius: 0.4rem;
}
.ang-cluster figure:nth-child(1) {
  grid-column: 1/-1;
}
#post-29 > div > div:nth-child(3) {
  display: grid;
  grid-template-columns: min-content 1fr;
  padding-top: var(--padding-l);
}
#post-29 > div > div:nth-child(3) h2 {
  margin: 0;
  margin-top: var(--padding-s);
  grid-column: 1/2;
}
#post-29 > div > div:nth-child(3) p {
  justify-self: end;
  margin: 0;
  margin-bottom: var(--padding-s);
  margin-top: var(--padding-s);
  grid-column: 2/3;
  position: relative;
  right: calc(var(--spacing-1) * -0.5);
}
/* 
#post-29 > div.wp-block-group > div > div > div {
  display: grid;
  grid-template-columns: 20vw 20vw;
  grid-template-rows: fit-content 50vw;
} */
/* horizontal image in cluster (#1)
#post-29
  > div.wp-block-group
  > div
  > div
  > div
  > figure.wp-block-image.size-large.is-style-default {
  grid-column: 1/-1;
}
#post-29
  > div.wp-block-group
  > div
  > div
  > div
  > figure.wp-block-image.size-large.is-style-default
  > img {
  min-width: 40vw;
} */
/*  cluster image #2 
#post-29 > div.wp-block-group > div > div > div > figure:nth-child(5) > img {
}*/
/*  cluster image #3 (right) 
#post-29 > div.wp-block-group > figure > img {
  grid-column: 2/3;
}*/
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
  display: grid !important;
}
/* 
_____________________________________________

Startseite

_____________________________________________
*/

#post-28:nth-child(1) {
  /*  padding-top: calc(var(--spacing-5) * 1); */
}
.entry-content p {
  margin-bottom: var(--padding-m);
}
#post-28 > div > p:nth-child(2) {
  padding-top: var(--padding-xs);
  /*   padding-top: 0; */
}
#post-28 > div > div > h2 {
  line-height: 2;
  padding-top: var(--spacing-2);
  padding-left: var(--spacing-5);
  margin: 0;
  padding-bottom: 20vw;
  position: relative;
  z-index: 2;
}
#post-28 > div > div {
  position: relative;
  overflow: hidden;
  display: flex;
}
#post-28 > div > div::after {
  content: "";
  width: 13rem;
  height: 13rem;
  display: block;
  background-color: #fff;
  background: radial-gradient(#fff, #f8c32483);
  /*   transform: skew(15deg); */
  border-radius: 50%;
  position: absolute;
  top: calc(var(--spacing-1) * -1);
  left: calc(var(--spacing-1) * 0.1);
  z-index: 1;
}

#post-28 > div > div > figure {
  position: absolute;
  z-index: 0;
  /*   display: flex;
  justify-content: center; */
}
#post-28 > div > div > figure img {
  border-radius: 0.75rem;
  /*  max-width: 92%;
  max-width: 94%; */
  max-width: 100%;
  min-height: 40vw;
  /*   object-fit: cover; */
}
@media (width > 350px) {
  .site-content {
    margin-top: 0;
    padding: var(--padding-l) var(--spacing-2);
  }
  #post-28 > div > div > h2 {
    margin-bottom: var(--spacing-3);
  }
  #post-28 > div > div {
    min-height: 16rem;
  }
  #post-28 > div > p:nth-child(2) {
    padding-top: var(--padding-xs);
    /*   padding-top: 0; */
  }
}
@media (width >= 400px) {
  #post-28 > div > p:nth-child(2) {
    padding-top: var(--padding-xl);
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  #post-28 > div > p:nth-child(3) {
    padding-top: var(--padding-m);
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
}
/*  
_____________________________________________

Über mich 

_____________________________________________*/
.entry-content {
}
#post-34 > div > figure:not(.zipfel) {
  max-width: 50%;
  position: absolute;
}
#post-34 > div > figure:not(.zipfel) > img {
  border-radius: 2.5rem;
}
#post-34 > div > p {
  padding-top: calc(var(--spacing-1) * 0.5);
  font-size: var(--spacing-1);
}
#post-34 > div > p::before {
  content: "";
  display: block;
  position: relative;
  width: 55%;
  height: 14rem;
  float: left;
}
#post-34 > div > p > span {
  display: block;
  display: flex;
  padding: calc(var(--padding-xs) * 0.5) 0;
  padding-left: calc(var(--padding-xs) * 0.75);
  /*   box-shadow: 10px 0px 10px -10px #7a694e; */
}
#post-34 > div > p > span:nth-child(1),
#post-34 > div > p > span:nth-child(2),
#post-34 > div > p > span:nth-child(3),
#post-34 > div > p > span:nth-child(4),
#post-34 > div > p > span:nth-child(5) {
  /*   box-shadow: 0px 5px 10px -10px #7a694e; */
}
/* Lower grid */
#post-34 > div > div {
  display: flex;
  flex-direction: row;
}
#post-34 > div > div > figure:not(.zipfel) {
  max-width: 50%;
  display: inline-block;
}
#post-34 > div > div > p {
  display: inline-block;
}
/* 
_____________________________________________

Kontakt 

_____________________________________________
*/
.site-content:has(#post-35) h2 {
  padding-left: var(--spacing-1);
}
.site-content:has(#post-35) p {
  padding-left: var(--spacing-2);
}
#post-35 > div > div {
  grid-template-columns: 1fr;
  grid-template-rows: calc(var(--spacing-7) * 2) min-content min-content;
  position: relative;
  overflow: hidden;
  min-height: 600px;
}
#post-35 > div > div figure img {
  border-radius: 1.8rem;
}

#post-35 > div > div figure {
  right: calc(var(--spacing-6) * -2);
}
#post-34 > div > div {
  display: none;
}
#post-34 > div > div {
  display: none;
}
#post-35 > div > div > p * {
  font-family: "EBGaramond";
}
#post-35 > div > div > p > a {
  color: rgb(68, 68, 68);
}

/* 
_____________________________________________

 shop 

_____________________________________________
 */
.products.columns-1 {
  display: flex;
  justify-content: center;
}
/* #content
  > ul
  > li
  > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link
  > img {
} */
#content
  > ul
  > li
  > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  max-width: 10vw;
}

/* platzhalter "under construction"  */
#post-30 > div > h2,
#post-264 > div > h2 {
  display: flex;
  justify-self: center;
  padding: calc(var(--spacing-7) * 1) 0;
  text-align: center;
}
#post-264 > div > h2 {
  padding: calc(var(--spacing-7) * 5) 0;
  color: #006250;
}

/*

_____________________________________________

YOUTUBE 

_____________________________________________

 */
#post-32 > div {
  max-width: 90vw;
  display: grid;
  column-gap: var(--spacing-4);
  row-gap: var(--spacing-3);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
#post-32 > div > figure {
}
iframe {
}

/* 
_____________________________________________

Footer

_____________________________________________

 */
.zipfel {
  padding-top: var(--spacing-7);
  /*   left: 0;
  right: 0;
  margin: 0 auto;
  display: block; */
  display: flex;
  justify-self: center;
  max-width: 60%;
}
.zipfel img {
  box-shadow: none;
}
#post-29 > div > figure:nth-child(4),
#post-32 > div > figure.wp-block-image.size-full.zipfel {
  grid-column: 1/-1;
}
#post-34 > div > figure:nth-child(4) {
  display: block;
}

footer * {
  font-family: "EBGaramond";
  font-size: calc(var(--spacing-1) * 0.9);
}
.footerNav {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

.footerNav a {
  text-decoration: none;
}
.footerNav ul > li:first-child:not(.footer-box-1) {
  margin-bottom: calc(var(--spacing-1) * 0.5);
}
.footerNav ul > li > a {
  padding: calc(var(--spacing-1) * 0.5) 0;
}
.footerNav ul > li > a:hover {
  color: #006250;
  text-decoration: underline;
  /* MOBILE */
}

/* 
_____________________________________________

******************************
Media Queries
******************************
_____________________________________________

 */

@media (width >=330px) {
  html {
    font-size: var(--spacing-2);
  }
  #content {
    max-width: calc(100vw - var(--spacing-2) * 2);
  }
  #post-29 > div > div:nth-child(1) {
  }
  #post-29 > div > div:nth-child(1) > div {
    min-width: initial;
    padding: 0;
    justify-self: center;
  }
  #post-29 > div > div:nth-child(1) > div:nth-child(1) {
    max-width: max-content;
  }
  #post-34 > div > p::before {
    height: 17rem;
  }
}
@media (width >= 400px) {
  #post-30 > div > h2 {
    padding: calc(var(--spacing-7) * 4) 0 calc(var(--spacing-7) * 3);
  }
  #post-34 > div > p::before {
    height: 19rem;
  }

  /* kontakt */
  .site-content:has(#post-35) {
    padding-right: 0;
    position: relative;
  }
  #post-35 > div > div {
    /* position: relative; */
  }
  #post-35 > div > div p {
    z-index: 4;
    /*  background: linear-gradient(to right, #00625085, #fff0 70%);
 */
    border-radius: 2rem;
    padding: var(--spacing-1);
  }
  #post-35 > div > div figure {
    position: absolute;
    z-index: 1;
    width: 60vw;
    max-width: 300px;
    justify-self: end;
    top: calc(var(--spacing-7) * 2);
  }
  .backleft,
  .backright,
  .midleft,
  .midright {
    display: flex !important;
  }
  .center img {
    min-width: initial;
  }
}
@media (width >= 420px) {
  html {
    font-size: var(--spacing-3);
  } /* startseite */
  #post-28 > div > div {
    /*   min-height: 14rem; */
  }
  #post-28 > div > div > figure {
    max-width: calc(100vw - var(--spacing-2) * 2);
  }
  #post-34 > div {
    position: relative;
  }
  #post-34 > div > figure:not(.zipfel) {
    position: absolute;
    top: var(--spacing-7);
  }
}

@media (width >= 480px) {
  #menu-navigation {
    grid-template-columns: 1fr 1fr 1fr;
    display: flex !important;
    max-width: 100vw;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  #menu-navigation li {
    min-width: 25vw;
  } /* startseite */
  #post-28 > div > div {
    min-height: calc(var(--spacing-7) * 8.5);
  }
  .ang-cluster {
    min-width: 100%;
    padding-top: var(--padding-xl);
    padding-right: var(--spacing-5);
  }
  #post-29
    > div
    > div.wp-block-group.ang-cluster.is-layout-grid.wp-container-core-group-is-layout-9649a0d9.wp-block-group-is-layout-grid
    > figure:nth-child(1)
    > img {
    min-width: 100%;
  }
  .ang-cluster > figure > img {
    border-radius: 3.3vw;
    border-radius: 1.5rem;
  }
  #post-34 > div > p::before {
    height: 20.5rem;
  }
}
@media (width >= 500px) {
  /* startseite
 reset mobile styles
  */
  #post-28 > div > div::after {
    all: unset;
  }
  #post-28 > div > div > h2 {
    margin: 0;
    padding: 0;
    align-self: center;
    font-weight: 300;
    padding-left: var(--padding-xs);
  }
  #post-28 > div > div > figure {
    all: unset;
    max-width: 45%;
    margin-right: var(--padding-xs);
  }
  #post-28 > div > div > figure img {
    border-radius: 1.2rem;
    aspect-ratio: 1/1;
  }
  #post-28 > div > div {
    all: unset;
    display: flex;
    justify-content: space-between;
  }
  #post-29 > div > div:nth-child(1) {
    padding-left: var(--padding-xs);
  }
}
@media (width >= 550px) {
  #post-34 > div > p::before {
    height: 25rem;
  }
  #post-35 > div > div figure {
    right: calc(var(--spacing-6) * -1);
  }

  #post-28 > div > div h2 {
    padding-left: var(--padding-l);
  }
}
@media (width >= 600px) {
  #post-35 > div > div figure {
    right: var(--spacing-7);
  }
  /*   body.template-front-page .site-content,
  body.attachment .site-content, */
  #page:has(#post-28) .site-content {
    width: fit-content !important;
  }
  /* .site-content:has(#post-28) body.full-width .site-content {
    width: fit-content;
  } */
}
@media (width>=650px) {
  html {
    /*  font-size: var(--spacing-4); */
    font-size: var(--spacing-3);
  }
  img.header-image {
    box-shadow: none;
    max-width: 85vw;
  }
  #post-29 > div > div:nth-child(1) {
    grid-template-columns: 1fr 1fr;
  }
  #post-34 > div > p::before {
    height: 30rem;
  }
}
@media (width >= 768px) {
  .site-content {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
  }
  .site-content {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  #content {
    max-width: calc(100vw - var(--padding-xl) * 2);
  }
  img.header-image {
    box-shadow: none;
    max-width: 50vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;

    /* padding-bottom: calc(var(--spacing-6) * 1); */
    /*   z-index: 1; */
  }
  .main-navigation {
    padding-top: calc(var(--spacing-3) * 2);
  }
  #menu-navigation {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid !important;
    max-width: 100vw;
    flex-wrap: initial;
    align-items: initial;
    justify-content: initial;
  }
  #menu-navigation li {
    min-width: 25vw;
  }
  #menu-navigation {
    position: relative;
    /*   top: -8rem; */
    left: -1rem;
    /*  display: flex !important; */
    grid-template-rows: repeat(3, 46px);
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas:
      "a . .. . b"
      "c . .. . d";
  }
  .menu-navigation-container {
    background-color: #fff0;
  }
  #menu-navigation > li {
    background-color: #006250;
    min-width: 100%;
    /*   font-size: 1.4rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    /*    z-index: 0; */
  }
  #menu-navigation > li a {
    line-height: initial;
    justify-self: center;
    padding: calc(var(--spacing-1) * 0.5) var(--spacing-3);
  }
  #menu-navigation > li:nth-child(1),
  #menu-navigation > li:nth-child(8) {
    min-width: 85%;

    position: relative;
  }

  #menu-navigation > li:nth-child(1) {
    grid-area: a;
    left: -3vw;
  }
  #menu-navigation > li:nth-child(8) {
    grid-area: b;
    grid-column: -1/-2;

    right: -5.8vw;
  }
  #menu-navigation > li:nth-child(8) a {
    padding: calc(var(--spacing-1) * 0.5) var(--spacing-7);
  }
  #menu-navigation > li:nth-child(7),
  #menu-navigation > li:nth-child(2) {
    grid-row: 2/3;
    min-width: 90%;

    position: relative;
  }

  #menu-navigation > li:nth-child(7) {
    grid-area: d;

    grid-column: -1/-2;
    right: -4.5vw;
  }
  #menu-navigation > li:nth-child(2) {
    grid-area: c;

    left: -2.5vw;
  }
  /*   #menu-navigation > li:nth-child(7), */
  #menu-navigation > li:nth-child(6),
  #menu-navigation > li:nth-child(5),
  #menu-navigation > li:nth-child(4),
  #menu-navigation > li:nth-child(3) {
    min-width: 110%;
    position: relative;
    grid-row: 3/3;
  }
  /**/
  #menu-navigation > li:nth-child(6) {
    left: 100%;
  }
  #menu-navigation > li:nth-child(6) a {
    padding: calc(var(--spacing-1) * 0.5) var(--spacing-6);
  }
  #menu-navigation > li:nth-child(5) {
    left: 70%;
  }
  #menu-navigation > li:nth-child(5) a {
    padding: calc(var(--spacing-1) * 0.5) var(--spacing-7);
  }
  #menu-navigation > li:nth-child(4) {
    left: 40%;
    left: 30%;
  }
  #menu-navigation > li:nth-child(5) a {
    padding: calc(var(--spacing-1) * 0.5) var(--spacing-7);
  }
  #menu-navigation > li:nth-child(3) {
    /*  grid-area: e; */
    left: 0%;

    grid-row: 3/3;
  }
  #menu-navigation > li:nth-child(3) a {
    padding: calc(var(--spacing-1) * 0.5) var(--spacing-7);
  }
  #menu-navigation {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  /* 
Reveal Märchentruhe Link on tablet/desktop
 */
  #menu-item-48 > ul {
    /*    display: initial; */
  }
  /* startseite */

  #post-28 > div > div > h2 {
    font-size: var(--spacing-5);
  }
  /* angebote */

  #post-29 > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content fit-content min-content;
  }
  #post-29 > div > div:nth-child(1) {
    grid-column: 1/-1;
  }
  .ang-cluster {
    grid-row: 2/3;
    grid-column: 1/2;
    position: relative;
    left: calc(var(--spacing-2) * -1);
  }
  #post-29 > div > div:nth-child(3) {
    grid-column: 2/3;
    min-width: 110%;
  }
  #post-29 > div > div:nth-child(3) p {
    justify-self: initial;
  }

  /* über mich */
  #post-34 > div > figure:not(.zipfel) {
    top: calc(var(--spacing-7) * 2);
  }
  #post-28 > div > div > figure {
    margin-right: 0;
  }
  #post-29 > div > div:nth-child(1) {
    padding-left: var(--padding-xl);
  }
  /* kontakt */
  #post-35 > div > div > p {
    z-index: 0;
  }
  #post-35 > div > div > figure {
    top: calc(var(--spacing-7) * 1);
    min-width: 33vw;
  }
  #post-35 > div > div > figure img {
    aspect-ratio: 1/1;
    border-radius: 20%;
  }
}
@media (width >=820px) {
  .ang-cluster {
    max-width: 40vw;
    max-width: 30vw;
    left: 0;
  }
  #post-29 > div > div:nth-child(3) {
    grid-column: 2/3;
    min-width: 120%;
    position: relative;
    left: -18%;
  }
  #post-29 > div > div:nth-child(3) p {
    margin-bottom: 0;
  }
  #post-34 > div > p::before {
    height: 35rem;
  }
}
@media (width >= 855px) {
  #menu-navigation > li:nth-child(5) {
    border-bottom-left-radius: 20px;
  }
  #menu-navigation > li:nth-child(4) {
    border-bottom-right-radius: 20px;
  }
  .main-navigation {
    padding-top: calc(var(--spacing-6) * 2);
  }
  #post-34 > div > p::before {
    height: 80rem;
  }
}
@media (width >= 960px) {
  html {
    font-size: var(--spacing-4);
  }
  #main {
    padding: 0 var(--spacing-7);
  }
  #page {
    padding: 0;
    margin-top: var(--spacing-7);
    margin-bottom: var(--spacing-7);
  }
  .site-content {
    margin-top: 0;
    padding: 0;
    padding-top: var(--padding-xl);
  }
  .main-navigation {
    padding-top: calc(var(--spacing-7) * 4);
  }
  .menu-navigation-container {
    background-color: #006250;
  }
  #menu-navigation {
    display: flex !important;
    justify-content: space-around;
    margin: 0;
  }
  #menu-navigation {
    background-color: #006250;
    margin: 0;
    padding: 0;
    left: 0;
    min-width: initial;
    z-index: 0;
  }
  #menu-navigation > li:nth-child(1),
  #menu-navigation > li:nth-child(2),
  #menu-navigation > li:nth-child(3),
  #menu-navigation > li:nth-child(4),
  #menu-navigation > li:nth-child(5),
  #menu-navigation > li:nth-child(6),
  #menu-navigation > li:nth-child(7),
  #menu-navigation > li:nth-child(8) {
    all: initial;
    min-width: initial;
  }
  /* sry */
  #menu-navigation > li:nth-child(8) a::after {
    width: 200%;
  }
  /* --- copied fr mobile  because all:initial */
  #menu-navigation > li {
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    margin: initial;
    display: inline-block !important;
  }
  #menu-navigation > li a {
    line-height: initial;
    justify-self: center;
    font-size: var(--spacing-3);
    /* padding: var(--spacing-1) calc(var(--spacing-1) * 0.75) !important;
 */
    position: relative;
    padding: calc(var(--spacing-1) * 0.5) 0 !important;
    /*     min-width: 113%; */
  }
  #menu-navigation li a::after {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    top: 0;
    left: calc(var(--spacing-1) * -0.7);

    position: absolute;
    z-index: -1;
    /*   min-width: calc(113% - var(--spacing-1));
    padding-left: var(--spacing-1) !important;
    left: calc(var(--spacing-1) * -1) !important;
  */
  }
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-ancestor > a,
  .main-navigation .current_page_item > a {
    color: #f1c27d;
  }
  .main-navigation li a:hover {
    color: #f1c27d;
  }
  #menu-navigation > #menu-item-45 > a::after {
    width: 220%;
    left: -20%;
    /*   min-width: calc(113% - var(--spacing-1));
    padding-left: var(--spacing-1) !important;
    left: calc(var(--spacing-1) * -1) !important;
  */
  }
  /*
   Märchentruhe sub menu

   */
  #menu-item-48 > ul {
    margin-top: 0;

    left: calc(var(--spacing-7) * -3);
  }

  /* Startseite */
  #post-28 > div > p:nth-child(2) {
    padding-top: var(--padding-xl2);
  }

  /* über mich */
  #post-34 > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #post-34 > div > figure:not(.zipfel) {
    grid-column: 1/2;
    max-width: calc(100% - var(--spacing-1) * 2);
  }

  #post-34 > div > p {
    grid-column: 2/3;
    padding-left: var(--spacing-2);
  }
  #post-34 > div > p::before {
    display: none;
  }
  /* shop */
  #content:has(#product-197) {
    /*   margin-top: calc(var(--spacing-5) * 1); */
  }
  /* kontakt */
  #post-35 > div > div > figure img {
    max-width: 380px;
  }
  #post-35 > div > div > figure {
    min-width: initial;
    position: absolute;
    right: initial;
    left: 60%;
  }
}
@media (width >= 990px) {
  .main-navigation {
    padding-top: calc(var(--spacing-7) * 4.5);
  }
}
@media (width >=1024px) {
  #post-29 > div > div:nth-child(3) {
  }
  .ang-cluster {
    left: initial;
    justify-self: center;
    max-width: 320px;
  }
  #post-29 > div > div:nth-child(3) {
    gap: 0;
    left: 0%;
    min-height: 100%;
    max-height: 200px;
    align-self: center;
  }
  #post-29 > div > div:nth-child(3) p {
    margin-bottom: 0;
  }
}
@media (width >= 1100px) {
  html {
    font-size: var(--spacing-5);
  }
  .main-navigation {
    padding-top: calc(var(--spacing-7) * 4.5);
  }
  #post-28 > div > div > figure > img {
    min-height: initial;
  }
}
@media (width >= 1150px) {
  #masthead > hgroup > a > img {
    max-width: 617px;
  }
  .main-navigation {
    padding-top: calc(var(--spacing-7) * 5);
  }
  #post-35 > div > div p {
    padding: calc(var(--spacing-7) * 2);
  }
  #post-35 > div > div figure img {
    max-width: 450px;
  }
  #post-35 > div > div figure {
    left: 55%;
  }
}

@media (width >= 1400px) {
  /* Märchentruhe sub menu */
  #menu-item-48 > ul {
    left: calc(var(--spacing-7) * -3.9);
  }
  #post-29 > div > div:nth-child(3) {
    min-width: 100%;
    left: initial;
    justify-self: center;
  }
  #post-29 > div > div:nth-child(3) p {
    /*    max-width: fit-content; */
    left: var(--spacing-4);
  }
}
@media (width >= 2000px) {
  html {
    font-size: var(--spacing-6);
  }
  #page {
    max-width: 1750px !important;
  }
  #masthead > hgroup > a > img {
    max-width: 900px;
  }
}
@media (width >= 2600px) {
  html {
    font-size: var(--spacing-7);
  }
  #page {
    max-width: 2000px !important;
  }
}
@media (width >= 4000px) {
  html {
    font-size: calc(var(--spacing-7) * 2);
  }
  #page {
    max-width: 3000px !important;
  }
  #masthead > hgroup > a > img {
    max-width: 1500px;
  }
}
@media (orientation: landscape) {
  @media (width < 600px) {
    #post-28 > div > div {
      min-height: 65vw;
    }
  }
  @media (width > 600px) {
    #post-34 > div > p::before {
      height: 26rem;
    }
  }
}
/* 
_____________________________________________

Galerie SLIDER 

_____________________________________________
*/

#carousel {
  width: 90vw;
  max-width: 1200px;
  height: 40%;
}
#picContainer {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
  grid-template-rows: min-content 20px;
}
#picContainer > img {
  max-width: 100%;
}
.center {
  /* grid-column: 2/3; */
  /*   box-shadow: 0px 0px 7px 1px rgb(202, 202, 202); */
  z-index: 3;
}
.center.wipeLeft {
  border: 3px solid pink;
  /*  grid-column: 2/3; */
}
.backleft {
  grid-column: 1/2;
}
.backright {
  grid-column: -1/-2;
}
.midleft {
  grid-column: 2/3;
}
.midleft img,
.midright img {
  max-height: 90%;
}
.backleft img,
.backright img {
  max-height: 80%;
}
.midright {
  grid-column: -2/-3;
}
.sliderPic:not(.hidden) {
  grid-row: 1/2;
}
.hidden {
  position: absolute;
  /*   grid-row: 2/3; */
  /*  width: 0; */
  opacity: 0;
}
.current {
  background-color: #a1a1a1;
}
.sliderPic:not(.hidden):not(.center) {
  transition: 1s ease;
}
#post-31 > div > div {
  all: initial !important;
  width: 100%;
  max-width: 1200px;
  height: 40%;
}
#post-31 > div > div > figure {
  all: initial;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
  grid-template-columns: 0.9fr 1fr 4fr 1fr 0.9fr;
  grid-template-rows: min-content 20px;
}
#post-31 > div > div > figure > figure {
  width: initial !important;
  min-height: 50vw;
  max-width: 100%;
}
.center img {
  object-fit: contain;
}
.center {
  min-width: 100%;
}
.wp-block-gallery.has-nested-images.is-cropped
  figure.wp-block-image:not(#individual-image)
  a,
.wp-block-gallery.has-nested-images.is-cropped
  figure.wp-block-image:not(#individual-image)
  img {
  /*  max-height: 500px !important; */
  height: initial /* 
  
  
  
  

  
   */;
}
/* SLIDER BUTTONS */
.sliderBtn {
  padding: 1rem;
  border-radius: 30rem;
  line-height: 0.6rem;
  font-weight: bold;
  font-size: 1rem;
  position: absolute;
  border: 2.5px solid #006250; /* #F1C27D */

  background-color: #006250;
  color: #f1c27d;
}
.sliderBtn::after {
  /*   content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  top: 10rem; */
}
.sliderBtn:hover {
  background-color: #006250;
}
.left {
  left: 2rem;
}
.right {
  right: 2rem;
}

/* spark */
#menu-item-49 > a {
  z-index: 2;
}
.spark {
  border-radius: 1px;
  transition: 2s ease-out;
  display: inline-block;
  width: 4px;
  height: 4px; /* 
  width: 5px;
  height: 5px; */ /* 
  transform: translateX(xdir), translateX(ydir); */
  z-index: 0;
}
.test {
  background-color: #a9fcf9;
}
.spark.sparkle {
  transform: translateX(5vw) translateY(5vw);
}
.spark1 {
  height: 2rem;
  width: 2rem;
}
/* splosion */
#menu-navigation > a {
}
/* Shoppe */

#content:has(#product-197) {
  /*   margin-top: calc(var(--spacing-5) * 1); */
}
/* .single-product .product_met  */
.woocommerce-breadcrumb {
  display: none;
}
#content:has(#product-197) .entry-title {
  position: initial;
  top: initial;
}
#product-197 > div.summary.entry-summary {
  display: flex;
  flex-direction: column;
}
#product-197 > div.summary.entry-summary > div {
  order: 1;
}
#product-197 > div.summary.entry-summary > form {
  order: 3;
}
#product-197 > div.summary.entry-summary .price {
  order: 2;
}
#product-197 > div.summary.entry-summary > form > button {
  background-color: #006250;
  color: #f1c27d;
  border-radius: 20px;
  font-weight: 300;
  padding: var(--spacing-1) calc(var(--spacing-7) * 1.5);
}

#post-30 > div > figure html {
  scrollbar-width: 0;
}

#post-35 > div > div > figure > img {
  object-fit: cover;
}