/*
 Theme Name:   Edition Assemblage Theme 2021
 Description:  Twenty Twenty One Child Theme
 Author:       Carla & Simon
 Template:     twentytwentyone
 Version:      1.0
 Text Domain:  twentytwentyone-child
*/

/*@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;400;600;700;800&display=swap');*/


/* TABS / ACCORDION for meta book infos */
@import url('tabs-style.css');

@font-face {
  font-family: "Coco";
  src:  url('Cocogoose-Pro-Regular.woff2') format('woff2'),
        url('Cocogoose-Pro-Regular.woff') format('woff');
  font-display: swap;
}


:root{
	/* Font Family */
	--global--font-primary-child: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); 

	/*--global--font-primary-child: 'Mulish', sans-serif;*/
	--global--font-family-child: var(--global--font-primary-child);
  --global--font-secondary: var(--global--font-primary-child);

  --global--font-size-base: 1rem;
}

html, body {
	font-family: var(--global--font-primary-child);
  scroll-behavior: smooth;
}

a {
  color:#333;
}

a:hover {
  color:fuchsia;
}

p a[target="_blank"]:after {
  content: "";
  white-space: nowrap;
  vertical-align: middle;
  width:16px;
  height:16px;
  margin-left:3px;
  display: inline-block;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' stroke-width='3' stroke-linejoin='round' stroke-linecap='round' stroke='currentcolor' fill='none'%3E%3Cpath id='svg_1' d='m18,4l10,0l0,10m0,-10l-25.15018,24.91949'/%3E%3C/svg%3E");

}

h1 {
  font-family: 'Coco';
  font-size: 3em !important;
  /*font-family: 700;*/
}

@media only screen and (max-width: 768px) {
/* For mobile phones: */
  h1 {
    font-family: 'Coco';
    font-size: 2em !important;
    /*font-family: 700;*/
  }
}

h4 {
  font-family: 'Coco';
}

.go-back {
  margin-bottom: 1em;
}

.go-back a {
  font-weight: bold;
  font-family: Coco;
}

.go-back b {
  font-family: Coco;
}

/*
#search-2 .search-field {
  border: 0px solid #000;
  margin-right:2rem;
}
*/

/* Blogeinträge, Rand und Abstand der Meta-Info entfernt, sowie Kategorie ausgeblendet
.site-main > article > .entry-footer {
  border:0;
  padding-bottom: 0;
}
.post-taxonomies {
  display: none;
}
.byline {
  display: none !important;
}
*/


/* Header */

.site-header {
  padding:2em 0;
}

.buchkategorie::before {
  content: ">";
  text-decoration: none !important;
  border:0;
  margin-right: 3px;
  font-family: Coco;
  display: inline-block;
}

/* Bücher Archive Grid (Alle Bücher sowie Kategorien) */

.ea-archive-description {
  border: 0px dotted fuchsia;
  color:#333;
  margin-top:2em;
}

.grid {
  display:grid;
  grid-gap: 4em;
  grid-template-columns: repeat(auto-fill, 210px);
  justify-content: space-between;
  list-style: none;
  margin:0 auto;
  padding:0;
  max-width: var(--responsive--alignwide-width);
  transition: 1s;
}

.grid-neuerscheinungen {
  grid-template-columns: repeat(auto-fill, 130px);
}

.container-neuerscheinungen {
  background:#fff;
  padding:2em 0em;
}

.grid-featured {
  grid-template-columns: repeat(auto-fill, 130px);
}

.grid-book {
  background: transparent;
}

.grid-book-cover {
	position: relative;
  filter: grayscale(0%);
  /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;*/
}

.grid-book-cover.standard-size img { /* Damit Bücher im Standartformat 140x205mm auch gleich groß angezeigt werden... */
  aspect-ratio: 140 / 205;
}

.grid-book-cover.small-standard-size img { /* Damit Bücher im kleineren Standartformat 110x180mm auch gleich groß angezeigt werden... */
  aspect-ratio: 110 / 180;
}

.grid-book-cover.calendar-standard-size img { /* Damit Kalender im Format 93 x 138mm auch gleich groß angezeigt werden... */
  aspect-ratio: 93 / 138;
}



.grid-book-meta {
  margin-top: 0.5em;
  margin-left: 0px;
  font-size: 1em !important;
  line-height: 1.2;
  padding:1px;
}

.grid-book-meta-title {
	font-weight: bold;
}

.grid-book-meta a {
  text-decoration:none;
}

.grid-book-meta-author {
  font-size: small;
}

.grid-book-meta-author a {
  text-decoration: underline;
  font-weight: normal;
  margin-top: 0.5em;
  line-height: 1.2;
  color:#000;
  padding-left:0em;
  border-bottom: 0px solid fuchsia;
}

.grid-book-meta-author a:hover {
  margin-top: 0.5em;
  color:fuchsia;
}

.grid-book-meta-price {
  display: inline-block;
  border-bottom: 0px dotted fuchsia;
  padding: 3px 3px;
  color:fuchsia;
  font-size: 80%;
  font-weight: bold;
}

/* Zoom Button for changing the grid size */

.zoom-button-container {
  display: inline-block;
  position: fixed;
  right: 0;
  top:50%;
  border: 2px dotted fuchsia;
  border-right:0;
  background: #fff;
  border-right: 0;
  padding: 0 1em 0 0.5em;
  color: #666;
  border-radius: 1em 0em 0em 1em;
  height:104px;
  width:54px;
}

.zoom-button-expand, .zoom-button-shrink {
  cursor: pointer;
  user-select: none;
  font-size: 2em;
  font-family: Coco;
  transition: 0.2s;
  overflow: hidden;
}

.zoom-button-expand:hover, .zoom-button-shrink:hover {
  color:fuchsia;
}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .grid {
    grid-template-columns: repeat(auto-fill, 150px);
    grid-gap:2em;
  }

  .grid-book-cover.d205x140 img {
    height:219px !important;
  }

  .grid-book-meta-price {
    display:none;
  }

  .zoom-button-container {
    display: none;
  }
  
  .container-neuerscheinungen {
    height:unset; 
  }

  .container-neuerscheinungen h4 {
    text-align: center; 
  }

}

/* Single Book */


.tags {
	background: #00feff;
	padding: 3px 5px;
	border-radius: 2px;
	margin: 0 0.5em 0 0;
	font-size: x-small;
	color: #000;
	/* font-weight: bold; */
	text-align: center;
}

.crumb {
	border-radius: 2px;
	margin: 0 0 0 0;
	font-size: small;
	color: #000;
	/* font-weight: bold; */
	text-align: center;
}

.crumb b {
  font-family: Coco;
}


.book {
	display: flex;
	flex-flow: row;
  flex-wrap: wrap;
}

.book .zoom img {
  cursor: zoom-in !important;
}

/*
.cover img {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
*/

.left-col {
  width: 50%;
}

.right-col {
	padding: 0px;
  padding-left:2em;
  width: 50%;
}

.right-col .title {
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
  margin-bottom:0.5em;
}

.right-col .subtitle {
	display: block;
	font-size: 1.2em;
	line-height: normal;
  margin-bottom:0.5em;
}

.right-col .authors {
  display: inline-block;
  margin-bottom:1em;
}

.right-col .bib-info {
  display:block;
  color:#555;
  font-size: smaller;
  margin-bottom:1em;
}


/** Bibliographische Informationen **/

/* neu: */

.bib-info-mobile {
  margin: 0;
  margin-top:1em;
  display: none;
  font-size: smaller;
  padding:0 1em;
  line-height: 1.4;
  color:#666;
}

/** ENDE Bibliographische Informationen**/


@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  .cover {
    min-width: none;
    text-align: center;
    background: transparent;
    margin: 0 auto 2em auto; /* abstand zu Buchtitel darunter und auto für mittige Zentrierung */
  }

  .cover img {
    height:auto;
  }

  .right-col {
    text-align: left;
    padding-left: 1em;
  }

  .right-col .title, .right-col .subtitle {
    font-size: 1em;
  }

  .right-col .authors {
    display: inline-block;
    margin-bottom:1em;
    font-size: small;
  }

  .right-col .bib-info {
    display: none;
  }

  .bib-info-mobile {
    display: block;
  }

}



.teaser {
  text-align: left;
  display: block;
  padding:0em;
  margin-bottom:2em;
  /*text-shadow:0.5px 0px 0.5px black;*/
  font-weight: bold;
}

/*
.ankundigungstext p {
  text-align: justify;
  hyphens: auto;
}
*/

.person .name {
  display:inline;
  font-weight: bold;
}

.person .reihe-titel {
  border-bottom: 2px dotted fuchsia;
  color: #333;
  font-weight: bold;
}

.mbv-name {
  white-space: nowrap;
}

/* PRESSESTIMMEN TAB */

.pressestimme {
  margin-bottom:2em;
  /*font-size:0.9em;*/
}

.pressestimme a:hover {
  color:fuchsia;
}

.pressestimme a.external::after, .bookpage-termin a.external::after, .single-termin a.external::after  {
  content: "";
  vertical-align: middle;
  width:16px;
  height:16px;
  margin-left:3px;
  margin-right: -16px;
  display: inline-block;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' stroke-width='3' stroke-linejoin='round' stroke-linecap='round' stroke='currentcolor' fill='none'%3E%3Cpath id='svg_1' d='m18,4l10,0l0,10m0,-10l-25.15018,24.91949'/%3E%3C/svg%3E");
}

.pressestimme a.container-link {
  font-weight: bold;
  padding-right:16px;
  display:inline-block;
}

.pressestimme .zitat {
  font-style: italic;
  line-height: 1.2;
}

.pressestimme .zitat::before {
  content: "«";
}
.pressestimme .zitat::after {
  content: "»";
}



/* LESEPROBE TAB */

.leseprobe {
  font-size: 1em;
 /* -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-text-fill-color: transparent;*/
}

.leseprobe .download, .leseprobe .textauszug {
  display: block;
}

.leseprobe .downloads div:last-of-type {
  margin-bottom:2em;
}

.leseprobe .icon {
  line-height: 24px;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.leseprobe .text {
  line-height:24px;
}

.auszug {
  background: #fff;
  padding:2em;
  text-align: justify;
  hyphens: auto;
}

.auszug b {
  margin-bottom:1em;
  display:inline-block;
}

.leseprobe .punkte {
  margin-top:2em;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  .leseprobe {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .leseprobe .downloads {
    padding:2em;
  }
}



/* OPEN ACCESS RIBBON */

.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 9px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#FF00FF 0%, #FF00FF 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #FF00FF;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FF00FF;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #FF00FF;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FF00FF;
}

.ebook-rib span {
  background:#ed6d11;
}

.ebook-rib span::after {
  border-right: 3px solid #ed6d11;
  border-top: 3px solid #ed6d11;
}

.ebook-rib span::before {
  border-left: 3px solid #ed6d11;
  border-top: 3px solid #ed6d11;
}


/* END > OPEN ACCESS RIBBON */


/* Bestell & Open Access Button */


.single-book .button-container {
  display: flex;
  gap:1em;
}

.single-book .button {
  /*display: inline-block;*/
  background-color: transparent !important;
  border: 2px dotted fuchsia;
  border-radius: 0.5em;
  color: #333 !important;
  text-align: center;
  transition: all 0.25s ease-out;
  cursor: pointer;
  margin: 0 0 0.5em 0;
  padding: 0.5em;
  min-width: 150px;
  position: relative;

  /* newstyle: */
  border-radius: 0px;
  margin:auto;
  font-family: Coco;
  text-transform: uppercase;
  flex-grow: 1;
  flex-basis: 0;
  margin-top:2em;
  font-size: 0.9em;
}

.single-book .button:hover {
  background: fuchsia !important;
  color:#fff !important;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  border-bottom:3px solid #eee;
  padding:0 0em;
  font-size: 1.2em;

  /* newstyle: */
  font-size:1em;
  border:0;
}

/*.button:hover > span {
  border-bottom-color:fuchsia;
}*/

.button .roc {
  display: block;
  font-size: xx-small;
  font-family: var(--global--font-primary-child);
  border-bottom: 0;
}

.button .roc::after {
  content: "";
  vertical-align: middle;
  width:8px;
  height:8px;
  margin-left:2px;
  display: inline-block;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' stroke-width='3' stroke-linejoin='round' stroke-linecap='round' stroke='black' fill='none'%3E%3Cpath id='svg_1' d='m18,4l10,0l0,10m0,-10l-25.15018,24.91949'/%3E%3C/svg%3E");
}

.notallowed span {
  opacity: 0.5;
}



/* Kollektiv */

blockquote {
  margin:1em;
  padding:0;
}

.wp-block-pullquote {
 margin-bottom:3em; 
}


/* Footer */

.site-footer > .site-info {
  display:none;
}


.multiply {
  /*mix-blend-mode: multiply;*/
}


/* Autor*innen & Gruppen Archive-Seite */

.authors {
  max-width: var(--responsive--aligndefault-width);
  margin-left: auto;
  margin-right: auto;
}

.authors .abc {
  margin-bottom: 1em;
}

.authors .abc a {
  text-decoration: none;
}

.authors .abc a:hover {
  color:fuchsia;
  text-decoration: none;
}

.authors .buchstabe {
  scroll-margin-top: 25px; /* scroll behavior: smooth... dieser wert sorgt für den abstand nach oben */
}

.authors .buchstabe:target {
  color:fuchsia;
}

.authors .fuchsia {
  color: fuchsia !important;
}

.authors .names {
  line-height:2;
}

.authors .trenner {
  font-size: 0.8em;
  padding: 0 0.5em;
}

.authors .names a { /* Autor*innen A-Z */
  font-family: Coco;
  font-size: large;
  text-decoration: none;
}

.gruppen-und-reihen .names { /* Gruppen und Reihen */
  text-align: center;
}

.gruppen-und-reihen .names a { /* Gruppen und Reihen */
  font-family: Coco;
  font-size: 1em;
  text-decoration: none;
  display: inline-block;
  outline: 2px dotted fuchsia;
  outline-offset: -7px;
  padding:1em;
}

.authors .names a:hover {
  color: fuchsia;
}

.gruppen-titel {
  scroll-margin-top: 25px; /* scroll behavior: smooth... dieser wert sorgt für den abstand nach oben */
}

/* nice wenn schrift hell: sepia(100%) hue-rotate(280deg) contrast(1.3) brightness(1) */

/*
#foto-anim {
  background-attachment: fixed;
  background-size:cover !important;
  background-position: center;
  opacity: 0.08;
  filter:grayscale(1);
  position: fixed;
  margin:0;
  top:0;
  left:0;
  max-width: unset;
  z-index: -1;
  transition: opacity 1.5s linear;
}*/

#foto-anim {
  background-attachment: fixed;
  background-size:cover !important;
  background-position: center;
  filter: grayscale(1) blur(0.2em) contrast(2);
  //filter:grayscale(1) blur(0px) contrast(0.1) brightness(2);
  //filter:sepia(100%) hue-rotate(280deg) contrast(0.1) brightness(2);
  opacity: 0.08;
  //filter:grayscale(1);
  /*opacity: 1;*/
  position: fixed;
  margin:0;
  top:0;
  left:0;
  max-width: unset;
  z-index: -1;
  transition: opacity 0s linear;
}

@media (prefers-reduced-motion) {
  #foto-anim {
    display: none;
  }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  #foto-anim {
    background-attachment:scroll; /* wegen scheiss safari */
  }
}

/* Autor*innen Single-Seite: */

.authors-page {
  display: flex;
  flex-wrap: wrap;
}

.authors-photo-container {
  width: 100%;
  margin-bottom:2em;
  text-align: right;
}

    .authors-photo-img { /* das <img> element */
      margin-bottom:0;
      height: unset !important;
    }

    .authors-photo-credit {
      padding:0.5em 1em;
      text-align: right;
      font-size: small;
      background:#f2f2f2;
      color:#666;
    }

.authors-text-container {
  margin:0 auto 2em auto !important;
  width: var(--responsive--alignwide-width);
}

    .authors-text-body {
      margin-bottom:2em;
    }

    .authors-text-body p {
      margin-bottom:1em;
    }

    .social-links {
      text-align: left;
      font-size: smaller;
      font-weight: bold;
    }

    .insta svg, .twitter svg, .webseite svg {
      width: 20px;
      height: 20px;
      vertical-align: middle;
      margin-right:0.5em;
    }

    .insta a, .twitter a, .webseite a {
      text-decoration: none;
    }

.authors-books-container h4 {
  margin-top:0em !important;
}

.authors-books-grid {
  margin-top:2em;
  display:grid;
  grid-gap: 4em;
  grid-template-columns: repeat(auto-fill, 250px);
  justify-content: space-around;

  list-style: none;
  margin-left: auto;
  margin-right: auto;
  padding:0;
}

.authors-books-container .cover {
  width: auto;
}

/* Logo bigger on mobile */
@media only screen and (max-width: 482px) {
  .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
    max-height: unset;
  }
}

@media only screen and (min-width: 822px) {
  .authors-photo-container {
    width: 40%;
    border-right: 3px solid fuchsia;
  }
  .authors-text-container {
    width: 60%;
    padding-left:2em;
    padding-right: var(--responsive--alignright-margin);
  }
}


/* NAVIGATION */

.primary-navigation .sub-menu .menu-item > a {
  padding: 0.3em 0.8em;
  border: 0;
}

/*.primary-navigation .sub-menu .menu-item:last-child {
  padding-bottom: 0.5em;
}*/

.primary-navigation .sub-menu .menu-item > a:hover {
  border:0;
  /*border-left: 3px solid fuchsia;*/
  color:#666;
  text-decoration: none;
  
  background: fuchsia;
  color:#fff;
}

.primary-navigation .sub-menu {
  border:2px dotted fuchsia;
  border-top: 0;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
  display: none;
}

/* den scheiss wegmachen */
.primary-navigation > div > .menu-wrapper > li > .sub-menu::before, .primary-navigation > div > .menu-wrapper > li > .sub-menu::after {
	content: "";
	display: none;
	position: absolute;
	width: 0;
	top: -10px;
	left: var(--global--spacing-horizontal);
	border-style: solid;
	border-color: var(--primary-nav--border-color) transparent;
	border-width: 0 7px 10px 7px;
}

 .nav-border-bottom {
  border-bottom:1px dotted #999;
}

.wpml-ls-menu-item a {
  color:#666 !important;
}

@media only screen and (max-width: 768px) { /* am mobilgerät den pinken border vom menü entfernen */
  .primary-navigation .sub-menu {
    border:0;
  }

}


/* Termine */

.single-termin {
  border-bottom:2px dotted fuchsia;
  margin: 2em 0;
  padding-bottom: 2em;
  position: relative;
}

.single-termin h4 {
  padding-top: 40px; margin-top: -40px;
}

.single-termin h4 svg {
  vertical-align: top;
}

.single-termin h4:target {
    color:fuchsia;
}

/*
.single-termin::before {
  content:'';
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background: #fff;
  filter:blur(300px);
  box-shadow:inset 0 0 0 50vw rgba(255,255,255,0.8);
  transition: all 1s;
}

.single-termin:hover::before {
  content:'';
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background: fuchsia;
  filter:blur(300px);
  box-shadow:inset 0 0 0 50vw rgba(255,255,255,0.8)
}
*/

.single-termin-buch {
  display: flex;
  margin-bottom:1em;
}

.single-termin-buch-cover-container {
  width: 90px;
  display: inline-block;
}

.single-termin-buch-titel {
  padding-left: 1em;
  width:200px;
}

.single-termin-buch-cover-container img {
  height: unset !important;
}

.copynotice {
  font-family: var(--global--font-primary-child);
  font-size: small;
  display:block;
  opacity: 1;
  transition: all 4s linear;
  height:15px;
}

.copynotice.fadeout {
  opacity: 0;
}

.copynotice.destroy {
  transition: all 0.3s ease-out;
  height: 0px;
}

.single-termin-datum {
  background:transparent;
  font-weight: bold;
  padding:1em 0;
  margin-top: 1em 0;
  font-family: monospace;
}

.single-termin-beschreibung p {
  margin:1em 0;
}

.past-events {
  opacity: 0.7;
}

.bookpage-termine-container {
  padding: 1em;
  margin-top:2em;
  text-align: left;
}

.personenpage-termine-container {
  padding: 0em;
  margin-top:2em;
  text-align: left;
}

.bookpage-termine-header {
  text-align: center;
  transform:rotate(-2deg);
  font-family: Coco;
  color:fuchsia;
  display: inline-block;
  /*translate: -30px;*/
  font-size: 1.2em;
}

.bookpage-termin {
  /*border-left:3px solid fuchsia;*/
  padding-left:0.5em;
}

.bookpage-termin a.external::after {
  content: "";
  vertical-align: middle;
  width:16px;
  height:16px;
  margin-left:3px;
  display: inline-block;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' stroke-width='3' stroke-linejoin='round' stroke-linecap='round' stroke='currentcolor' fill='none'%3E%3Cpath id='svg_1' d='m18,4l10,0l0,10m0,-10l-25.15018,24.91949'/%3E%3C/svg%3E");
}


.home-termine-container {
  text-align: left;
}

.home-termine-container h4 {
  margin:1em 0;
}

@media only screen and (max-width: 768px) {
/* For mobile phones: */
.home-termine-button-td {
  display: none;
}
}



table td, table th {
  margin:0 !important;
  border:none !important;
  vertical-align: top;
  padding: calc(0.5 * var(--global--spacing-unit)) 0;
}

.home-termine-datum {
  font-weight: bold;
  width:115px;
  line-height: 1.4;
}

.home-termine-titel-td {
  padding-right: 1em;
}

.home-termine-textbody {
  line-height: 1.4;
  font-weight: bolder;
}

.home-newsletter-container h4 {
  margin-top:3em;
  margin-bottom:1em;
}

body.home .post {
  margin-bottom: 2em;
}


/**
 * Root Media Query Variables
 */
 :root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 650px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}







/*
.ani:before {
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: calc(2px/-1);
  left: calc(2px/-1);
  background: linear-gradient(to right, fuchsia 0%, fuchsia 100%);
  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
  transform: scaleX(0) rotate(0deg);
  transition-delay: 0s;
}
.ani:hover:before {
  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
  transform: scaleX(1) rotate(0deg);
  transition-delay: 0s;
} 
*/




div.sticker {
  font-family:Coco;
  position: absolute;
  width: 80px;
  height: 80px;
  /* STICKER POSITION: */
  left: -10%;
  top: 60%;
  border-radius: 50%;
  border:3px dotted #fff;
  background: fuchsia;
  color: #fff;
  transform: rotate(-12deg);
  transition: all 300ms;
  cursor: pointer;
}

div.sticker:hover {
  transform: rotate(12deg);
}

div.sticker:active {
  transform: rotate(330deg);
}

div.sticker div {
  position: relative;
  width: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  translate:0px -2px;
  line-height: 0.6;
}

div.sticker b {
  margin: auto;
  display: inline-block;
  padding:0px;
  text-align:center;
  font-size:1.5em;
}

div.sticker i {
  margin: auto;
  display: inline-block;
  padding:0px;
  text-align:center;
  font-size:0.6em;
}

div.ebook {
  background-color: yellowgreen;
  font-size: 0.6em;
  top:76%;
}

/* BEGIN small-sticker für javascript beim verkleinern des grids */
div.small-sticker, div.small-sticker div {
  width: 55px; height: 55px;
}
div.small-sticker {
  border:2px dotted #fff;
}
div.small-sticker b {
  font-size: 1em;
  translate: 0 1px;
}
div.small-sticker i {
  display: none;
}
/*  END */

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  div.sticker, div.sticker div {
    width: 55px; height: 55px;
  }
  div.sticker {
    border:2px dotted #fff;
  }
  div.sticker b {
    font-size: 1em;
    translate: 0 1px;
  }
  div.sticker i {
    display: none;
  }
}

.menu-wrapper {
  align-items: baseline;
}

.ea-search-container {
  margin: 0; padding: 0;
  line-height: 1;
  display: block;
  padding: var(--primary-nav--padding) 0; 

}

.ea-search-submit {
  border: 0 !important;
  background-repeat: no-repeat;
  background-position: 0.5em;
  background-size: 20px;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg id='i-search' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='14' cy='14' r='12' /%3E%3Cpath d='M23 23 L30 30' /%3E%3C/svg%3E");
  padding: 0 0.5em 0 2em !important;
  font-size: var(--primary-nav--font-size) !important;
  border-radius: 0px !important;
  /*transform: translate(-4px, -1px);*/
  color:#333 !important;
  position: relative;
}

.ea-search-submit:hover {
  border-color: #ddd !important;
  color:#333 !important;
}

.ea-search-field {
  border: 0 !important;
  border-bottom: 2px dotted fuchsia !important;
  margin: 0 !important;
  -webkit-appearance: none;
  border-radius: 0;
  background:transparent !important;
  padding:0 !important;
  font-size: var(--primary-nav--font-size) !important;
  width:170px;
}

.ea-search-field:focus {
  outline-offset: 3px !important;
}

.ea-search-field::placeholder {
  color:#999 !important;
}

/*form input[type=search] {
  border: solid 0px #fff;
  box-sizing: border-box;
  outline: solid fuchsia 0;
  transition: all 0.5s ease-in;
  position: relative;
  z-index: 99;
}

form input[type=search]:focus {
  border: solid 3px fuchsia;
  outline: solid #f2f2f2 2000px;
}*/

.ea-search-label {
  display: none;
}

.home-search-container {
  text-align: center;
}

.no-underline {
  text-decoration: none;
}



/* Buttons .ea-button (für Vorschau-PDF-Datei-Button) */

.wp-block-buttons .wp-block-button.ea-button .wp-block-button__link:not(:hover):not(:active) {
	background-color: transparent !important;
  border:0;
  color:#000 !important;
  font-family: Coco;
  font-size: 1em;
  text-decoration: none;
  outline: 2px dotted fuchsia;
  outline-offset: -7px;
  padding: 1em;
}
 
.wp-block-buttons .wp-block-button.ea-button .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.ea-button .wp-block-button__link:active {
	background-color: transparent !important;
  border:0;
  color:fuchsia !important;
  font-family: Coco;
  font-size: 1em;
  text-decoration: none;
  outline: 2px dotted fuchsia;
  outline-offset: -7px;
  padding: 1em;
}

.wp-block-buttons .wp-block-button.ea-button:not(:last-child) {
  margin-right: 1em;
}

.wp-block-buttons .wp-block-button.pdf .wp-block-button__link::before {
  content: "";
  vertical-align: middle;
  width:20px;
  height:20px;
  margin-right:0.3em;
  display: inline-block;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg id='i-file' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 2 L6 30 26 30 26 10 18 2 Z M18 2 L18 10 26 10' /%3E%3C/svg%3E");
}

.wp-block-buttons .wp-block-button.phone .wp-block-button__link::before {
  content: "";
  vertical-align: middle;
  width:20px;
  height:20px;
  margin-right:0.3em;
  display: inline-block;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg id='i-telephone' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12 C3 5 10 5 16 5 22 5 29 5 29 12 29 20 22 11 22 11 L10 11 C10 11 3 20 3 12 Z M11 14 C11 14 6 19 6 28 L26 28 C26 19 21 14 21 14 L11 14 Z' /%3E%3Ccircle cx='16' cy='21' r='4' /%3E%3C/svg%3E");
}



/* Button Startseite "mehr Infos" bei Terminen */

.home-termine-mehr-infos-button {
  background-color: transparent !important;
  border:0;
  color:#000 !important;
  font-family: Coco;
  font-size: small;
  text-decoration: none;
  outline: 2px dotted fuchsia;
  padding: 0.5em;
  margin:0;
  margin-top:0.5em;
  display:inline-block;
}

.home-termine-mehr-infos-button:hover {
  background-color: fuchsia !important;
  color:#fff !important;
}

/* Sharing Links */

.icon-mail::before {
  content: "";
  vertical-align: middle;
  width:20px;
  height:20px;
  margin-right:0.3em;
  display: inline-block;
  background-size: contain;  
  background-image: url("data:image/svg+xml,%3Csvg id='i-mail' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 26 L30 26 30 6 2 6 Z M2 6 L16 16 30 6' /%3E%3C/svg%3E");
}

.icon-twitter::before {
  content: "";
  vertical-align: middle;
  width:20px;
  height:20px;
  margin-right:0.3em;
  display: inline-block;
  background-size: contain;  
  background-image: url("data:image/svg+xml,%3Csvg id='i-twitter' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='32' height='32'%3E%3Cpath stroke-width='0' fill='currentColor' d='M60 16 L54 17 L58 12 L51 14 C42 4 28 15 32 24 C16 24 8 12 8 12 C8 12 2 21 12 28 L6 26 C6 32 10 36 17 38 L10 38 C14 46 21 46 21 46 C21 46 15 51 4 51 C37 67 57 37 54 21 Z' /%3E%3C/svg%3E");
}

.icon-fb::before {
  content: "";
  vertical-align: middle;
  width:20px;
  height:20px;
  margin-right:0.3em;
  display: inline-block;
  background-size: contain;  
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30px' height='30px'%3E%3Cpath d='M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z'/%3E%3C/svg%3E");
}

.icon-link::before {
  content: "";
  vertical-align: middle;
  width:20px;
  height:20px;
  margin-right:0.3em;
  display: inline-block;
  background-size: contain;  
  background-image: url("data:image/svg+xml, %3Csvg class='copylinkbutton' id='i-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='25' height='25' fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 8 C18 8 24 2 27 5 30 8 29 12 24 16 19 20 16 21 14 17 M14 24 C14 24 8 30 5 27 2 24 3 20 8 16 13 12 16 11 18 15' /%3E%3C/svg%3E");
}


.sharing {
  border-bottom: 2px dotted fuchsia;
  padding-bottom: 1em;
  font-family:monospace;
  font-size: smaller;
}

.sharing a {
  /*border:2px dotted fuchsia;
  padding:0.3em;
  text-decoration: none;
  display:inline-block;
  margin-bottom:0.3em;*/
}

.sharing a:focus {
  background:fuchsia !important;
}

.sharing-termin {
  /*border-top: 2px dotted #000;*/
  padding-top: 1em;
  font-family:monospace;
  font-size: smaller;
}



/* ENDE Buttons */



/* Fancy Button Style */

.fancy-button {
  font-family: Coco;
  font-size: 1em;
  text-decoration: none;
  outline: 2px dotted fuchsia;
  outline-offset: -7px;
  padding: 1em;
  text-align: center;
}

/* Swipe Startseite */

.swipe {
  overflow: hidden;
  visibility: hidden; 
  position: relative;
  width: 300px;
  width: 100%;
  margin: auto;
  max-width: none !important;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  display: flex;
  flex-direction:column;
  align-items: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.swipe-wrap .grid-book-cover {
  width: 200px;
}

.swipe-wrap .grid-book-cover img {
  height: 100% !important;
}

.grid.grid-neuerscheinungen {
  display: none;
}

@media only screen and (min-width: 822px) {
  .swipe {
    display: none;
  }
  .grid.grid-neuerscheinungen {
    display: grid;
  }
}








/* wackeln */

div.sticker {
  -webkit-animation: vibrate-1 4s linear infinite both;
          animation: vibrate-1 4s linear infinite both;
}

div.sticker:hover {
  animation-play-state: paused;
}

div.sticker div:hover {
  transform: rotate(-12deg);
}

/* ----------------------------------------------
 * Generated by Animista on 2022-4-20 10:38:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}



/*z index problem mobiles menü verlags logo*/

.no-print .wp-block-column {
  /*z-index: -1;*/
}




@media print {
  
  body {
    background:#fff !important;
  }
  
  a::after{
    display:none;
  }
   
  .no-print, .no-print *
  {
      display: none !important;
  }
  
  [role="tabpanel"] {
    display:block;
  }
  
  .button-container {
    display: none !important;
  }
  
  div[role="tablist"], div[role="tablist"] p {
    font-size: small !important;
    line-height: 1;
  }
  
  .site-header {
    padding:0 0 !important;
  }
  
  .site-main {
    padding-top:0 !important;
  }
  
  .left-col {
    width: 40%;
  }
  
  .right-col {
    width: 60%;
  }
  
}



.pagination {
  display: flex;
  justify-content: space-between;
  margin: 2em 0;
}

.pagination .nav-previous,
.pagination .nav-next {
  padding: 0.5em 1em;
  background: #f5f5f5;
  border-radius: 3px;
}

.pagination a {
  text-decoration: none;
}