:root
{

    /* Body */
    --gbtheme-body-font-family:                 verdana;
    --gbtheme-body-font-size:                   1rem;
    --gbtheme-body-color:                       #333333;
    --gbtheme-body-background-color:            none;
    --gbtheme-body-letter-spacing:              0px;
    --gbtheme-body-line-height:                 1.5rem;
    --gbtheme-body-padding:                     none;
    --gbtheme-body-margin:                      none;
    --gbtheme-body-a-text-decoration:           underline;
    --gbtheme-body-a-color:                     inherit;
    --gbtheme-body-a-font-style:                normal;
    --gbtheme-body-a-font-weight:               normal;
    --gbtheme-body-a-text-decoration-hover:     none;
    --gbtheme-body-a-color-hover:               inherit;
    --gbtheme-body-a-font-style-hover:          normal;
    --gbtheme-body-a-font-weight-hover:         normal;
    --gbtheme-body-a-underline-offset:          3px;  
    --gbtheme-body-a-underline-offset-hover:    3px;  

    --gbtheme-body-ul-margin:                   none;
    --gbtheme-body-ul-padding:                  0.5rem 0rem 0.5rem 2rem;
    --gbtheme-body-ul-list-style-type:          disc;
    --gbtheme-body-ul-li-margin:                none;
    --gbtheme-body-ul-li-padding:               none;

    /* Component */
    --gbtheme-component-full:                   100%;
    --gbtheme-component-xlarge:                 1536px;
    --gbtheme-component-large:                  1440px;
    --gbtheme-component-medium:                 1280px;
    --gbtheme-component-small:                  1024px;
    --gbtheme-component-padding:                2rem;

    /* Overline */
    --gbtheme-overline-color:                   #266D55;
    --gbtheme-overline-font-size:               0.80rem;
    --gbtheme-overline-text-transform:          uppercase;
    --gbtheme-overline-font-style:              normal;
    --gbtheme-overline-font-weight:             normal;
    --gbtheme-overline-font-family:             var(--gbtheme-body-font-family);
    --gbtheme-overline-margin:                  1rem 0rem;
    --gbtheme-overline-padding:                 0rem 0rem;
    --gbtheme-overline-text-indent:             0rem;
    --gbtheme-overline-background-color:        none;
    --gbtheme-overline-display:                 block;
    --gbtheme-overline-line-height:             1.0;
    --gbtheme-overline-letter-spacing:          1px;
    --gbtheme-overline-text-decoration:         none;
    --gbtheme-overline-border:                  none;
    --gbtheme-overline-border-radius:           0px;

    /* H1 */
    --gbtheme-h1-color:                         #106649;
    --gbtheme-h1-color-hover:                   #333333;
    --gbtheme-h1-font-size:                     2rem;
    --gbtheme-h1-text-transform:                none;
    --gbtheme-h1-font-style:                    normal;
    --gbtheme-h1-font-weight:                   normal;
    --gbtheme-h1-font-family:                   var(--gbtheme-body-font-family);
    --gbtheme-h1-margin:                        1rem 0rem;
    --gbtheme-h1-padding:                       0rem 0rem;
    --gbtheme-h1-text-indent:                   0rem;
    --gbtheme-h1-background-color:              none;
    --gbtheme-h1-display:                       block;
    --gbtheme-h1-line-height:                   1.0;
    --gbtheme-h1-letter-spacing:                0px;
    --gbtheme-h1-text-decoration:               none;
    --gbtheme-h1-text-decoration-hover:         underline;
    --gbtheme-h1-border:                        none;
    --gbtheme-h1-border-radius:                 0px;
    --gbtheme-h1-a-underline-offset:            3px;  
    --gbtheme-h1-a-underline-offset-hover:      3px;  

    /* H2 */
    --gbtheme-h2-color:                         #333333;
    --gbtheme-h2-color-hover:                   #333333;
    --gbtheme-h2-font-size:                     1.6rem;
    --gbtheme-h2-text-transform:                none;
    --gbtheme-h2-font-style:                    normal;
    --gbtheme-h2-font-weight:                   normal;
    --gbtheme-h2-font-family:                   var(--gbtheme-body-font-family);
    --gbtheme-h2-margin:                        1rem 0rem;
    --gbtheme-h2-padding:                       0rem 0rem;
    --gbtheme-h2-text-indent:                   0rem;
    --gbtheme-h2-background-color:              none;
    --gbtheme-h2-display:                       block;
    --gbtheme-h2-line-height:                   1.0;
    --gbtheme-h2-letter-spacing:                0px;
    --gbtheme-h2-text-decoration:               none;
    --gbtheme-h2-border:                        none;
    --gbtheme-h2-border-radius:                 0px;
    --gbtheme-h2-a-underline-offset:            3px;  
    --gbtheme-h2-a-underline-offset-hover:      3px;  

    /* H3 */
    --gbtheme-h3-color:                         #333333;
    --gbtheme-h3-color-hover:                   #333333;
    --gbtheme-h3-font-size:                     1.3rem;
    --gbtheme-h3-text-transform:                none;
    --gbtheme-h3-font-style:                    normal;
    --gbtheme-h3-font-weight:                   normal;
    --gbtheme-h3-font-family:                   var(--gbtheme-body-font-family);
    --gbtheme-h3-margin:                        1rem 0rem;
    --gbtheme-h3-padding:                       0rem 0rem;
    --gbtheme-h3-text-indent:                   0rem;
    --gbtheme-h3-background-color:              none;
    --gbtheme-h3-display:                       block;
    --gbtheme-h3-line-height:                   1.0;
    --gbtheme-h3-letter-spacing:                0px;
    --gbtheme-h3-text-decoration:               none;
    --gbtheme-h3-border:                        none;
    --gbtheme-h3-border-radius:                 0px;
    --gbtheme-h3-a-underline-offset:            3px;  
    --gbtheme-h3-a-underline-offset-hover:      3px;  

    /* Header - Title */
    --gbtheme-title-color:                         #333333;
    --gbtheme-title-color-hover:                   #333333;
    --gbtheme-title-font-size:                     1.3rem;
    --gbtheme-title-text-transform:                none;
    --gbtheme-title-font-style:                    normal;
    --gbtheme-title-font-weight:                   normal;
    --gbtheme-title-font-family:                   var(--gbtheme-body-font-family);
    --gbtheme-title-margin:                        1rem 0rem;
    --gbtheme-title-padding:                       0rem 0rem;
    --gbtheme-title-text-indent:                   0rem;
    --gbtheme-title-background-color:              none;
    --gbtheme-title-display:                       block;
    --gbtheme-title-line-height:                   1.0;
    --gbtheme-title-letter-spacing:                0px;
    --gbtheme-title-text-decoration:               none;
    --gbtheme-title-border:                        none;
    --gbtheme-title-border-radius:                 0px;
    --gbtheme-title-a-underline-offset:            3px;  
    --gbtheme-title-a-underline-offset-hover:      3px;  



    /* Container für Buttons */
    --gbtheme-buttons-display:                          flex;
    --gbtheme-buttons-flex-wrap:                        nowrap;

    /* Primary Button */
    --gbtheme-primary-button-color:                   #ffffff;
    --gbtheme-primary-button-color-hover:             #ffffff;
    --gbtheme-primary-button-background-color:        #266D55;
    --gbtheme-primary-button-background-color-hover:  #333333;
    --gbtheme-primary-button-border:                  none;
    --gbtheme-primary-button-border-hover:            none;
    --gbtheme-primary-button-border-radius:           10px;
    --gbtheme-primary-button-font-weight:             normal;
    --gbtheme-primary-button-font-weight-hover:       normal;
    --gbtheme-primary-button-font-size:               1rem;
    --gbtheme-primary-button-text-transform:          normal;
    --gbtheme-primary-button-font-style:              normal;
    --gbtheme-primary-button-font-family:             var(--gbtheme-body-font-family);
    --gbtheme-primary-button-margin:                  1rem 1rem 0rem 0rem;
    --gbtheme-primary-button-padding:                 1rem 1.5rem;
    --gbtheme-primary-button-text-indent:             0rem;
    --gbtheme-primary-button-display:                 inline;
    --gbtheme-primary-button-line-height:             1.0;
    --gbtheme-primary-button-letter-spacing:          1px;
    --gbtheme-primary-button-text-decoration:         none;
    --gbtheme-primary-button-text-decoration-hover:   none;
    --gbtheme-primary-button-box-shadow:              none;  
    --gbtheme-primary-button-box-shadow-hover:        none;  
    --gbtheme-primary-button-underline-offset:        none;  

    /* Secondary Button */
    --gbtheme-secondary-button-color:                   #266D55;
    --gbtheme-secondary-button-color-hover:             #ffffff;
    --gbtheme-secondary-button-background-color:        none;
    --gbtheme-secondary-button-background-color-hover:  #266D55;
    --gbtheme-secondary-button-border:                  1px solid #266D55;
    --gbtheme-secondary-button-border-hover:            1px solid #266D55;
    --gbtheme-secondary-button-border-radius:           10px;
    --gbtheme-secondary-button-font-weight:             normal;
    --gbtheme-secondary-button-font-weight-hover:       normal;
    --gbtheme-secondary-button-font-size:               1rem;
    --gbtheme-secondary-button-text-transform:          normal;
    --gbtheme-secondary-button-font-style:              normal;
    --gbtheme-secondary-button-font-family:             var(--gbtheme-body-font-family);
    --gbtheme-secondary-button-margin:                  1rem 1rem 0rem 0rem;
    --gbtheme-secondary-button-padding:                 1rem 1.5rem;
    --gbtheme-secondary-button-text-indent:             0rem;
    --gbtheme-secondary-button-display:                 inline;
    --gbtheme-secondary-button-line-height:             1.0;
    --gbtheme-secondary-button-letter-spacing:          1px;
    --gbtheme-secondary-button-text-decoration:         none;
    --gbtheme-secondary-button-text-decoration-hover:   none;
    --gbtheme-secondary-button-box-shadow:              none;  
    --gbtheme-secondary-button-box-shadow-hover:        none;  
    --gbtheme-secondary-button-underline-offset:        none;  

    /* Textlink */
    --gbtheme-text-button-color:                        #266D55;
    --gbtheme-text-button-color-hover:                  #266D55;
    --gbtheme-text-button-background-color:             none;
    --gbtheme-text-button-background-color-hover:       none;
    --gbtheme-text-button-border:                       none;
    --gbtheme-text-button-border-hover:                 none;
    --gbtheme-text-button-border-radius:                10px;
    --gbtheme-text-button-font-weight:                  normal;
    --gbtheme-text-button-font-weight-hover:            normal;
    --gbtheme-text-button-font-size:                    1rem;
    --gbtheme-text-button-text-transform:               normal;
    --gbtheme-text-button-font-style:                   normal;
    --gbtheme-text-button-font-family:                  var(--gbtheme-body-font-family);
    --gbtheme-text-button-margin:                       1rem 1rem 0rem 0rem;
    --gbtheme-text-button-padding:                      1rem 0rem;
    --gbtheme-text-button-text-indent:                  0rem;
    --gbtheme-text-button-display:                      inline;
    --gbtheme-text-button-line-height:                  1.0;
    --gbtheme-text-button-letter-spacing:               1px;
    --gbtheme-text-button-text-decoration:              underline;
    --gbtheme-text-button-text-decoration-hover:        none;
    --gbtheme-text-button-box-shadow:                   none;  
    --gbtheme-text-button-box-shadow-hover:             none;
    --gbtheme-text-button-underline-offset:             5px;  


    /* Introtext */
    --gbtheme-introtext-color:                        #333333;
    --gbtheme-introtext-background-color:             none;
    --gbtheme-introtext-border:                       none;
    --gbtheme-introtext-border-radius:                10px;
    --gbtheme-introtext-font-weight:                  normal;
    --gbtheme-introtext-font-size:                    1.2rem;
    --gbtheme-introtext-font-style:                   normal;
    --gbtheme-introtext-font-family:                  var(--gbtheme-body-font-family);
    --gbtheme-introtext-margin:                       none;
    --gbtheme-introtext-padding:                      none;
    --gbtheme-introtext-line-height:                  1.5;
    --gbtheme-introtext-letter-spacing:               0px;


    --gbtheme-caption-font-size:                      0.75rem;
    --gbtheme-caption-color:                          #666666;
    --gbtheme-caption-margin:                         0.5rem 0px 0px 0px;
    --gbtehem-caption-padding:                        0px 0px;

    --gbtheme-image-border-radius:                    0.5rem;
    --gbtheme-image-object-fit:                       unset;


    --gbtheme-accordion-margin:                         1rem 0rem;
    --gbtheme-accordion-padding:                        0rem 0rem;
    --gbtheme-accordion-header-margin:                  0rem;
    --gbtheme-accordion-header-padding:                 1rem;
    --gbtheme-accordion-header-border:                  none;
    --gbtheme-accordion-header-border-bottom:           1px solid #266D55;
    --gbtheme-accordion-header-border-top:              none;
    --gbtheme-accordion-header-color:                  #266D55;
    --gbtheme-accordion-header-color-hover:             #266D55;
    --gbtheme-accordion-header-background:             none;
    --gbtheme-accordion-header-background-hover:       #f2fffb;
    --gbtheme-accordion-header-focus-font-weight:      500;
    --gbtheme-accordion-header-letter-spacing:         1px;
    --gbtheme-accordion-header-font-size:              1.25rem;

    --gbtheme-accordion-icon-font-size:                2.5rem;
    --gbtheme-accordion-icon-color:                    #75a595;
    --gbtheme-accordion-icon-color-hover:              #266D55;
    --gbtheme-accordion-icon-transition:               transform .3s ease;

    --gbtheme-accordion-content-padding:               0rem 1rem;
    --gbtheme-accordion-content-margin:                0rem 0rem;
    --gbtheme-accordion-content-open-margin:           0rem 0rem;
    --gbtheme-accordion-content-open-padding:          1rem 0rem 4rem 1rem;
    --gbtheme-accordion-content-transition:            max-height .3s ease, padding .3s ease;

}

/* mobile portrait */
@media (max-width: 480px) {

    :root 
    {
        --gbtheme-buttons-flex-wrap:                  wrap;
        --gbtheme-component-padding:                  1rem;
    }

}

/* mobile landscape */
@media (min-width: 481px) and (max-width: 768px) {

    :root 
    {
        --gbtheme-component-padding:                1rem;
    }

}

/* tablet */
@media (min-width: 769px) and (max-width: 1024px) {

    :root 
    {
        --gbtheme-component-padding:                1rem;
    }

}

/* desktop */
@media (min-width: 1025px) {

    :root 
    {
    }

}

/* large desktop */
@media (min-width: 1441px) {

    :root 
    {
    }

}