/* additional.css — Hygiene-Produktseite (Rebuild)
 * Extracted verbatim from recon/live-theme-style.css (theme 'hoher') for the PRODUCT
 * page sections that Uncode/WPBakery + the three already-deployed stylesheets
 * (hoeher-global.css, hoeher-live-components.css, hoeher-home.css) do NOT cover.
 * Rules whose selector is already deployed are skipped (no duplicates).
 * NOT deployed by the build agent; collected for the verify/lead step to append to
 * hoeher-live-components.css (version bump).
 * NEW sections: course-hero(+data grid), sticky-button, course-navigation,
 * course-description(sidebar/content/info/download), course-tiles, course-dates/
 * dates-table(+add-to-cart-button, inert), cert-finance/certificate/financing,
 * faq-mini(accordion, collapsed resting state), icon-circle, info-icon.
 * Reused (already deployed): hero-search__rating*, media-text*, ratings-block*,
 * testimonials*, rating-stars, contact-form-section*, subscribe-block*.
 */

/* --- section rules (verbatim, deduped) --- */
.icon-circle{align-items:center;background:var(--primary-300);border-radius:50%;display:flex;height:3.75rem;justify-content:center;width:3.75rem}
.checkout-course-data__content .icon-circle{left:0;position:absolute;top:0}
.checkout-course-data__content .icon-circle svg{height:24px;width:24px}
.faq-mini-section{background-color:var(--bg-color);margin-bottom:136px;margin-top:136px;position:relative}
.faq-mini-section:before{background:var(--bg-image);background-repeat:no-repeat;background-size:cover;content:"";height:100%;min-width:1400px;position:absolute;right:0;top:0;width:100%}
@media only screen and (max-width:991px){
  .faq-mini-section:before{right:-50%;width:200%}
}
@media only screen and (max-width:767px){
  .faq-mini-section{margin:3rem 0}
  .faq-mini-section:before{background:var(--bg-image-mobile);background-position:bottom;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;min-width:100%;right:auto;top:auto;width:100%}
}
.faq-mini-section .container{position:relative;z-index:1}
.faq-mini-section .faq-mini{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}
@media only screen and (max-width:991px){
  .faq-mini-section .faq-mini{align-items:start}
}
@media only screen and (max-width:767px){
  .faq-mini-section .faq-mini{display:flex;flex-direction:column;gap:40px}
}
.faq-mini-section .faq-mini__content-holder{grid-column:span 5;position:relative;width:100%}
.faq-mini-section .faq-mini__content-holder .button{margin-top:32px}
.faq-mini-section .faq-mini__faq-holder{display:flex;flex-direction:column;grid-column:span 7;width:100%}
@media only screen and (max-width:767px){
  .faq-mini-section .faq-mini__faq-holder{padding-left:0}
}
.faq-mini-section .faq-mini__faq-holder .item{background:#f7f5f1;border-radius:8px;margin-bottom:16px;overflow:hidden}
.faq-mini-section .faq-mini .question{background:none;border:none;color:var(--typography-black);cursor:pointer;font-family:var(--font4);font-size:20px;font-weight:500;line-height:1.6;padding:16px 60px 16px 16px;position:relative;text-align:left;width:100%}
.faq-mini-section .faq-mini .question:before{background:url('https://hoeher-test.mhcommerce.net/wp-content/uploads/2026/07/angle-right-light.svg') no-repeat;content:"";position:absolute}
.faq-mini-section .faq-mini .question span{display:block;max-width:calc(100% - 22px)}
.faq-mini-section .faq-mini .question:after{background:url('https://hoeher-test.mhcommerce.net/wp-content/uploads/2026/07/plus.svg') no-repeat 50%;content:"";font-size:1.25rem;height:16px;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:.2s;width:16px}
.faq-mini-section .faq-mini .question.is-open:after{background:url('https://hoeher-test.mhcommerce.net/wp-content/uploads/2026/07/xmark.svg') no-repeat 50%;content:""}
.faq-mini-section .faq-mini .answer{color:var(--typography-dark-grey);display:none;font-family:var(--font4);font-size:16px;font-weight:400;line-height:1.5;padding:24px 64px}
@media only screen and (max-width:767px){
  .faq-mini-section .faq-mini .answer{padding-left:16px;padding-right:16px}
}
.faq-mini-section .faq-mini .answer.visible{display:block}
.course-hero-section{background:url('https://hoeher-test.mhcommerce.net/wp-content/uploads/2026/07/bg-course-hero.svg') no-repeat 50%;background-size:cover;padding:5rem 0 3.75rem}
@media only screen and (max-width:767px){
  .course-hero-section{padding:1.75rem 0 3rem}
}
.course-hero__main{align-items:flex-start;display:flex;flex-direction:column;gap:1.063rem;max-width:720px}
@media only screen and (max-width:767px){
  .course-hero__main{gap:.875rem}
}
.course-hero__trusted-by img{max-width:402px}
@media only screen and (max-width:767px){
  .course-hero__trusted-by img{max-width:327px}
}
.course-hero__tags{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}
@media only screen and (max-width:767px){
  .course-hero__title{font-size:clamp(28px,6vw,50px);line-height:1.42857}
}
.course-hero__description{color:var(--typography-dark-grey);font-family:var(--font4);font-size:16px;font-weight:400;line-height:1.5;margin:5px 0 8px}
@media only screen and (max-width:767px){
  .course-hero__description{color:var(--typography-dark-grey);font-family:var(--font4);font-size:14px;font-weight:400;line-height:1.71429;margin-top:8px}
}
.course-hero__buttons{display:flex;gap:8px}
.course-hero__buttons .button{height:3.188rem!important}
@media only screen and (max-width:767px){
  .course-hero__buttons{flex-direction:column;width:100%}
  .course-hero__buttons .button{width:100%}
}
.course-hero__data{display:flex;justify-content:space-between;margin-top:4.75rem;padding-left:1rem}
.course-hero__data-item{padding-left:4.063rem;position:relative}
@media only screen and (max-width:991px){
  .course-hero__data-item{width:calc(50% - 1rem)}
}
@media only screen and (max-width:767px){
  .course-hero__data-item{display:flex;flex-direction:column;gap:8px;padding-left:0}
}
.course-hero__data-icon{left:0;position:absolute;top:50%;transform:translateY(-50%)}
.course-hero__data-icon svg{height:2.563rem;width:2.563rem}
@media only screen and (max-width:767px){
  .course-hero__data-icon{height:2rem;left:0;position:static;top:0;transform:translateY(0)}
  .course-hero__data-icon svg{height:2rem;width:2rem}
}
.course-hero__data-label{color:var(--typography-dark-grey);color:var(--typography-light-grey);font-family:var(--font4);font-size:14px;font-weight:400;line-height:1.71429}
@media only screen and (max-width:767px){
  .course-hero__data-label{color:var(--typography-dark-grey);font-family:var(--font4);font-size:12px;font-weight:400;line-height:1.33333}
}
.course-hero__data-value{color:var(--typography-black);font-family:var(--font4);font-size:16px;font-weight:500;line-height:1.5}
@media only screen and (max-width:767px){
  .course-hero__data-value{color:var(--typography-black);font-family:var(--font4);font-size:14px;font-weight:500;line-height:1.71429}
}
@media only screen and (max-width:991px){
  .course-hero__data{flex-wrap:wrap;gap:1.5rem 1rem}
}
@media only screen and (max-width:767px){
  .course-hero__data{margin-top:3rem;padding-left:0}
}
.header-sticky.navigation-fixed .course-navigation-section{background:#f7f5f1;top:var(--hh)}
.course-navigation-section{background:#fff;border-bottom:1px solid var(--background-borders);overflow:auto;padding-bottom:1rem;padding-top:1rem}
.navigation-fixed .course-navigation-section{left:0;position:fixed;right:0;top:0;z-index:1000}
.course-navigation ul{align-items:center;display:flex;gap:2.5rem;justify-content:center;list-style:none;white-space:nowrap}
@media only screen and (max-width:767px){
  .course-navigation ul{gap:1.5rem;justify-content:flex-start}
}
.course-navigation a{color:var(--typography-black);font-family:var(--font4);font-size:14px;font-weight:500;line-height:1.71429}
.sticky-button-wrapper{display:none}
.navigation-fixed .sticky-button-wrapper{background:#fff;bottom:0;box-shadow:0 4px 30px 0 rgba(0,0,0,.1);display:none;left:0;padding:1rem;position:fixed;right:0;text-align:right;z-index:99}
@media only screen and (max-width:767px){
  .navigation-fixed .sticky-button-wrapper{display:block}
}
.navigation-fixed .certificate-block,.navigation-fixed .financing-block,.navigation-fixed section{scroll-margin-top:3.75rem}
.course-description-section{padding-bottom:7.813rem;padding-top:4rem}
@media only screen and (max-width:767px){
  .course-description-section{padding-bottom:2.5rem;padding-top:1.875rem}
}
.course-description{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}
.course-description__sidebar{width:23%}
.course-description__sidebar-data{background:var(--background-light-beige);border-radius:20px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}
@media only screen and (max-width:991px){
  .course-description__sidebar{width:30%}
}
@media only screen and (max-width:767px){
  .course-description__sidebar{display:none}
}
.course-description__field{display:flex;flex-direction:column;gap:4px}
.course-description__label{color:var(--typography-dark-grey);color:var(--typography-light-grey);font-size:12px;font-weight:500;line-height:1.33333}
.course-description__value{color:var(--typography-black);font-family:var(--font4);font-size:14px;font-weight:500;line-height:1.71429}
.course-description__important-info{background:var(--primary-300);border-radius:20px;margin-top:1.5rem;padding:1rem}
.course-description__important-info-title{color:var(--typography-black);display:flex;font-family:var(--font4);font-size:16px;font-weight:500;gap:1rem;line-height:1.5;margin-bottom:.5rem}
.course-description__important-info-text{color:var(--typography-dark-grey);font-family:var(--font4);font-size:14px;font-weight:400;line-height:1.71429}
.course-description__important-info .info-icon img{height:1.5rem;object-fit:contain;width:1.5rem}
.course-description__content-wrapper{padding:0 3rem;width:74.5%}
@media only screen and (max-width:991px){
  .course-description__content-wrapper{padding:0;width:64.5%}
}
@media only screen and (max-width:767px){
  .course-description__content-wrapper{padding:0;width:100%}
}
.course-description__content{color:var(--typography-dark-grey);font-family:var(--font4);font-size:16px;font-weight:400;line-height:1.5}
.course-description__content h2{color:var(--typography-black);font-family:var(--font3);font-size:clamp(24px,6vw,28px);font-weight:400;line-height:1.42857;margin-bottom:1.5rem;position:relative}
.course-description__content h2:not(:first-child){margin-top:3rem}
.course-description__content p{margin-bottom:1.5rem}
.course-description__content .accordion-header{cursor:pointer;margin:0!important;padding-right:2.5rem;position:relative}
.course-description__content .accordion-header.active:after{content:"";position:absolute;right:0;transform:translateY(-50%) rotate(135deg)}
.course-description__content .accordion-header:after{background:url('https://hoeher-test.mhcommerce.net/wp-content/uploads/2026/07/icon-union.svg') no-repeat 50%;content:"";height:25px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:26px}
.course-description__content .accordion-content{border-bottom:1px solid var(--background-borders);margin:1.5rem 0;max-height:0;overflow:hidden;transition:max-height .3s ease}
.course-description__content .accordion-content:last-child{border-bottom:none;margin-bottom:3.375rem}
@media only screen and (min-width:768px){
  .course-description__content .course-description__field,.course-description__content h2:last-of-type{display:none}
}
.course-description__info{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem}
.course-description__download{background:url('https://hoeher-test.mhcommerce.net/wp-content/uploads/2026/07/bg-download.svg') no-repeat 50%;background-size:cover;border-radius:20px}
.course-description__download-title{color:var(--typography-black);font-family:var(--font4);font-size:20px;font-weight:500;line-height:1.6}
.course-description__download-text{color:var(--typography-dark-grey);font-family:var(--font4);font-size:14px;font-weight:400;line-height:1.71429}
.course-description__download a{display:flex;flex-direction:column;padding:.75rem 1rem 1.125rem;position:relative}
.course-description__download a .icon-circle{height:3.063rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:3.063rem}
.course-description__download a .icon-circle svg{height:24px;transition:all .3s ease;width:24px}
.course-description__download a:hover .icon-circle svg{margin-top:-5px}
@media only screen and (min-width:992px){
  .course-description__download{margin-right:-1.5rem}
}
@media only screen and (max-width:767px){
  .course-description__download a{padding:1.625rem 5.313rem 1.75rem 1.188rem}
  .course-description__download a .icon-circle{height:3.5rem;width:3.5rem}
}
.course-tiles-section{background:var(--orange-100);padding-top:4rem}
@media only screen and (min-width:992px){
  .course-tiles-section{padding-bottom:6rem}
}
@media only screen and (max-width:767px){
  .course-tiles-section{padding-top:2.5rem}
}
.course-tiles__title{margin-bottom:1.5rem}
.course-tiles__text{color:var(--typography-dark-grey);font-family:var(--font4);font-size:16px;font-weight:400;line-height:1.5}
.course-tiles__list{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3.625rem}
.course-tiles__item{background:#fff;border-radius:20px;display:flex;flex:0 0 calc(33.33333% - 16px);flex-direction:column;min-height:432px;overflow:hidden;padding:1.5rem}
@media only screen and (max-width:767px){
  .course-tiles__item{flex:auto!important;min-height:auto;width:100%!important}
}
.course-tiles__item-content{align-items:flex-start;display:flex;flex-direction:column;gap:8px}
.course-tiles__item-title{font-size:20px;line-height:1.6}
.course-tiles__item-description,.course-tiles__item-title{color:var(--typography-black);font-family:var(--font4);font-weight:500}
.course-tiles__item-description{font-size:14px;line-height:1.71429}
.course-tiles__item-image{align-items:flex-start;display:flex;flex-grow:1;justify-content:center}
.course-tiles__item-image img{display:block}
.course-tiles__item-image_middle{align-items:center}
.course-tiles__item-image_bottom{align-items:flex-end}
.course-tiles__item-image_edge{align-items:flex-end;justify-content:flex-end;margin:0 -1.5rem -1.5rem 0}
@media only screen and (max-width:767px){
  .course-tiles__item-image{margin-top:3.75rem}
}
.course-tiles__item_large{display:flex;flex:0 0 calc(66.66667% - 8px);flex-direction:row-reverse;gap:2rem;padding:0}
.course-tiles__item_large .course-tiles__item-content{padding:1.5rem;width:50%}
.course-tiles__item_large .course-tiles__item-image{width:50%}
.course-tiles__item_large .course-tiles__item-image img{height:100%;object-fit:cover;width:auto}
@media only screen and (max-width:767px){
  .course-tiles__item_large .course-tiles__item-image{margin-top:1.5rem}
  .course-tiles__item_large .course-tiles__item-image img{max-height:283px;width:100%}
  .course-tiles__item_large{flex-direction:column}
  .course-tiles__item_large .course-tiles__item-content,.course-tiles__item_large .course-tiles__item-image{width:100%}
  .course-tiles__item_large .course-tiles__item-content img,.course-tiles__item_large .course-tiles__item-image img{height:auto;max-height:none;width:100%}
}
.course-dates-section{padding:7.5rem 0}
@media only screen and (max-width:767px){
  .course-dates-section{padding:3.125rem 0 5.625rem}
}
.course-dates__title{margin-bottom:2.375rem}
.dates-table__row{align-items:center;display:flex;gap:1.5rem;justify-content:flex-start;padding:1rem}
@media only screen and (max-width:991px){
  .dates-table__row{flex-wrap:wrap;gap:1rem}
  .dates-table__row .icon-circle{margin-bottom:.438rem}
  .dates-table__row .button{margin-top:.438rem}
}
.dates-table__cell{color:var(--typography-black);font-family:var(--font4);font-size:16px;font-weight:500;line-height:1.5}
.dates-table__cell:first-child{width:6%}
.dates-table__cell:nth-child(2){width:15%}
.dates-table__cell:nth-child(3){width:8.4%}
.dates-table__cell:nth-child(4){width:11.2%}
.dates-table__cell:nth-child(5){width:11.1%}
.dates-table__cell:nth-child(6){width:17.2%}
.dates-table__cell:nth-child(7){width:19.7%}
.dates-table__row_contact .dates-table__cell:nth-child(2){width:40%}
.dates-table__row_contact .dates-table__cell:nth-child(3){margin-left:auto;width:19.7%}
@media only screen and (max-width:1199px){
  .dates-table__cell:nth-child(2){width:11%}
  .dates-table__row_contact .dates-table__cell:nth-child(2){width:40%}
  .dates-table__row_contact .dates-table__cell:nth-child(3){margin-left:auto;width:19.7%}
}
@media only screen and (max-width:991px){
  .dates-table__cell{flex-wrap:wrap;width:50%}
  .dates-table__cell:before{color:var(--typography-dark-grey);content:attr(data-title);display:block;font-family:var(--font4);font-size:14px;font-weight:400;line-height:1.71429}
  .dates-table__cell:nth-child(n){width:calc(50% - 1.5rem)}
  .dates-table__cell:first-child,.dates-table__cell:nth-child(6),.dates-table__cell:nth-child(7){width:100%}
  .dates-table__cell .button{max-width:20rem}
  .dates-table__row_contact .dates-table__cell:nth-child(2),.dates-table__row_contact .dates-table__cell:nth-child(3){width:100%}
}
.dates-table__head{margin-bottom:.625rem}
.dates-table__head .dates-table__row .dates-table__cell{color:var(--typography-dark-grey);font-family:var(--font4);font-size:14px;font-weight:400;line-height:1.71429}
@media only screen and (max-width:991px){
  .dates-table__head{display:none}
}
.dates-table__body{display:flex;flex-direction:column;gap:1rem}
.dates-table__body .dates-table__row{background:var(--background-light-beige);border:1px solid var(--background-borders);border-radius:20px}
.dates-table__body .button{width:100%}
.dates-table__footer{color:var(--typography-dark-grey);color:var(--typography-light-grey);font-family:var(--font4);font-size:14px;font-weight:400;line-height:1.71429;margin-top:1rem}
.cert-finance-section .container{display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding-bottom:7.5rem;padding-top:3rem}
.cert-finance-section .container>div{border-radius:20px;color:var(--typography-dark-grey);display:flex;flex-direction:column;font-family:var(--font4);font-size:16px;font-weight:400;line-height:1.5;overflow:hidden}
@media only screen and (max-width:767px){
  .cert-finance-section .container>div{font-size:14px}
}
.cert-finance-section .container h2{color:var(--typography-black);font-family:var(--font3);font-size:clamp(24px,6vw,28px);font-weight:400;line-height:1.42857}
@media only screen and (max-width:767px){
  .cert-finance-section .container{gap:1.563rem;grid-template-columns:1fr;padding-bottom:5.625rem;padding-top:1.5rem}
}
.certificate-block{background:var(--background-light-beige);justify-content:space-between}
.certificate-block__content{display:flex;flex-direction:column;gap:22px;padding:2rem 2.5rem 2.5rem}
@media only screen and (max-width:767px){
  .certificate-block__content{padding-left:1rem}
  .certificate-block__content h2{font-size:28px!important}
  .certificate-block{padding-top:1rem}
}
.financing-block{background:var(--typography-dark-grey);color:#fff!important;gap:1.875rem;justify-content:center;padding:2.5rem}
.financing-block h2{color:#fff!important;margin-bottom:-8px}
.financing-block ul{color:var(--typography-dark-grey);color:#fff;display:flex;flex-direction:column;font-family:var(--font4);font-size:14px;font-weight:400;gap:1rem;line-height:1.71429;list-style:none}
.financing-block ul li{padding-left:1.5rem;position:relative}
.financing-block ul li:before{background:url('https://hoeher-test.mhcommerce.net/wp-content/uploads/2026/07/bullet-primary.svg') no-repeat;content:"";height:1.125rem;left:0;position:absolute;top:0;width:1.125rem}
.financing-block .button{width:fit-content}
@media only screen and (max-width:767px){
  .financing-block{padding:2.5rem 1rem}
}

/* --- Swiper layout fallback (live loads swiper-bundle.min.css from CDN; needed so the
 *     testimonials mobile slider lays out in its resting state). Same block already lives
 *     in hoeher-home.css; repeated here only if this file is deployed standalone. --- */
.swiper-container,.swiper{position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;display:flex;box-sizing:content-box}
.swiper-slide{flex-shrink:0;width:auto;height:auto;position:relative}

/* --- Download-Box: Stretched-Link statt <a> mit Block-Kindern (h3/div/icon-circle) ---
 *     wpautop zerbricht sonst den Link. Der sichtbare Wrapper ist ein DIV mit der Flex-
 *     Layout-Regel (aus dem Theme-`a`), der Klick liegt als absolutes Overlay
 *     (.course-card__link-overlay in <figure.course-card__overlay-wrap>, global deployed). */
.course-description__download--static{position:relative;display:flex;flex-direction:column;padding:1.625rem 5.313rem 1.75rem 1.188rem}
.course-description__download--static .icon-circle{height:3.5rem;width:3.5rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}
.course-description__download--static .icon-circle svg{height:24px;width:24px;transition:all .3s ease}
.course-description__download--static:hover .icon-circle svg{margin-top:-5px}
@media (max-width:1024px){.course-description__download--static{padding:.75rem 1rem 1.125rem}.course-description__download--static .icon-circle{height:3.063rem;width:3.063rem}}