:root{
--zwey-header-active: #F1F3F2;
--zwey-header-start: #fffff6;
--zwey-block-bg: #F1F3F2;
--zwey-line-bg: #0B00ED;
--zwey-ylw: #F7ED48;
--zwey-grn: #94E251;
--zwey-trk: #B9D1FF;
--zwey-drk: #3C3A3E;
--zwey-drk2: #343d48;
--super-max : 1720px;
--reactive-24pt: clamp(16px, 1vw, 2rem);
--reactive-26pt: clamp(1.2rem, 1.4vw, 1.4vw);
--reactive-28pt: clamp(18px, 1.2vw, 2.25rem);
--reactive-34pt: clamp(1.5rem, 1.8vw, 1.8vw);
--reactive-36pt: clamp(1.2rem, 2vw, 2vw)
}
a {
  color: #0b00ed
}
a:visited {
  color: #3C3A3E
}
body, html {
  height: 100%;
}
html {
  
  scroll-padding-top: min(100px, 15vw);
}
body {
  font-family: prenton, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin: 0;
  padding:0;
  font-size: 16px;
  background-color: #fffff6;
  color: var(--zwey-drk);
  display: flex;
  flex-direction: column;
}
img, svg {
  max-width: 100%;
  height: auto;
}
.header_slice  {
  height: 15vw;
  max-height:180px;;
  pointer-events: none;
  flex: 0 0 clamp(15vw, 316px, 15vw);
	padding-top: 2.5rem;

}
header {
  font-size: var(--reactive-24pt);
  font-weight: 400;
  height: 15vw;
  max-height: 180px;;
  position: fixed;
  width: 100%;
  right:0;
  top:0;
  display: flex;
  align-items: center;  
  background: var(--zwey-header-active);
  transition: all 200ms ease-in-out;
  z-index: 3;
	padding-top: 2rem;
}

header.scrolling {
  
	padding-top: 0rem;
  top:0;
  height: min(100px, 15vw);
  backdrop-filter: blur(5px);
  background-color: rgba(241,243,242,0.9);
}
header .wrapper {
height: 100%;
display: flex;
}
header .nav-section{
display: flex;
justify-content: right;
flex: 1;
}
header nav{
margin-right: 4rem;
display: flex;
gap: 4rem;
align-items: center;
}
header nav a, body>footer a{
  padding-bottom: .3rem;
  border-bottom: 2px solid transparent;
	text-decoration:none;
	color: inherit;
}
header nav a:hover,header nav a.current, body>footer a:hover{
  border-bottom: 2px solid var(--zwey-line-bg)
}
.home header nav{
  display: none
}
.home header.scrolling.mobiled nav{
  display: flex
}
header nav a{
text-decoration: none;
color: var(--zwey-drk);
}
.wrapper {
display: flex;
width: var(--super-max);
max-width: 90%;
margin: auto;

}
header .logo {
  display: flex;
  flex: 0 0 37%;
	max-width: 150px;
  transition: all 200ms ease-in;
}

header.mobiled .logo {
  flex: 0;
  width: 60%
}
header .logo svg{
  width:100%;
  height: auto;
}

.search_show {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

header .search_show svg{
  width:100%;
  height: auto;
}

.search_form {
  display: flex;
  gap: .5rem;
  align-items: center;
 padding-bottom:0.3rem;
}

.search_form>label>button {
  display: none;
}

.search_form>label {
  display: flex;
}

.search_form .search_label {
  display: none;
}

.search_form .search_placeholder {
  display: flex;
  cursor: pointer;
}

.search_form.searching .search_label {
  display: flex;
}

.search_form.searching .search_placeholder {
  display: none;
}
#mySearch {
  padding: .2rem;
  font-size: var(--reactive-24pt);
}
#mySearch:focus, #mySearch:active {
  outline: 1px solid var(--zwey-drk)
}


.bild_header {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  gap: 0.5rem;
  max-width: 900px;
  width: 100%;
  margin: auto;
  padding: 4rem 0 0 0;
  font-size: 16px;
}
#main > .bild_header {
	max-width: 90%;
}
.bild_header:before,
.bild_header:after {
content: '';
display: block;
height: 1px;
background-color: #4a4c4c;
transform: translateY(-2rem);
}
.bild_header div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bild_header div img {
  max-height: 150px;
  widTH: auto;
}
.bild_header h2 {
  font-weight:400;
  margin-bottom: 0;
}
#main {
  position: relative;
}
.regal {
  list-style: none;
  padding: 0;
  margin:0;
  display: none;
  position: absolute;
  bottom: -11%;
  z-index: 2;
  width: 50%;
  min-width: 280px;
  max-width: 640px;
}
.regal a{
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.666rem;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  /*margin-right: -0.1%;*/

}
.regal a svg {
  width: 100%;
  transition: transform .1s;
}
.regal a:hover svg{
  transform: translateY(-5%);
}
.regal a span{
  padding-bottom: 2rem;
  transition: all .1s;
  color: var(--zwey-drk);
  z-index: 1;
  position: relative;
}
.regal a:hover span{
  color: black;
}

.start_hero, .buecher_hero {
  position: relative;
  width: 100%;
}
.start_hero img, .buecher_hero img{
  min-height: calc(100vh - clamp(15vw, 316px, 15vw) - 2rem);
  object-fit: cover;
  width: 100%;
  object-position: 57% 0;
	
}
.buecher_hero {
  
  display: none;
}
  
body {  
  counter-reset: section;
}

.buch_feature {
  max-width: 750px;
  position: relative;
  margin: auto;
  margin-top: 3rem;
}
.post_header {
  position: relative;
  width: 100%;
}
.regal_single_buecher {  
  position: fixed;
  left:0;
  top: 40vh;  
  z-index: 1;
  width: 170px;
  height: 310px;
  background: var(--zwey-ylw);
  /*clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);*/
  clip-path: path("M 0,310.91 H 170.03 V 36.9 L 0,2 v 308.92 z");
  display: block
}
#main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:  0;
}
#main>p, #main>h1, #main>blockquote,#main>h2{
  width: 90%;
  max-width: 900px;
  font-size: 1.25rem;
	line-height: 150%;
}
#main>.wp-block-group {
  width: 100%;
}
#main>.wp-block-group>.wp-block-group__inner-container {
  
  width: var(--super-max);
  max-width: 90%;
  margin: auto;
  padding-bottom: 2rem;
}
#main>.wp-block-group:first-child {
  
  margin-top: 3rem;
}

.buch_grid ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.buch_grid .title_col {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--zwey-drk)
}
.buch_grid .title_col a {
  
  color: var(--zwey-block-bg)
}
.buch_grid .wp-block-columns {
  gap: 0;
  margin-bottom: 0;
}

body>footer {
  background: #f1f3f2;
  padding: 2rem 0;
  font-size: 1.25rem;
}
body>.wrap {
flex-grow: 1;
}
body>footer>.wrapper {
  flex-direction: column;
}
body>footer p {
  margin:0
}
body>footer p {
  margin:0
}
.footer_grid {
 display: flex; 
 flex-direction: column;
 width: 100%;
	margin: auto;
  gap: 4rem;
}
.footer_copy {
  text-align: center;
  margin-top:2rem;
}
.footer_address { grid-area: add; display: grid;    grid-template-columns: 1fr; gap: 1rem; margin: auto;}
.footer_address span {
  font-weight: 400;
  margin-right: 8rem;;
}
address {
  font-style: normal;
}
.footer_menu { grid-area: menu; justify-content: center; display: flex; gap:1rem; flex-grow: 1; font-size: 0.7rem;  flex-wrap: wrap;
}
.footer_menu a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  color: var(--zwey-drk);
}
.footer_menu span {
  display: block;
}
.footer_menu span:first-child:before {
  content: ""
}
.footer_menu span:before {
  content: "|";
  margin-right: 1rem;
}
.footer_socials { grid-area: socials;justify-content: center; display: flex; }

.nav_button {
  
  display: flex;
  align-items: center;
  
}
.nav_button button{
  height: 2.5rem;  
  padding: 0;
  background: transparent;
  font-weight: 400;
  border:0;
  font-size:24px;
  color: var(--zwey-drk);
  
}
.nav-section nav, .search_form{
  display: none;
}
header.mobiled .nav-section nav {
  flex-direction: column;
}
header.mobiled .nav-section nav,header.mobiled .search_form{
  display: flex;
}
.search_form input {
  border:0;
}
header.mobiled, header.scrolling.mobiled {
  position: fixed;
  top:0;
  right:0;
  width: 320px;
  max-width: 100%;  
  z-index: 4;
  height: 100%;
  max-height: 100%;  display: flex;
  flex-direction: column;
  background-color: var(--zwey-header-start);
  backdrop-filter: none;
  box-shadow: 3px 5px 10px black;
}
header.mobiled nav {
  gap: 1rem;
  align-items: flex-start;}
header.mobiled .wrapper {
  flex-direction: column;
  padding-top: 2rem;
  gap: 1rem;
}
header.mobiled .nav-section {
  flex-direction: column;
}
header.mobiled .search_form{
  margin-top: auto;
  border-bottom: 1px solid var(--zwey-drk);
  padding-bottom: .5rem;
}
header.mobiled  .nav_button {
display: flex
}
.footer_socials {
  display: flex
}
.footer_socials a {
  display: block;
  width: 4rem;
  height: 4rem;transform: translateY(-5px);
}
.buecher_grid.archiv {
  
  grid-template-columns: 1fr 1fr; 
}
.buecher_grid.archiv .buch_titel{
  display: none;
}
.buecher_grid.archiv .buch {
  
  grid-template-columns: 1fr; 
}
.buecher_grid, .buecher_grid .buch, .freerow {
  width: 100%;
  display: grid;
}
.buecher_grid {
  grid-template-columns: 1fr; 
  gap: 1rem;
  margin-top:2rem;
}
.buecher_grid .buch {
  grid-template-columns: 1fr 1fr;
  background: var(--zwey-header-active);
  text-decoration: none;
  color: #3C3A3E;
}
.freerow {
  margin-top:3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-decoration: none;
  margin-bottom: 3rem;;
}
.buecher_grid .buch_titel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 400;
  gap: clamp(1.5rem, 2vw, 2vw);
  font-size: 16px;
  padding: 0.4rem;
  text-wrap: balance;
}

.badge {
  display: none;
  font-size:clamp(1.7rem, .8vw, .8vw) ;
  font-weight: 400;
  width: 5%;
  position: absolute;
  top: 30vh;
  left: 0;
  pointer-events: none;
  transform: translateY(-50%);
  z-index: 1;
}
.badge svg{
  width: 100%;
}
.zitat  {
  position: absolute;
  top: 33%;
  left: 8%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: 300;
  mix-blend-mode: difference;
  color: var(--zwey-header-start);
  width:70%;
}
.zitat .text {
  font-size: 26px;
  font-weight: 400;
}
.zitat .author {
  font-size: 16px;
  margin-right: 1.7rem;margin-top: -5px;
}

body>hr {
  width: 80%;
  max-width: 1420px;
  margin: 5rem auto 5rem auto;
  background: var(--zwey-header-active);
  border: 0;
  display: block;
  padding: 1px;
}
.alle_button {
  margin: auto;
  font-size: 1.2rem;
  text-decoration: none;
  display: flex;
  font-weight: 400;align-items: center;transform:translateX(-20px);color: inherit;
}
.alle_button:before {
  content: "";
  display: block;
  background: url(../images/Button_Pfeile_dicker.svg);
  border:0;
  width: 40px;  height: 1.5rem;
  background-position: center right;
  background-repeat: no-repeat;
	margin-right: .5rem;
}
.buch_gallerie {
  display: grid;
  
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  max-width: 1200px;
}
.buch_single {
  font-size: 1rem;;
  width: 90%;
  max-width: 900px;
  margin: auto;
}.buch_single p {
	
	line-height: 150%;
}
.buch_info, .buch_meta {
  font-weight: 400;
}
.buch_info, .buch_meta {
  
  margin-bottom: 2rem;
}
.buch_info p, .buch_meta p{
  
  margin:.3rem 0
}
.buch_info {
  margin-top: 2rem;
}
.wp-block-group p {
  font-size: 1rem;
}
.bestellung_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}
.bestellung_container h3 {
  display: flex;
flex-direction: column;
align-items: center;
font-size: 24px;
margin-bottom: 0;
	font-weight: 400;

}
.bestellung_container h3:before {
  content: "";
  display: block;
  background: url(../images/Button_Pfeile_dicker.svg);
  border:0;
  width: 60px;
  height: 60px;
  transform: rotate(90deg);
  background-position: center right;
  background-repeat: no-repeat;
  
}
.bestellung_container a {
  color: black;
  font-size: 1.5rem;
  font-weight: 400;

}
.navigation  {
  font-size: 1.5rem;
}

.wp-block-button__link {
  padding:0;
  text-decoration: underline;
}
.wp-block-group h3 {
  font-size: 2.2rem;
  font-weight: 400;
	margin-bottom: 0rem;
}

.wpcf7 {
	width: 90%;
	max-width: 1200px
}
#leistungen {
	background:#d9e1e8;
	/*min-height: calc(100vh - min(15vh, 100px));*/
}
#verlag {	
	background:#d9e5bf;
	/*min-height: calc(100vh - min(15vh, 100px));*/
}
#verlag .bild_header div img{	
	min-height: 250px;
}
#kontakt {	
	background:#fa9178;
}


.svg_regal { 
display: none;}

.wp-block-heading, strong, b {
	font-weight: 400
}

a:link {
	color: inherit
}
a:visited {
	color: inherit;
	opacity: 0.9
}


.wpcf7 form.sent .wpcf7-response-output {
	border-color: #0b00ed !important;
}