/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/



.is-style-intro{
  font-size:clamp(20px, 2.2vw, 30px);
  line-height:1.6;
}


:root{
  --wp--preset--spacing--60: clamp(30px, 2vw, 165px);
  --wp--preset--color--luminous-vivid-amber: #ffb300;
  --wp--preset--color--pale-pink: #99b300;
}


@media (max-width:1200px) {
  h1, h2, h3, p{
    hyphens: auto;
  }
}
@media (max-width:500px) {
  .wp-container-core-columns-is-layout-f4d940dd {
    gap: 20px 20px!important;
  }
}


  h2, .entry-content :where(h2) {
    font-family: "Open Sans";
    font-weight: 700;
  }
  h2#pharmaTitle{
    font-family: "Bevan";
  }

  .wp-block-heading {
  margin-bottom: 40px;
}
@media (max-width: 544px) {
  h2, .entry-content :where(h2) {
    font-size: 1.0rem;
  }
}


.page-template-default .site{
  background-color: #fff;
}
.home .site{
  background-color: #000;
}
.home .site > p{
  color: #fff;
}
.home .pharma-page .pharma-intro-block p.is-style-intro {
  color: #fff;
}
.page .pharma-page .pharma-intro-block p,
.pharma-modal {
  color: #000;
}


.btn {
  padding: 10px 20px;
  border-radius: 100px;
  text-decoration: none!important;
  margin: 30px 0 30px 0;
  display: inline-block;
}
.dark {
  background-color: #000;
  color: #fff!important;
}
.dark:hover {
  background-color: #616161;
  color: #fff!important;
}
.back{
  padding-left: 45px;
}
.back:before{
  content: "";
  width: 40px;
  height: 30px;
  display: block;
  position: absolute;
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0l22.6-22.6c12.5-12.5 12.5-32.8 0-45.3L154.5 256 269.3 141.3c12.5-12.5 12.5-32.8 0-45.3l-22.6-22.6c-12.5-12.5-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E") no-repeat center / contain;
  margin-left: -40px;
}



.pharma-nojs{
  padding:40px;
  text-align:center;
  background:#f5f5f5;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:18px;
}



/* Buttons im Content überschreiben */
.wp-block-button .wp-block-button__link{
  background-color: transparent;
  border-color: var(--wp--preset--color--luminous-vivid-amber);
  color:var(--wp--preset--color--luminous-vivid-amber);
  border: 2px solid var(--wp--preset--color--luminous-vivid-amber);
  padding:15px 30px;
  font-size: inherit;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus{
  background-color: var(--wp--preset--color--luminous-vivid-amber);
  border-color: var(--wp--preset--color--luminous-vivid-amber);
  color: #000;
}

.weiterlesen{
  color:var(--wp--preset--color--pale-pink);
}
.weiterlesen:hover{
  color:var(--wp--preset--color--pale-pink);
  text-decoration: underline;
}



/* Zitatformatierung */

.wp-block-quote,
blockquote {
  margin: 2.5rem 0;
  padding: 2rem 2rem 2rem 2.5rem;
  background: #f8f5ef;
  border-left: 6px solid var(--pharma-accent);
  border-radius: 16px;
  position: relative;
}

.wp-block-quote::before,
blockquote::before {
  content: "“";
  position: absolute;
  top: 0.4rem;
  left: 1rem;
  font-size: 4rem;
  line-height: 1;
  color: var(--pharma-accent);
  opacity: 0.5;
  font-family: Georgia, serif;
}

.wp-block-quote p,
blockquote p {
  margin: 0;
}

.wp-block-quote p:first-child,
blockquote p:first-child {
  font-size: 1.35rem;
  line-height: 1.7;
  font-style: italic;
  font-weight: 500;
  color: #222;
  margin-bottom: 1rem;
}

.wp-block-quote p:last-child,
blockquote p:last-child {
  font-size: 0.95rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: inherit;
  color: #666;
  font-style: normal;
}

.wp-block-quote cite,
blockquote cite {
  display: block;
  margin-top: 1rem;
  font-size: 0.95rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #666;
}

@media (max-width: 767px) {
  .wp-block-quote,
  blockquote {
    padding: 1.5rem 1.25rem 1.5rem 1.5rem;
    border-radius: 12px;
  }

  .wp-block-quote p:first-child,
  blockquote p:first-child {
    font-size: 1.1rem;
  }

  .wp-block-quote::before,
  blockquote::before {
    font-size: 3rem;
    left: 0.75rem;
  }
}
@media (max-width: 450px) {
  .wp-block-quote,
  blockquote {
    padding: 1.5rem 1.25rem 1.5rem 1.5rem;
    border-radius: 12px;
  }

  .wp-block-quote p:first-child,
  blockquote p:first-child,
  blockquote p:last-child {
    font-size: 0.8rem;
  }

  .wp-block-quote::before,
  blockquote::before {
    font-size: 2rem;
    left: 0.75rem;
  }
  #pharmaLiteraturquellen li,
  #pharmaBildquellen li {
  font-size: 85%;
}
}



/* Overlay Menü */


.page-template-default [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #000;
}
.home [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #fff;
}
.ast-button-wrap .menu-toggle:focus {
  outline: none;
}

  #ast-desktop-header {
    display: none !important;
  }

  #ast-mobile-header {
    display: block !important;
  }

  .ast-mobile-header-wrap {
    display: block !important;
  }

  #ast-mobile-header .ast-primary-header-bar {
    display: block !important;
    position: relative !important;
    z-index: 1002 !important;
    background: transparent !important;
    border: 0 !important;
  }

  #ast-mobile-header .ast-builder-grid-row {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-height: 80px !important;
  }

  #ast-mobile-header .site-header-primary-section-left {
    display: none !important;
  }

  #ast-mobile-header .site-header-primary-section-right {
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  #ast-mobile-header [data-section="section-header-mobile-trigger"] {
    display: flex !important;
    width: auto !important;
    margin-left: 0 !important;
    justify-content: flex-end !important;
    align-items: center !important;
    z-index: 1003 !important;
  }

  #ast-mobile-header .menu-toggle.main-header-menu-toggle {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    min-width: 44px !important;
    min-height: 44px !important;
    box-shadow: none !important;
  }

  #ast-mobile-header .menu-toggle.main-header-menu-toggle .ast-mobile-svg {
    width: 30px !important;
    height: 30px !important;
    transition: transform .25s ease, opacity .25s ease !important;
  }

  #ast-mobile-header .ast-mobile-header-content {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1001 !important;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.72) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .3s ease, visibility .3s ease !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #ast-mobile-header .ast-builder-menu-mobile {
    display: block !important;
    width: 100% !important;
    max-width: 1000px !important;
    padding: 40px 20px !important;
    transform: translateY(18px) !important;
    opacity: 0 !important;
    transition: transform .35s ease, opacity .35s ease !important;
  }

  #ast-mobile-header .ast-builder-menu-mobile .main-header-menu,
  #ast-mobile-header .ast-builder-menu-mobile .main-navigation ul,
  #ast-mobile-header .ast-mobile-header-content .main-header-menu,
  #ast-mobile-header .main-header-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 18px !important;
  }

  #ast-mobile-header .ast-builder-menu-mobile .menu-item,
  #ast-mobile-header .ast-mobile-header-content .menu-item,
  #ast-mobile-header .main-header-menu > .menu-item {
    display: block !important;
    width: 100% !important;
    line-height: normal !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #ast-mobile-header .ast-builder-menu-mobile .menu-link,
  #ast-mobile-header .ast-mobile-header-content .menu-link {
    display: inline-block !important;
    width: auto !important;
    padding: 6px 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 3vw, 44px) !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-align: center !important;
    transition: opacity .25s ease, transform .25s ease, color .25s ease !important;
  }

  #ast-mobile-header .ast-builder-menu-mobile .menu-link:hover,
  #ast-mobile-header .ast-builder-menu-mobile .menu-link:focus {
    color: #fff !important;
    opacity: .72 !important;
    transform: translateY(-1px) !important;
  }

  #ast-mobile-header .ast-builder-menu-mobile .sub-menu,
  #ast-mobile-header .ast-builder-menu-mobile .ast-menu-toggle {
    display: none !important;
  }

  .ast-main-header-nav-open #ast-mobile-header .ast-mobile-header-content,
  .ast-main-header-nav-open.ast-popup-nav-open #ast-mobile-header .ast-mobile-header-content {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .ast-main-header-nav-open #ast-mobile-header .ast-builder-menu-mobile,
  .ast-main-header-nav-open.ast-popup-nav-open #ast-mobile-header .ast-builder-menu-mobile {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }

  body.ast-main-header-nav-open {
    overflow: hidden !important;
  }


  @media (max-width: 921px) {
  .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
    background-color: transparent;
  }

.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
    background-color: transparent;
  }
}



/* Footer Menü */
#astra-footer-menu li a{
  text-decoration: none;
  color: #666;
}
#astra-footer-menu li a:hover{
  color: #000;
}