@charset "UTF-8";
/* CSS Document */
/*
 Theme Name:   twentytwentythree-child
 Description:  twentytwentythree
 Author:       frankfurtwest
 Author URI:   www.frankfurtwest.com
 Template:     twentytwentythree
 Version:      1.0
 Text Domain:  twentytwentythree-child
*/
/* ASSOZIATION A */
@font-face {
  font-family: "iconfont";
  src: url("fonts/iconfont.eot");
  src: url("fonts/iconfont.eot#iefix") format("embedded-opentype"), url("fonts/iconfont.woff2") format("woff2"), url("fonts/iconfont.woff") format("woff"), url("fonts/iconfont.ttf") format("truetype"), url("fonts/iconfont.svg#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  background: #ff6 !important;
}

body {
  /* Silbentrennung */
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  background: #fff !important;
  border-top: 12px solid var(--wp--preset--color--tertiary);
}
body > div > main {
  /*
  width: 100% !important;
  min-width: 100% !important;
  max-width: 1200px !important;
  */
}

p + p,
.wp-block-term-description p,
.x {
  margin-top: 1rem !important;
}

img[src=""] {
  display: none;
}

/*+ selection */
:active,
:focus {
  outline: none !important;
}

::-moz-selection {
  background: var(--wp--preset--color--primary);
  color: #fff;
}

::selection,
::-moz-selection {
  background: var(--wp--preset--color--primary);
  color: #fff;
}

/* font Antonio anybody */
.wc-block-components-product-name,
.wc-block-cart-item__quantity,
.wc-block-cart-items__header,
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-item,
.taxonomy-product_cat,
.wp-block-post-terms,
.x {
  font-family: "Antonio", "Roboto-condensed", sans-serif;
}

/* text uppercase anybody */
.wc-block-cart-item__quantity,
.x {
  text-transform: uppercase !important;
}

.border-bottom-2 {
  padding-bottom: 1rem !important;
  border-bottom: 2px dotted var(--wp--preset--color--primary);
}

.has-primary-background-color::-moz-selection, .has-primary-background-color + .wp-block-cover__inner-container ::-moz-selection {
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--primary);
}

.has-primary-background-color::selection, .has-primary-background-color::-moz-selection, .has-primary-background-color::-webkit-selection, .has-primary-background-color + .wp-block-cover__inner-container ::selection, .has-primary-background-color + .wp-block-cover__inner-container ::-moz-selection, .has-primary-background-color + .wp-block-cover__inner-container ::-webkit-selection,
.has-primary-background-color .x {
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--primary);
}

/* product button */
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 1px solid var(--wp--preset--color--secondary) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
  color: var(--wp--preset--color--secondary) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--secondary) !important;
}

:root :where(.wp-element-button:not(:hover), .wp-block-button__link::not(:hover)),
:root :where(.wp-element-button:visited:not(:hover), .wp-block-button__link:visited:not(:hover)),
.x {
  color: var(--wp--preset--color--secondary) !important;
  background-color: var(--wp--preset--color--base) !important;
  box-shadow: none !important;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover),
:root :where(.wp-element-button:focus, .wp-block-button__link:focus),
:root :where(.wp-element-button:active, .wp-block-button__link:active),
.wc-block-components-button:not(.is-link).outlined:hover,
.wc-block-components-button:hover,
.wc-block-components-button:not(.is-link).outlined:focus,
.wc-block-components-button:focus,
.wc-block-components-button:not(.is-link).outlined:active,
.wc-block-components-button:active,
.x {
  color: var(--wp--preset--color--base) !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.wc-block-components-button:not(.is-link).outlined:hover,
.wc-block-components-button:hover,
.x {
  background-color: var(--wp--preset--color--secondary) !important;
}

:root :where(.wp-element-button:focus, .wp-block-button__link:focus),
:root :where(.wp-element-button:active, .wp-block-button__link:active),
.wc-block-components-button:not(.is-link).outlined:focus,
.wc-block-components-button:focus,
.wc-block-components-button:not(.is-link).outlined:active,
.wc-block-components-button:active,
.x {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--base) !important;
}

th {
  text-align: left;
  padding-right: 0.4em;
}

td p {
  margin: 0.2em 0;
}

.nowrap, .nowrap *,
.is-nowrap, .is-nowrap *,
.x {
  white-space: nowrap !important;
}

.wp-block-site-logo .custom-logo {
  width: 360px !important;
  max-width: 100%;
  height: auto;
}
@media (min-width: 576px) {
  .wp-block-site-logo .custom-logo {
    margin-top: -20px;
  }
}
.wp-block-site-logo.logo-start .custom-logo {
  width: 480px !important;
}
@media (min-width: 768px) {
  .wp-block-site-logo.logo-start .custom-logo {
    margin-top: -20px;
  }
}

.stock.out-of-stock {
  font-size: 0.00001px;
}
.stock.out-of-stock::before {
  font-size: 1.2rem;
  color: red;
  content: "Vergriffen";
}

.product_cat-bald-im-programm .stock.out-of-stock::before {
  content: "Noch nicht erschienen";
}

/* nav-top */
@media (min-width: 768px) {
  .nav-top {
    height: auto;
  }
}

/* search */
.wp-block-search__button {
  height: 28px !important;
  border: 0 !important;
  color: var(--wp--preset--color--contrast);
  font-size: 2rem;
  padding: 2px 0.4rem !important;
  margin: auto !important;
}
.wp-block-search__button .search-icon {
  scale: 1.4;
}

/*mini-cart */
.wc-block-mini-cart__button {
  transform: scale(0.9);
  padding: 0 0.6rem 0 0 !important;
}

/*social btns */
.wp-block-social-links .wp-social-link svg {
  width: 28px !important;
}

/*mobil navigation modal backdrop */
.wp-block-navigation__responsive-container-close {
  top: 10px;
}

.wp-block-navigation__responsive-container-close::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* menu open /**/
.wp-block-navigation__responsive-container-open:hover, .wp-block-navigation__responsive-container-open:focus, .wp-block-navigation__responsive-container-open:active {
  color: var(--wp--preset--color--secondary);
}

.product-subtitle {
  font-family: "Antonio" !important;
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
}

.has-error input {
  border-width: 6px !important;
}

/* wc product tabs */
.wc-tabs {
  margin-bottom: 0;
}
.wc-tabs li {
  padding: 0 !important;
}
.wc-tabs li a {
  padding: 0.4rem 2rem 0.4rem 0.2rem !important;
  font-family: "Antonio", "Roboto Condensed", sans-serif !important;
}

.wc-tab {
  margin-left: 0.2rem !important;
}

.wp-block-post-excerpt {
  line-height: 1.4 !important;
}

.wp-block-post-terms {
  line-height: 1.2 !important;
}
.wp-block-post-terms .wp-block-post-terms__separator {
  color: var(--wp--preset--color--secondary);
}

.wc-block-product-categories-list {
  font-family: "Antonio", "Roboto Condensed", sans-serif !important;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--secondary);
  padding-left: 0;
}
.wc-block-product-categories-list li {
  position: relative;
  list-style: none;
  line-height: 1.2 !important;
}
.wc-block-product-categories-list li a {
  display: inline-block;
  padding: 0.3rem 0 0.4rem 1.1em;
}
.wc-block-product-categories-list li a::before {
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: 0;
  font-family: "iconfont";
  content: "\f138 ";
  font-size: 0.85em;
  color: var(--wp--preset--color--secondary);
  opacity: 0.6;
}

.wc-block-product-categories-list li a[href*=vergriffen],
.taxonomy-product_cat a[href*=vergriffen] {
  display: none;
  display: none;
}
.wc-block-product-categories-list li a[href*=vergriffen] + span,
.taxonomy-product_cat a[href*=vergriffen] + span {
  display: none;
}
.wc-block-product-categories-list li a[href*=neuerscheinungen],
.taxonomy-product_cat a[href*=neuerscheinungen] {
  display: none;
  display: none;
}
.wc-block-product-categories-list li a[href*=neuerscheinungen] + span,
.taxonomy-product_cat a[href*=neuerscheinungen] + span {
  display: none;
}
.wc-block-product-categories-list li a[href*=ankuendigungen],
.taxonomy-product_cat a[href*=ankuendigungen] {
  display: none;
  display: none;
}
.wc-block-product-categories-list li a[href*=ankuendigungen] + span,
.taxonomy-product_cat a[href*=ankuendigungen] + span {
  display: none;
}
.wc-block-product-categories-list li a[href*=neu-im-programm],
.taxonomy-product_cat a[href*=neu-im-programm] {
  display: none;
}
.wc-block-product-categories-list li a[href*=neu-im-programm] + span,
.taxonomy-product_cat a[href*=neu-im-programm] + span {
  display: none;
}
.wc-block-product-categories-list li a[href*=bald-im-programm],
.taxonomy-product_cat a[href*=bald-im-programm] {
  display: none;
  display: none;
}
.wc-block-product-categories-list li a[href*=bald-im-programm] + span,
.taxonomy-product_cat a[href*=bald-im-programm] + span {
  display: none;
}

.autorinnen-list {
  padding-left: 0 !important;
}
@media (min-width: 992px) {
  .autorinnen-list {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 1200px) {
  .autorinnen-list {
    -moz-column-count: 3;
         column-count: 3;
  }
}
.autorinnen-list li {
  position: relative;
  list-style: none;
  line-height: 1.2 !important;
}
.autorinnen-list li a {
  display: inline-block;
  padding: 0.3rem 0 0.4rem 1.1em;
}
.autorinnen-list li a::before {
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: 0;
  font-family: "iconfont";
  content: "\f138 ";
  font-size: 0.85em;
  color: var(--wp--preset--color--secondary);
  opacity: 0.6;
}

.home .wc-block-product-categories-list {
  font-size: var(--wp--preset--font-size--large);
}
.home .wc-block-product-categories-list li::before {
  font-size: 0.85em;
}
@media (min-width: 864px) {
  .home .wc-block-product-categories-list {
    -moz-column-count: 2;
         column-count: 2;
  }
}

.taxonomy-autoren.wp-block-post-terms,
taxonomy-autoren {
  font-family: Antonio, "Roboto Condensed Light", sans-serif;
}

.wc-tab em {
  font-family: "Roboto Condensed Light", sans-serif;
}

.wc-gzd-additional-info {
  margin-bottom: 0 !important;
  line-height: 1 !important;
  font-size: 0.9rem !important;
  font-family: "Roboto Condensed Light", sans-serif;
  /* ausschalten */
  display: none;
}

.wc-gzd-checkout .wc-block-components-order-summary {
  background-color: #ffffcc;
  background-color: #f6f6f6;
  border-color: var(--wp--preset--color--secondary) !important;
}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
  border-style: solid !important;
}

.attachment-woocommerce_single,
.wp-post-image img {
  border: 1px solid #eee;
}

.a2z a {
  display: inline-block;
  width: 2rem;
  padding: 0.1rem 0.15rem;
  margin: 1px;
  font-family: "Antonio" !important;
  text-align: center;
  text-decoration: none;
  font-size: var(--wp--preset--font-size--large);
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--base);
}
.a2z a:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}

.tax-a-z h3.a2z {
  display: none;
}
.tax-a-z h3.nach-themen {
  margin-top: 0 !important;
}

/* posts-navigation */
.posts-navigation {
  position: fixed;
  top: 66%;
  height: 0.1px;
  width: 100%;
  margin-top: 0 !important;
  z-index: 2222;
}

.posts-navigation > div {
  height: 0.1px;
}

.wp-block-post-navigation-link {
  position: relative;
  color: var(--wp--preset--color--base) !important;
}

.wp-block-post-navigation-link a {
  color: var(--wp--preset--color--base) !important;
  text-decoration: none;
}
.wp-block-post-navigation-link:not(:empty)::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100px;
  height: 50px;
  top: -10px;
  left: -10px;
  background-color: var(--wp--preset--color--secondary);
}
.wp-block-post-navigation-link:not(:empty)::before:hover {
  background-color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination {
  border-top: 2px dotted var(--wp--preset--color--secondary) !important;
}

/* supertitle */
.supertitle {
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.1) !important;
  line-height: 0.9;
  margin-bottom: 0px !important;
}
.supertitle + div {
  margin-top: 0px !important;
}

.wp-block-post.type-product {
  position: relative;
}

/* form */
.qty {
  padding: 0 !important;
}

.product-type-simple a {
  position: relative;
}
.product-type-simple a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*columns reset */
/*grid */
:where(body .is-layout-grid) {
  -moz-column-gap: calc(1.6% + 5px) !important;
       column-gap: calc(1.6% + 5px) !important;
}

@media (min-width: 500px) {
  .wp-block-post-template.columns-5,
  .wp-block-post-template.columns-6,
  .x {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (min-width: 576px) {
  .wp-block-post-template.columns-2,
  .wp-block-post-template.columns-3,
  .wp-block-post-template.columns-4,
  .x {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* */
@media (min-width: 576px) {
  .wp-block-post-template.columns-5,
  .wp-block-post-template.columns-6,
  .x {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}
@media (min-width: 768px) {
  .wp-block-post-template.columns-3,
  .wp-block-post-template.columns-4,
  .x {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}
/* */
@media (min-width: 768px) {
  .wp-block-post-template.columns-5,
  .wp-block-post-template.columns-6,
  .x {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
}
@media (min-width: 992px) {
  .wp-block-post-template.columns-4,
  .x {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
}
@media (min-width: 992px) {
  .wp-block-post-template.columns-5,
  .x {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (min-width: 992px) {
  .wp-block-post-template.columns-6,
  .x {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
.stretched-link {
  text-decoration: none;
}
.stretched-link::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/*Modal Navigation * /
header .is-menu-open.has-modal-open {
    background-color: var(--wp--preset--color--tertiary) !important;
}

/* */
#modal-2 {
  z-index: 9999 !important;
  height: 100% !important;
}
#modal-2 a:hover {
  color: var(--wp--preset--color--primary) !important;
}

header {
  position: relative;
  z-index: 2 !important;
}
header .wp-block-navigation {
  font-family: "Antonio", "Roboto Condensed", sans-serif;
  font-size: var(--wp--preset--font-size--large);
}
header .wp-block-navigation a {
  color: var(--wp--preset--color--secondary) !important;
}

main {
  /* position * /    position: relative; /**/
  z-index: 0 !important;
}

footer {
  border-top: 6px solid var(--wp--preset--color--tertiary);
  font-size: 1rem;
}
footer .wp-block-navigation {
  font-size: 1rem;
}
footer .wp-block-cover__background {
  z-index: 0 !important;
}

footer .wp-block-cover__inner-container {
  z-index: 0 !important;
}

.cover + footer.wp-block-template-part {
  margin-top: 0 !important;
}

/* table */
.is-style-regular tr td:not(:first-child) {
  white-space: nowrap;
  /* Silbentrennung */
  -ms-word-break: keep-all;
  word-break: keep-all;
}

.is-style-regular th {
  text-align: left;
}

.is-style-regular td,
.is-style-regular th,
.x {
  padding: 2px;
}

.blt-arrow-circle li::marker {
  font-family: "iconfont";
  content: "\f138 ";
  display: block !important;
  margin-top: 1em;
  font-size: 1.8em;
}

.wp-block-columns.is-layout-flex.tiles {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.yoast-breadcrumbs a:hover,
.yoast-breadcrumbs a:active,
.x {
  color: var(--wp--preset--color--primary);
}

.yoast-breadcrumbs + h1 {
  margin-top: 0 !important;
}

.has-primary-color::before {
  border-bottom-color: var(--wp--preset--color--primary) !important;
}

.has-secondary-color::before {
  border-bottom-color: var(--wp--preset--color--secondary) !important;
}

.has-base-color::before {
  border-bottom-color: var(--wp--preset--color--base) !important;
}

.primary {
  color: var(--wp--preset--color--primary);
}

.secondary {
  color: var(--wp--preset--color--secondary);
}

.underline {
  text-decoration: underline !important;
}

/* line-height */
.lh-08 {
  line-height: 0.8 !important;
}

.lh-10 {
  line-height: 1 !important;
}

.lh-12 {
  line-height: 1.2 !important;
}

.lh-14 {
  line-height: 1.4 !important;
}

.lh-16 {
  line-height: 1.6 !important;
}

.lh-10.line-left::before, .lh-10.line-right::before {
  margin-top: 0.89em;
}

/* flex */
.fai-center {
  display: flex;
  align-items: center;
}

.fjc-end {
  display: flex;
  justify-content: flex-end;
}

.w-100-par > div {
  width: 100% !important;
}

/* scale */
.scale-1 {
  transition: all 0.2s ease-in-out;
}

.scale-1:hover {
  transform: scale(1.05);
}

.bigger-1 {
  transform: scale(1.2);
}

.bigger-2 {
  transform: scale(1.6);
}

.bigger-3 {
  transform: scale(2);
}

/* margin */
.margin-auto {
  margin: auto !important;
}

.margin-hori-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-vert-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* padding */
@media (min-width: 784px) {
  .padding-md-1 {
    padding-left: var(--wp--preset--spacing--10) !important;
    padding-right: var(--wp--preset--spacing--10) !important;
  }
  .padding-md-2 {
    /*
    padding-left: var(--wp--preset--spacing--20) !important;   
    padding-right: var(--wp--preset--spacing--20) !important;  
    */
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
/** grid*/
.grid-row-2 {
  grid-row: 2 !important;
}

/** bs */
.wp-bootstrap-blocks-row.row {
  margin-left: calc(-0.5 * var(--bs-gutter-x)) !important;
  margin-right: calc(-0.5 * var(--bs-gutter-x)) !important;
  margin-left: -12px !important;
  margin-right: -12px !important;
}
