/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
*/



/*Fix Elementor Button*/
.elementor-widget-button .elementor-button {
    font-weight: 600 !important;
}

/* ALLE STYLES AUS DEM CUSTOMIZER */

/*Link Anpassung*/
.link-anpassung a {
    color: white;
}
.link-anpassung a:hover {
    text-decoration: underline;
}

a#elementor-menu-cart__toggle_button:hover {
    background: transparent;
}
a#elementor-menu-cart__toggle_button {
    border: none;
}

/*elementor text no spacing*/
.elementor-widget p {
    margin: 0;
    padding: 0;
}

/* Google widget Footer */
.elementor-location-footer .ti-widget.ti-goog .ti-widget-container {
    text-align: left !important;
}

/*Icon list hover*/
.icon-list-hover ul li a span:hover {
    text-decoration: underline;
}

/*Gtranslate footer width*/
.gtranslate_wrapper * {
    box-shadow: none !important;
}
.elementor-location-footer .gt_float_switcher {
    width: 80% !important;
}
.elementor-location-footer .gt_options {
    min-width: 100%;
}
.gt_float_switcher-arrow {
    float: right;
}

/*Disable select and copy*/
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Fluent Forms Quiz start*/
.woogency-link-external img {
    max-height: 250px;
}

.vff-footer {
    display: none !important;
}
.vff-animate.f-fade-in.f-enter {
    display: none !important;
}
.woo-quiz {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px auto;
}
.woo-quiz td {
    text-align: center;
    border: none;
    font-size: 16px;
    overflow-wrap: break-word;
    width: 50%;
    background: #f5f5f5 !important;
}
.woo-quiz td img {
    border-radius: 10px;
    margin-bottom: 8px;
}
.woo-quiz td a {
    color: #414997;
}
.woo-quiz td .woogency-link-external::after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-bottom: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 600px) {
    .woo-quiz,
    .woo-quiz tbody,
    .woo-quiz tr {
        display: block;
        width: 100%;
    }
    .woo-quiz td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
}
/*Fluent Forms Quiz end*/

.anforderung-schulung summary {
    height: 0;
    padding: 40px 20px !important;
}

/*Checkout and cart Start*/
.wc-block-components-checkout-return-to-cart-button {
    display: none !important;
}
.wc-block-components-product-metadata__description {
    display: none !important;
}
.page-id-13 .wc-gzd-checkbox a {
    font-size: 14px;
    color: #333;
}
.page-id-13 .wc-block-components-product-name {
    font-size: 14px;
}
#radio-control-wc-payment-method-options-ppcp-gateway__content p:first-of-type {
    display: none !important;
}
.ppcp-place-order-description {
    text-align: left !important;
}
.woogency-proceed-to-checkout {
    border: 2px solid #832266;
    border-radius: 5px;
    color: #414997;
}
.woogency-proceed-to-checkout a {
    text-decoration: none !important;
}
.woogency-proceed-to-checkout div {
    color: #832266;
    font-weight: 600;
}
.woogency-proceed-to-checkout:hover {
    background: #832266;
}
.woogency-proceed-to-checkout:hover div {
    background: #832266;
    color: white !important;
}
.page-id-12 #content {
    padding-top: 40px;
    padding-bottom: 20px;
    max-width: 1180px;
}
.page-id-12 h1 {
    margin-left: 10px !important;
}
.wc-block-cart {
    max-width: 1170px !important;
    margin: 0;
}
.wc-block-components-totals-discount .wc-block-components-formatted-money-amount {
    color: #333 !important;
}
.wc-block-cart-items__row .wc-block-components-product-name {
    color: #414997;
    text-decoration: none !important;
    font-weight: 600;
}
/*Checkout and cart end*/

/*LearnDash styling start*/
.ld-lesson-topic-list {
    display: none !important;
}
.ld-lesson-navigation .ld-topic-title {
    font-size: 12px !important;
}
.ld-lesson-item .ld-table-list {
    padding: 0 !important;
}
.ld-table-list-item-wrapper a.ld-table-list-item-preview {
    padding-top: 1em !important;
}
.wpProQuiz_list input {
    border-radius: 10px !important;
}
/*LearnDash styling end*/

/* Overlay Produktbilder */
.schulung-thumb {
    position: relative;
    display: inline-block;
    border-radius: 15px;
    overflow: hidden;
}

/* Bild – Radius zur Sicherheit noch mal setzen */
.schulung-thumb img {
    display: block;
    border-radius: 15px;
}

/* Overlay exakt über dem Bild, mit 2px Abstand zur Bild-Outline */
.schulung-overlay {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 13px;
    background: rgba(65, 73, 151, 0.3); /* #414997 @ 30% */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    outline: none !important;
    box-shadow: none !important;
}

/* Gemeinsamer Wrapper für Text (Label + Nummer) */
.schulung-text {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.25s ease-in-out;
}

/* Typografie */
.schulung-label {
    color: #fff;
    font-weight: 600;
    line-height: 1.1;
    font-size: clamp(12px, 1.6vw, 16px);
    margin-bottom: 0.25em;
}

.schulung-number {
    color: #fff;
    font-weight: 800;
    line-height: 1;
    font-size: clamp(20px, 3.2vw, 32px);
}

/* Hover-Effekt: nur den Textblock skalieren */
ul.products li.product:hover .schulung-text {
    transform: scale(1.15);
}

/* Optional: falls Theme/Elementor die Bild-Outline auf Hover umlackiert */
ul.products li.product a:hover .schulung-thumb img,
ul.products li.product a:focus .schulung-thumb img {
    outline-color: inherit;
}
/* END Overlay Produktbilder */

/* Shortcodes standardmäßig verstecken */
.sc-block {
    display: none;
}

/* Den angewählten (angescrollten) Block zeigen */
.sc-block:target {
    display: block;
}

/* Wenn irgendein Shortcode aktiv ist, Raster ausblenden */
.ea-wrap:has(.sc-block:target) .erste-auswahl {
    display: none;
}

/* Optisch klickbar */
.erste-auswahl [href^="#sc-"] {
    cursor: pointer;
}

/*"Neu starten" Text erst einblenden, wenn ein CTA geklickt wurde*/
/* Standard: Text ausblenden */
.ea-aftertext {
    display: none;
}

/* Sobald einer der 5 Anker getargetet ist → Text einblenden */
body:has(#sc-1:target, #sc-2:target, #sc-3:target, #sc-4:target, #sc-5:target) .ea-aftertext {
    display: block;
}

.awdr-bulk-customizable-table {
    border: 1px solid #635f5f; /* outer border only */
    border-radius: 10px;
    overflow: hidden;
    padding: 0 !important;
    display: inline-block;
    margin-top: 20px;
}
.awdr-bulk-customizable-table table#sort_customizable_table {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

/* inner grid only */
.awdr-bulk-customizable-table table#sort_customizable_table th,
.awdr-bulk-customizable-table table#sort_customizable_table td {
    border: 1px solid #635f5f;
    border-left: none;
    border-top: none;
    padding: 8px 12px;
}

/* restore left borders for first column */
.awdr-bulk-customizable-table table#sort_customizable_table tr th:first-child,
.awdr-bulk-customizable-table table#sort_customizable_table tr td:first-child {
    border-left: 1px solid #635f5f;
}

/* REMOVE extra top border (let wrapper handle it) */
.awdr-bulk-customizable-table table#sort_customizable_table tr:first-child th {
    border-top: none;
}

/* REMOVE extra right border (let wrapper handle it) */
.awdr-bulk-customizable-table table#sort_customizable_table tr th:last-child,
.awdr-bulk-customizable-table table#sort_customizable_table tr td:last-child {
    border-right: none;
}

/* REMOVE extra bottom border (let wrapper handle it) */
.awdr-bulk-customizable-table table#sort_customizable_table tbody tr:last-child td {
    border-bottom: none;
}
.awdr-bulk-customizable-table:has(> .awdr-bulk-customizable-table) {
    border: none !important;
}

/*Versandkostenhinweis entfernen*/
.wc-gzd-additional-info.wc-gzd-additional-info-loop.shipping-costs-info {
    display: none;
}

/*Texte layouten*/
/* Redaktionelles Typografie-Layout – nur für das Elementor Text-Editor-Widget */
.elementor .elementor-widget-text-editor {
    /* Basis-Variablen */
    --rt-measure: 68ch; /* max. Textbreite/Zeilenlänge */
    --rt-leading: 1.5; /* Grund-Zeilenhöhe */
    --rt-rhythm: 0.5rem; /* vertikaler Rhythmus (~8px) */
    --rt-marker: currentColor; /* Listenmarker-Farbe */
    --rt-h2: clamp(1.4rem, 1.05rem + 1.2vw, 2rem);
    --rt-h3: clamp(1.2rem, 1rem + 0.7vw, 1.5rem);
    --rt-h4: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);

    max-width: var(--rt-measure);
    line-height: var(--rt-leading);
}

/* Reset nur für Inhaltsblöcke innerhalb des Widgets */
.elementor .elementor-widget-text-editor :where(p, ul, ol, blockquote, pre, hr, figure, img, h1, h2, h3, h4, h5, h6) {
    margin: 0;
}

/* Absätze enger */
.elementor .elementor-widget-text-editor p {
    margin-block: 0.5rem;
}

/* Überschriften */
.elementor .elementor-widget-text-editor h1,
.elementor .elementor-widget-text-editor h2,
.elementor .elementor-widget-text-editor h3,
.elementor .elementor-widget-text-editor h4,
.elementor .elementor-widget-text-editor h5,
.elementor .elementor-widget-text-editor h6 {
    line-height: 1.25;
    font-weight: 600; /* alle Headlines gleich */
}

.elementor .elementor-widget-text-editor h2 {
    font-size: var(--rt-h2);
    margin-block: calc(var(--rt-rhythm) * 4) var(--rt-rhythm);
}

.elementor .elementor-widget-text-editor h3 {
    font-size: var(--rt-h3);
    margin-block: calc(var(--rt-rhythm) * 3) calc(var(--rt-rhythm) * .75);
}

.elementor .elementor-widget-text-editor h4 {
    font-size: var(--rt-h4);
    margin-block: calc(var(--rt-rhythm) * 2.5) calc(var(--rt-rhythm) * .5);
}

/* Headline → Text/Liste etwas enger */
.elementor .elementor-widget-text-editor :where(h1,h2,h3,h4,h5,h6) + :is(p,ul,ol) {
    margin-top: var(--rt-rhythm);
}

/* Block auf Block (Fließtext, Listen, Zitate) */
.elementor .elementor-widget-text-editor :is(p,ul,ol,blockquote,pre) + :is(p,ul,ol,blockquote,pre) {
    margin-top: var(--rt-rhythm);
}

/* Listen */
.elementor .elementor-widget-text-editor ul,
.elementor .elementor-widget-text-editor ol {
    margin-block: calc(var(--rt-rhythm) * 1.5);
    padding-left: 2em; /* stärkerer Einzug für Bullets/Zahlen */
    list-style-position: outside;
}

.elementor .elementor-widget-text-editor ul {
    list-style-type: disc;
}
.elementor .elementor-widget-text-editor ol {
    list-style-type: decimal;
}

.elementor .elementor-widget-text-editor li {
    margin: .4em 0;
    padding-left: 0.25em; /* sorgt dafür, dass Text schön mit Bullet ausgerichtet ist */
}

.elementor .elementor-widget-text-editor li::marker {
    color: var(--rt-marker);
}

.elementor .elementor-widget-text-editor li > ul,
.elementor .elementor-widget-text-editor li > ol {
    margin-block: .4em;
    padding-left: 1.5em; /* verschachtelte Listen etwas kompakter */
}

/* Zitate */
.elementor .elementor-widget-text-editor blockquote {
    margin-block: calc(var(--rt-rhythm) * 2);
    padding-left: 1em;
    border-left: 3px solid currentColor;
    opacity: .9;
}

/* HR */
.elementor .elementor-widget-text-editor hr {
    margin-block: calc(var(--rt-rhythm) * 3);
    border: 0;
    border-top: 1px solid currentColor;
    opacity: .2;
}

/* Bilder/Figures */
.elementor .elementor-widget-text-editor figure,
.elementor .elementor-widget-text-editor img {
    display: block;
    margin: calc(var(--rt-rhythm) * 2) auto;
    max-width: 100%;
    height: auto;
}

/* Erste/letzte Kante bündig */
.elementor .elementor-widget-text-editor > :first-child {
    margin-top: 0;
}
.elementor .elementor-widget-text-editor > :last-child {
    margin-bottom: 0;
}

/* Links */
.elementor .elementor-widget-text-editor a {
    text-decoration: underline;
    text-underline-offset: .12em;
    text-decoration-thickness: .08em;
}

/* Mobile etwas enger */
@media (max-width: 767px) {
    .elementor .elementor-widget-text-editor {
        --rt-measure: 100%;
        --rt-rhythm: 0.45rem;
    }
}

/* Kein Top-Abstand, wenn das Widget mit einer Überschrift beginnt */
.elementor .elementor-widget-text-editor > :is(h1,h2,h3,h4,h5,h6):first-child,
.elementor .elementor-widget-text-editor .elementor-text-editor > :is(h1,h2,h3,h4,h5,h6):first-child {
    margin-top: 0 !important;
}
/* Kein Top-Abstand, wenn p/ul/ol der erste Inhalt ist */
.elementor .elementor-widget-text-editor > :is(p,ul,ol):first-child,
.elementor .elementor-widget-text-editor .elementor-text-editor > :is(p,ul,ol):first-child {
    margin-top: 0 !important;
}

/* Nur wenn das Text-Widget auf Spalten steht, greift der Hack bevorzugt */
.elementor .elementor-widget-text-editor .elementor-text-editor[style*="column"],
.elementor .elementor-widget-text-editor[style*="column"] {
    --rt-keep-next-lines: 2; /* min. Zeilen nach Headline in derselben Spalte */
}

/* Headline & Folgeblock zusammenhalten */
.elementor .elementor-widget-text-editor h1,
.elementor .elementor-widget-text-editor h2,
.elementor .elementor-widget-text-editor h3,
.elementor .elementor-widget-text-editor h4,
.elementor .elementor-widget-text-editor h5,
.elementor .elementor-widget-text-editor h6 {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

/* Platzreservierung nach Headlines */
.elementor .elementor-widget-text-editor h1::after,
.elementor .elementor-widget-text-editor h2::after,
.elementor .elementor-widget-text-editor h3::after,
.elementor .elementor-widget-text-editor h4::after,
.elementor .elementor-widget-text-editor h5::after,
.elementor .elementor-widget-text-editor h6::after {
    content: "";
    display: block;
    height: calc(var(--rt-leading) * var(--rt-keep-next-lines) * 1em); /* z.B. 2 Zeilen */
}

/* Sichtbaren Zusatzabstand wieder ausgleichen (außer am Spaltenende) */
.elementor .elementor-widget-text-editor :is(h1,h2,h3,h4,h5,h6) + * {
    margin-top: calc(-1 * var(--rt-leading) * var(--rt-keep-next-lines) * 1em);
    break-before: avoid-column;
    -webkit-column-break-before: avoid;
    page-break-before: avoid;
}

/*Kontaktseite*/
.kontakt-formular .ff-btn-submit {
    opacity: 1 !important;
}
/*FAQ hover Inhaltsverzeichnis*/
.page-id-2050 .elementor .elementor-widget-text-editor a:hover {
    text-decoration: inherit;
}

/*Werbepartner Formular Styling*/
.werbepartner-form .afwc_reg_field_wrapper input:not([type='checkbox']),
.werbepartner-form .afwc_reg_field_wrapper textarea {
    border: 1px solid #dadbdd;
    border-radius: 5px;
}
.werbepartner-form .afwc_reg_field_wrapper label {
    line-height: 22px !important;
    color: #333;
}
.werbepartner-form #afwc_registration_form_submit {
    border: 2px solid #414997;
    color: #414997;
}
.werbepartner-form #afwc_registration_form_submit:hover {
    color: white;
}

/*Glossar Design*/
a.glossar-titel:hover h3 {
    color: white !important;
}
a.glossar-titel:hover .elementor-icon svg {
    fill: white !important;
}
/*Glossar Seite Text*/
.glossar p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
/*mobil fix für Produktelemente*/
.schulung-thumb {
    display: block !important;
}
/*Warenkorb + Produktseite PP entfernen*/
.page-id-12 .ppcp-messages,
.single-product .ppcp-messages,
.page-id-13 .ppcp-messages {
    display: none !important;
}

/*Produktseite*/
.single-product .elementor-add-to-cart > p:nth-child(3) > strong:nth-child(1) {
    font-weight: 600 !important;
}

/*Passwort verloren Seite + Mein Konto*/
.page-id-14 .page-header .entry-title {
    max-width: 1200px;
    margin: auto;
    padding-top: 50px;
}
.page-id-14 .woocommerce-ResetPassword .woocommerce-Button {
    background-color: white !important;
    border: 2px solid #414997 !important;
    color: #414997 !important;
    border-radius: 10px !important;
    padding: 16px !important;
}
.page-id-14 .woocommerce-ResetPassword .woocommerce-Button:hover {
    color: white !important;
    background-color: #414997 !important;
}

.page-id-14 .woocommerce form .form-row .input-text {
    padding: 11px 16px;
    border-color: #dadbdd !important;
}
/*Header Button umfärben im MiniCart*/
.header-main .elementor-button--checkout {
    color: #832266 !important;
}
.header-main .elementor-button--checkout:hover {
    background-color: #832266 !important;
    color: white !important;
    border-color: #832266 !important;
}

/*Kasse Button umstyling*/
.wc-block-components-checkout-place-order-button {
    color: #832266 !important;
    border-color: #832266 !important;
}
.wc-block-components-checkout-place-order-button:hover {
    background-color: #832266 !important;
    color: white !important;
}

.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
    background-color: #832266 !important;
}

/*Download Seite*/
@media (max-width:1023px) {
    .typo-mobil p span,
    .typo-mobil span {
        font-size: 16px !important;
    }
}
@media (max-width:880px) {
    .typo-mobil p span,
    .typo-mobil span {
        font-size: 14px !important;
        line-height: 1rem !important;
    }
}
@media (max-width:767px) {
    .typo-mobil p span,
    .typo-mobil span {
        font-size: 12px !important;
        line-height: 1rem !important;
    }
}

/*Blog Autoren Box mobil*/
@media (max-width: 767px) {
    .single-post .elementor-author-box,
    .single-glossar .elementor-author-box {
        flex-direction: column;
    }
    .autoren-box .elementor-author-box__avatar {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
    }
}

/*Warenkorbseite responsive*/
@media (max-width:1200px) {
    .page-id-12 #content {
        max-width: 800px !important;
    }
    .page-id-12 h1.entry-title {
        text-align: center;
    }
}
@media (max-width:980px) {
    .page-id-12 #content {
        max-width: 700px !important;
    }
}
@media (max-width:880px) {
    .page-id-12 #content {
        max-width: 600px !important;
    }
}
@media (max-width:767px) {
    .page-id-12 #content {
        max-width: 400px !important;
    }
}
@media (max-width:585px) {
    .page-id-12 #content {
        max-width: 300px !important;
    }
}
@media (max-width:466px) {
    .page-id-12 #content {
        max-width: 200px !important;
    }
}


/* Produktseite Varianten responsive */
@media (max-width:767px) {
    .variations tr {
        display: flex;
        flex-direction: column;
    }
    .variations tr .value {
        padding-left: 20px !important;
    }
}

#ld-focus-content .wp-block-embed-vimeo {
    margin: 0 !important;
}

/*Schulungsvideo Responsive*/
#ld-focus-content figure.wp-block-embed,
#ld-focus-content .wp-block-embed__wrapper {
    width: 100%;
    max-width: 100%;
}
#ld-focus-content .wp-block-embed__wrapper iframe {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    max-width: 100%;
    border: 0;
}
@media (max-width: 1050px) {
    #ld-focus-content {
        padding: 3em 2em 3em 2em;
    }
}
@media (max-width: 767px) {
    #ld-focus-content {
        padding: 1.5em 1em;
    }
    #ld-focus-content .wp-block-embed__wrapper iframe {
        height: 56.25vw;
    }
}

.woocommerce-MyAccount-content .ak-docgrid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}

.ak-docgrid li {
    margin: 0;
    padding: 0;
}

.ak-docgrid .ak-pill {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 14px 16px;
    text-align: center;
    border: 2px solid #414997;
    border-radius: 10px;
    background: transparent;
    text-decoration: none;
    color: #111;
    line-height: 1.4;
    transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
    height: 100%;
}

.ak-docgrid .ak-pill:hover,
.ak-docgrid .ak-pill:focus-visible {
    background: #414997;
    color: #fff;
    outline: none;
}

.ak-docgrid .ak-icon {
    display: block;
    line-height: 0;
}

.ak-docgrid .ak-title {
    font-size: 16px;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
}

.ak-docgrid .ak-icon svg {
    height: 2em;
    width: auto;
    display: block;
}

/*Glossar Einträge*/
.single-glossar {
    line-height: 24px !important;
}

.produkte-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #fff;
    border-radius: 8px;
    display: block;
}

.wpProQuiz_results .wpProQuiz_points {
    display: none !important;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
    max-width: 1200px;
}

/*Kombi Schulungen fix*/
.postid-1091 .awdr-bulk-customizable-table p {
    display: none;
}

/*Quiz button LD*/
.wpProQuiz_button_restartQuiz {
    background-color: #414997 !important;
    border-radius: 20px !important;
}
.wpProQuiz_button_restartQuiz:hover {
    border-radius: 20px !important;
}

.button.ff-zip-year {
    font-family: var(--e-global-typography-8d86820-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-8d86820-font-size) !important;
    font-weight: var(--e-global-typography-8d86820-font-weight) !important;
    line-height: var(--e-global-typography-8d86820-line-height) !important;
    border-radius: 5px 5px 5px 5px !important;
    color: #FFFFFF !important;
    background-color: var(--e-global-color-secondary) !important;
    transition: all 0.2s;
    cursor: pointer;
    padding: .618em 1em;
}

.button.ff-zip-year:hover {
    background-color: var(--e-global-color-082894e) !important;
}

/*Kundenslider*/
.kundenslider .swiper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
    width: 100% !important;
}

.ld-focus-content h1 {
    font-size: 32px !important;
}

/* Anpassungen
@media (min-width: 768px) {
    .vff .field-multiplepicturechoice ul.f-radios li {
        width: 0 !important;
    }
}
*/
/*Warenkorb Button*/
.page-id-12 .wc-block-cart__submit-container * {
    all: unset !important;
}

.wc-block-cart__submit-container {
    background-color: #832266 !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 1em !important;
}

.wc-block-cart__submit-container:hover {
    background-color: #691C55 !important;
}

.wc-block-cart__submit-container .wc-block-components-button__text {
    color: white !important;
}

/*Quiz fett schreiben*/
.wpProQuiz_question_text > p > span {
    font-weight: 600 !important;
}

/*Quiz Begründungen*/
.wpProQuiz_response {
    text-align: left !important;
}


/* --- Schulungsfinder Responsive --- */

/* Globaler Abstand */
.f-answer ul {
    gap: 10px;
}

/* Desktop: Picture Choice */
@media (min-width:768px) {
    .vff .field-multiplepicturechoice ul.f-radios {
        flex-wrap: nowrap !important;
    }
    main .vff .field-multiplepicturechoice ul.f-radios li {
        flex: 1 1 calc(33.3% - 8px) !important;
    }
}

/* Mobile: Picture Choice */
@media (max-width:767px) {
    .vff .field-multiplepicturechoice ul.f-radios {
        flex-flow: column !important;
    }
    main .vff .field-multiplepicturechoice ul.f-radios li {
        flex: 1 1 calc(33.3% - 8px) !important;
        max-width: 350px;
        align-self: center;
    }
}

/* --- Layout mit Bildern (Grid) --- */
.f-radios-wrap .f-radios.f-single:has(.f-image) {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px !important;
}

.f-radios-wrap .f-radios.f-single:has(.f-image) li {
    padding: 20px !important;
    gap: 20px;
}

/* Bildanpassung */
.f-radios-wrap .f-radios.f-single:has(.f-image) .f-image img {
    width: 50% !important;
    height: auto !important;
    object-fit: contain;
}

/* --- Layout ohne Bilder (Liste) --- */
.f-radios-wrap .f-radios.f-single:not(:has(.f-image)) {
    display: grid !important;
    grid-template-columns: 100% !important;
    gap: 10px !important;
}

/* Basis-Styles für Listenelemente */
.f-radios-wrap .f-radios.f-single li {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Mobile Override (< 500px) */
@media (max-width: 500px) {
    .f-radios-wrap .f-radios.f-single {
        grid-template-columns: 100% !important;
    }
}



/*Finder Ergebnis*/
table.woo-quiz, table.woo-quiz tbody { display: block; width: 100%; border: none; }

table.woo-quiz tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

table.woo-quiz td {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
}

table.woo-quiz a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: inherit;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

table.woo-quiz img {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    height: auto !important;
    margin-bottom: 10px;
}

/* Mobile */
@media (max-width: 900px) { table.woo-quiz tr { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { table.woo-quiz tr { grid-template-columns: 1fr; } }