.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-de4cbdb:#DCAE45;--e-global-color-860ab3a:#F0E8DF;--e-global-color-f2ec5a4:#A9B29A;--e-global-color-1c80deb:#738D60;--e-global-typography-primary-font-family:"GT Sectra";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Circular Std Book";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Circular Std Book";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Circular Std Book";--e-global-typography-accent-font-weight:500;--e-global-typography-41bdb61-font-family:"GT Sectra";--e-global-typography-80c3466-font-family:"Circular Std Book";--e-global-typography-80c3466-font-weight:normal;--e-global-typography-19d6230-font-family:"Circular Std Book";--e-global-typography-19d6230-font-weight:bold;--e-global-typography-ee87506-font-family:"Circular Std Book";--e-global-typography-ee87506-font-size:0.9em;--e-global-typography-ee87506-font-weight:bold;--e-global-typography-ee87506-text-transform:uppercase;background-color:var( --e-global-color-860ab3a );font-family:var( --e-global-typography-80c3466-font-family ), Sans-serif;font-weight:var( --e-global-typography-80c3466-font-weight );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:var( --e-global-typography-80c3466-font-family ), Sans-serif;font-weight:var( --e-global-typography-80c3466-font-weight );}.elementor-kit-6 h1{font-family:"GT Sectra", Sans-serif;font-size:4.1rem;font-weight:normal;line-height:4.3rem;letter-spacing:-1px;}.elementor-kit-6 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h3{font-family:var( --e-global-typography-19d6230-font-family ), Sans-serif;font-weight:var( --e-global-typography-19d6230-font-weight );}.elementor-kit-6 h4{font-family:var( --e-global-typography-ee87506-font-family ), Sans-serif;font-size:var( --e-global-typography-ee87506-font-size );font-weight:var( --e-global-typography-ee87506-font-weight );text-transform:var( --e-global-typography-ee87506-text-transform );}.elementor-kit-6 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{text-decoration:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:3.2rem;line-height:0.95em;letter-spacing:-1px;}.elementor-kit-6 h4{font-size:var( --e-global-typography-ee87506-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:2.9rem;line-height:0.95em;letter-spacing:-1px;}.elementor-kit-6 h4{font-size:var( --e-global-typography-ee87506-font-size );}.e-con{--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS */a {
  text-decoration: none !important;
}



.filter-buttons button.active {
  background: #006600;
  color: #fff;
}




/* ==================================================
   GRIFFIG TYPOGRAPHY & UI SYSTEM
================================================== */


/* ==================================================
   EYEBROWS
================================================== */

.eyebrow,
.eyebrow span,
.eyebrow p,
.cta-eyebrow,
.cta-eyebrow span,
.cta-eyebrow p{
    font-family: "Circular Std", sans-serif !important;
    font-size: 0.95rem;
    font-weight: 700 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #789466;
    line-height: 1.3em;
}


/* ==================================================
   HEADLINES
================================================== */

.hero-h1,
.hero-h1 h1,
.hero-h1 .elementor-heading-title{
    font-family: "GT Sectra", serif !important;
    font-size: 4.1rem;
    line-height: 0.95em;
    letter-spacing: -1px;
    font-weight: 700 !important;
    margin: 0;
}

.section-h2,
.section-h2 h2,
.section-h2 .elementor-heading-title,
.about-title,
.about-title h2,
.about-title .elementor-heading-title,
.testimonial-title,
.testimonial-title h2,
.testimonial-title .elementor-heading-title,
.pricing-title,
.pricing-title h2,
.pricing-title .elementor-heading-title,
.faq-title,
.faq-title h2,
.faq-title .elementor-heading-title{
    font-family: "GT Sectra", serif !important;
    font-size: 3rem;
    line-height: 1em;
    letter-spacing: -0.5px;
    font-weight: 700 !important;
    margin: 0;
}


/* ==================================================
   TEXT
================================================== */

.lead-text,
.lead-text p,
.lead-text span,
.lead-text .elementor-widget-container{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 1.38rem;
    line-height: 1.6em;
    color: #5B5B5B;
    max-width: 580px;
    letter-spacing: -0.15px;
    font-weight: 400 !important;
}

.section-subline,
.section-subline p,
.section-subline span,
.section-subline .elementor-widget-container,
.about-subline,
.about-subline p,
.testimonial-subline,
.testimonial-subline p,
.pricing-subline,
.pricing-subline p{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 1.35rem;
    line-height: 1.5em;
    color: #6B6B6B;
    letter-spacing: -0.1px;
    font-weight: 400 !important;
}

.body-text,
.body-text p,
.body-text span,
.body-text .elementor-widget-container,
.about-text,
.about-text p,
.faq-text,
.faq-text p{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 1rem;
    line-height: 1.5em;
    color: #666666;
    letter-spacing: -0.03px;
    font-weight: 400 !important;
}


/* ==================================================
   BUTTON TYPOGRAPHY ONLY
   Farben, Rand, Hintergrund, Radius etc. bleiben in Elementor
================================================== */

.primary-button .elementor-button,
.primary-button .elementor-button-text,
.griffig-form .elementor-button,
.griffig-form button,
.griffig-pricing .elementor-price-table__button,
.griffig-pricing .elementor-button,
.griffig-pricing .elementor-button-text{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    letter-spacing: -0.1px !important;
    white-space: nowrap !important;
}


/* ==================================================
   CARDS
================================================== */

.card-title,
.card-title h3,
.card-title .elementor-heading-title{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 1.65rem;
    line-height: 1.12em;
    letter-spacing: -0.3px;
    font-weight: 700 !important;
    color: rgb(51, 51, 51);
    margin: 0;
}


/* ==================================================
   CTA / FORM
================================================== */

.cta-title,
.cta-title h2,
.cta-title .elementor-heading-title,
.form-title,
.form-title h2,
.form-title .elementor-heading-title{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 2.45rem;
    line-height: 1.1em;
    letter-spacing: -0.6px;
    font-weight: 700 !important;
    color: #000000;
    margin: 0;
}

.griffig-form input,
.griffig-form textarea,
.griffig-form select{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.2em !important;
    font-weight: 400 !important;
    color: #555555 !important;
}

.griffig-form input::placeholder,
.griffig-form textarea::placeholder{
    color: #9B9B9B !important;
    opacity: 1 !important;
}


/* ==================================================
   ABOUT
================================================== */

.about-name,
.about-name h3,
.about-name .elementor-heading-title{
    font-family: "GT Sectra", serif !important;
    font-size: 2.1rem;
    line-height: 1.05em;
    letter-spacing: -0.3px;
    font-weight: 700 !important;
    color: #000000;
    margin: 0;
}

.about-role,
.about-role p,
.about-role span{
    font-family: "Circular Std", sans-serif !important;
    font-size: 0.95rem;
    line-height: 1.45em;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #789466;
    font-weight: 700 !important;
}


/* ==================================================
   TESTIMONIALS
================================================== */

.griffig-testimonials,
.griffig-testimonials *{
    font-family: "Circular Std Book", sans-serif !important;
}

.griffig-testimonials .elementor-testimonial__text,
.griffig-testimonials .swiper-slide p{
    font-size: 1.15rem !important;
    line-height: 1.55em !important;
    color: #777777 !important;
    text-align: center;
    font-weight: 400 !important;
}

.griffig-testimonials .elementor-testimonial__name{
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #333333 !important;
}

.griffig-testimonials .elementor-testimonial__title{
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    color: #999999 !important;
}


/* ==================================================
   PRICING
================================================== */

.griffig-pricing,
.griffig-pricing *{
    font-family: "Circular Std Book", sans-serif !important;
}

.griffig-pricing .elementor-price-table__heading{
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    line-height: 1.15em !important;
}

.griffig-pricing .elementor-price-table__price{
    white-space: nowrap !important;
}

.griffig-pricing .elementor-price-table__currency,
.griffig-pricing .elementor-price-table__integer-part,
.griffig-pricing .elementor-price-table__fractional-part{
    font-family: "Circular Std Book", sans-serif !important;
    font-weight: 400 !important;
    line-height: 1em !important;
}

.griffig-pricing .elementor-price-table__integer-part{
    font-size: 3.25rem !important;
    letter-spacing: -1px !important;
}

.griffig-pricing .elementor-price-table__currency{
    font-size: 1.55rem !important;
}

.griffig-pricing .elementor-price-table__fractional-part{
    font-size: 3.25rem !important;
}

.griffig-pricing .elementor-price-table__period,
.griffig-pricing .elementor-price-table__period span{
    font-size: 0.9rem !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

.griffig-pricing .elementor-price-table__features-list,
.griffig-pricing .elementor-price-table__features-list li,
.griffig-pricing .elementor-price-table__features-list span{
    font-size: 0.98rem !important;
    line-height: 1.55em !important;
    color: #222222 !important;
    font-weight: 400 !important;
}

.griffig-pricing .elementor-price-table__features-list li{
    white-space: normal !important;
}


/* ==================================================
   FAQ
================================================== */

.griffig-faq,
.griffig-faq *{
    font-family: "Circular Std Book", sans-serif !important;
}

.griffig-faq .elementor-tab-title,
.griffig-faq .elementor-accordion-title{
    font-size: 1.15rem !important;
    line-height: 1.4em !important;
    font-weight: 400 !important;
    color: #444444 !important;
}

.griffig-faq .elementor-tab-content,
.griffig-faq .elementor-tab-content p{
    font-size: 1rem !important;
    line-height: 1.55em !important;
    font-weight: 400 !important;
    color: #666666 !important;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px){

    .hero-h1,
    .hero-h1 h1,
    .hero-h1 .elementor-heading-title{
        font-size: 3.2rem;
    }

    .section-h2,
    .section-h2 h2,
    .section-h2 .elementor-heading-title{
        font-size: 2.4rem;
    }

    .lead-text,
    .lead-text p{
        font-size: 1.18rem;
    }

    .section-subline,
    .section-subline p{
        font-size: 1.15rem;
    }

    .griffig-pricing .elementor-price-table__integer-part,
    .griffig-pricing .elementor-price-table__fractional-part{
        font-size: 2.8rem !important;
    }

    .griffig-pricing .elementor-price-table__currency{
        font-size: 1.35rem !important;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px){

    .hero-h1,
    .hero-h1 h1,
    .hero-h1 .elementor-heading-title{
        font-size: 3.1rem;
    }

    .section-h2,
    .section-h2 h2,
    .section-h2 .elementor-heading-title{
        font-size: 2.7rem;
    }

    .lead-text,
    .lead-text p{
        font-size: 1.05rem;
        max-width: 100%;
    }

    .section-subline,
    .section-subline p{
        font-size: 1rem;
    }

    .griffig-pricing .elementor-price-table__heading{
        font-size: 1.45rem !important;
    }

    .griffig-pricing .elementor-price-table__integer-part,
    .griffig-pricing .elementor-price-table__fractional-part{
        font-size: 2.45rem !important;
    }

    .griffig-pricing .elementor-price-table__currency{
        font-size: 1.2rem !important;
    }

    .griffig-pricing .elementor-price-table__features-list li{
        font-size: 0.95rem !important;
    }

    .griffig-faq .elementor-tab-title,
    .griffig-faq .elementor-accordion-title{
        font-size: 1rem !important;
    }
    
    .card-title,
.card-title h3,
.card-title .elementor-heading-title{
    font-family: "Circular Std Book", sans-serif !important;
    font-size: 1.3rem;
    line-height: 1.12em;
    letter-spacing: -0.3px;
    font-weight: 700 !important;
    color: rgb(51, 51, 51);
    margin: 0;
}
    
}


/* =========================================
   GRIFFIG – ULTIMATE MEMBER FORMULAR
========================================= */

/* Gesamtformular */
.um {
    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    box-sizing: border-box !important;
}

/* Formular Container */
.um-register {
    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* Desktop zweispaltig */
@media (min-width: 768px) {

    .um-register .um-row {

        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        column-gap: 36px !important;
        row-gap: 10px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    /* Ultimate Member interne Spalten neutralisieren */
    .um-register .um-col-1,
    .um-register .um-col-121,
    .um-register .um-col-122 {

        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Feldcontainer */
.um .um-field,
.um .um-field-area {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
}

/* Abstand unter jedem Feld kleiner */
.um-field {
    margin-bottom: 10px !important;
}

/* Inputs volle Breite */
.um .um-form-field,
.um input[type=text],
.um input[type=email],
.um input[type=password]{

    width: 100% !important;
    max-width: 100% !important;

    display: block !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #d8d8d8 !important;
    border-radius: 8px !important;

    padding: 16px 18px !important;

    font-size: 1rem !important;

    transition: all 0.2s ease;
}

/* Fokus */
.um-form input:focus{

    border-color: #7D9664 !important;

    box-shadow: 0 0 0 3px rgba(125,150,100,0.10);

    outline: none !important;
}

/* Labels */
.um-field-label {

    padding-bottom: 6px !important;
    margin-bottom: 0 !important;
}

.um-field-label label {

    font-size: 0.95rem !important;
    font-weight: 600 !important;

    color: #555 !important;

    line-height: 1.2 !important;
}

/* Button Wrapper */
.um-register .um-col-alt {

    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 18px !important;
    padding: 0 !important;
}

/* Registrieren Button */
.um input[type=submit].um-button {

    width: 100% !important;
    max-width: 100% !important;

    display: block !important;

    background: #7D9664 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 5px !important;

    padding: 16px 22px !important;

    font-size: 1rem !important;
    font-weight: 700 !important;

    transition: all 0.25s ease;
}

/* Hover */
.um input[type=submit].um-button:hover {

    background: #AAB29A !important;

    color: #ffffff !important;
}

/* Mobil einspaltig */
@media (max-width: 767px) {

    .um-register .um-row {

        display: flex !important;
        flex-direction: column !important;

        gap: 14px !important;

        margin: 0 !important;
    }

    /* Reihenfolge mobil */
    .um-register .um-field-first_name {
        order: 1;
    }

    .um-register .um-field-last_name {
        order: 2;
    }

    .um-register .um-field-user_email {
        order: 3;
    }

    .um-register .um-field-user_password {
        order: 4;
    }

    .um-register .um-col-alt {

        order: 5;

        margin-top: 18px !important;
    }
}


/* Hello Elementor - Sticky Footer */

html,
body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Gesamter Seiteninhalt */
body > div[data-elementor-type],
body > #page {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100vh;
}

/* Main Content wächst */
main,
.site-main,
.elementor-location-single,
.elementor-location-archive {
    flex: 1;
}

/* Footer immer unten */
footer,
.elementor-location-footer {
    margin-top: auto;
}



body {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;

  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Label ausblenden */
.gp-mood-select-label {
    display: none !important;
}

.gp-mood-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: #A9B29A;
    color: #ffffff;

    border: none;
    border-radius: 5px;

    font-family: "Circular Std Book", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: center;

    height: 35px;
    min-width: unset;

    padding: 0 38px 0 14px;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.2s ease,
        box-shadow 0.25s ease;

    box-shadow:
        0 4px 14px rgba(0,0,0,0.14);

    -webkit-font-smoothing: antialiased;
}



/* Pfeil */
.griffig-mood-select-wrapper {
    position: relative;
    display: inline-block;
}

.griffig-mood-select-wrapper::after {
    content: "";

    position: absolute;

    right: 16px;
    top: 50%;

    width: 7px;
    height: 7px;

    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;

    transform: translateY(-70%) rotate(45deg);

    pointer-events: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GT Sectra';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.griffig.online/wp-content/uploads/2026/05/GT-Sectra-Regular.woff2') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Circular Std Book';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.griffig.online/wp-content/uploads/2025/09/CircularStd-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Circular Std Book';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.griffig.online/wp-content/uploads/2025/09/CircularStd-Book.woff') format('woff');
}
/* End Custom Fonts CSS */