body, html 
{
    font-family:                var(--gbtheme-body-font-family);
    font-size:                  var(--gbtheme-body-font-size);
    color:                      var(--gbtheme-body-color);
    background-color:           var(--gbtheme-body-background-color);
    letter-spacing:             var(--gbtheme-body-letter-spacing);
    line-height:                var(--gbtheme-body-line-height);
    margin:                     var(--gbtheme-body-margin);
    padding:                    var(--gbtheme-body-padding);
}

a {
    font-weight:                var(--gbtheme-body-a-font-weight);
    font-style:                 var(--gbtheme-body-a-font-style);
    text-decoration:            var(--gbtheme-body-a-text-decoration);
    color:                      var(--gbtheme-body-a-color);
    text-underline-offset:      var(--gbtheme-body-a-underline-offset);
}

a:hover {
    font-weight:                var(--gbtheme-body-a-font-weight-hover);
    font-style:                 var(--gbtheme-body-a-font-style-hover);
    text-decoration:            var(--gbtheme-body-a-text-decoration-hover);
    text-underline-offset:      var(--gbtheme-body-a-underline-offset-hover);
}

ul
{
    margin:                     var(--gbtheme-body-ul-margin);
    padding:                    var(--gbtheme-body-ul-padding);
    list-style-type:            var(--gbtheme-body-list-style-type);
}

ul li
{
    margin:                     var(--gbtheme-body-ul-li-margin);
    padding:                    var(--gbtheme-body-ul-li-padding);
}

.flex-wrap {
    flex-wrap:                 wrap;
}

.flex-nowrap {
    flex-wrap:                 nowrap;
}

.gbtheme_overline
{
    color:                      var(--gbtheme-overline-color);
    font-size:                  var(--gbtheme-overline-font-size);
    text-transform:             var(--gbtheme-overline-text-transform);
    font-style:                 var(--gbtheme-overline-font-style);
    font-weight:                var(--gbtheme-overline-font-weight);
    font-family:                var(--gbtheme-overline-font-family);
    margin:                     var(--gbtheme-overline-margin);
    padding:                    var(--gbtheme-overline-padding);
    text-indent:                var(--gbtheme-overline-text-indent);
    background-color:           var(--gbtheme-overline-background-color);
    border:                     var(--gbtheme-overline-border);
    border-radius:              var(--gbtheme-overline-border-radius);
    display:                    var(--gbtheme-overline-display);
    line-height:                var(--gbtheme-overline-line-height);
    letter-spacing:             var(--gbtheme-overline-letter-spacing);
    text-decoration:            var(--gbtheme-overline-text-decoration);
}

.gbtheme_h1 h1
{
    color:                      var(--gbtheme-h1-color);
    font-size:                  var(--gbtheme-h1-font-size);
    text-transform:             var(--gbtheme-h1-text-transform);
    font-style:                 var(--gbtheme-h1-font-style);
    font-weight:                var(--gbtheme-h1-font-weight);
    font-family:                var(--gbtheme-h1-font-family);
    margin:                     var(--gbtheme-h1-margin);
    padding:                    var(--gbtheme-h1-padding);
    text-indent:                var(--gbtheme-h1-text-indent);
    background-color:           var(--gbtheme-h1-background-color);
    border:                     var(--gbtheme-h1-border);
    border-radius:              var(--gbtheme-h1-border-radius);
    display:                    var(--gbtheme-h1-display);
    line-height:                var(--gbtheme-h1-line-height);
    letter-spacing:             var(--gbtheme-h1-letter-spacing);
    text-decoration:            var(--gbtheme-h1-text-decoration);
    text-underline-offset:      var(--gbtheme-h1-a-underline-offset);
}

.gbtheme_h1 h1 a:hover {
    text-decoration:            var(--gbtheme-h1-text-decoration-hover);
    text-underline-offset:      var(--gbtheme-h1-a-underline-offset-hover);
    color:                      var(--gbtheme-h1-color-hover);
}

h2,
.gbtheme_h2 h2,
h2.gbtheme_h2
{
    color:                      var(--gbtheme-h2-color);
    font-size:                  var(--gbtheme-h2-font-size);
    text-transform:             var(--gbtheme-h2-text-transform);
    font-style:                 var(--gbtheme-h2-font-style);
    font-weight:                var(--gbtheme-h2-font-weight);
    font-family:                var(--gbtheme-h2-font-family);
    margin:                     var(--gbtheme-h2-margin);
    padding:                    var(--gbtheme-h2-padding);
    text-indent:                var(--gbtheme-h2-text-indent);
    background-color:           var(--gbtheme-h2-background-color);
    border:                     var(--gbtheme-h2-border);
    border-radius:              var(--gbtheme-h2-border-radius);
    display:                    var(--gbtheme-h2-display);
    line-height:                var(--gbtheme-h2-line-height);
    letter-spacing:             var(--gbtheme-h2-letter-spacing);
    text-decoration:            var(--gbtheme-h2-text-decoration);
}

h2 a:hover,
.gbtheme_h2 h2 a:hover,
h2.gbtheme_h2 a:hover {
    text-decoration:            var(--gbtheme-h2-text-decoration-hover);
    text-underline-offset:      var(--gbtheme-h2-a-underline-offset-hover);
    color:                      var(--gbtheme-h2-color-hover);
}

h3,
.gbtheme_h3 h3,
h3.gbtheme_h3
{
    color:                      var(--gbtheme-h3-color);
    font-size:                  var(--gbtheme-h3-font-size);
    text-transform:             var(--gbtheme-h3-text-transform);
    font-style:                 var(--gbtheme-h3-font-style);
    font-weight:                var(--gbtheme-h3-font-weight);
    font-family:                var(--gbtheme-h3-font-family);
    margin:                     var(--gbtheme-h3-margin);
    padding:                    var(--gbtheme-h3-padding);
    text-indent:                var(--gbtheme-h3-text-indent);
    background-color:           var(--gbtheme-h3-background-color);
    border:                     var(--gbtheme-h3-border);
    border-radius:              var(--gbtheme-h3-border-radius);
    display:                    var(--gbtheme-h3-display);
    line-height:                var(--gbtheme-h3-line-height);
    letter-spacing:             var(--gbtheme-h3-letter-spacing);
    text-decoration:            var(--gbtheme-h3-text-decoration);
}

h3 a:hover,
.gbtheme_h3 h3 a:hover,
h3.gbtheme_h3 a:hover {
    text-decoration:            var(--gbtheme-h3-text-decoration-hover);
    text-underline-offset:      var(--gbtheme-h3-a-underline-offset-hover);
    color:                      var(--gbtheme-h3-color-hover);
}

.gbtheme_title
{
    color:                      var(--gbtheme-title-color);
    font-size:                  var(--gbtheme-title-font-size);
    text-transform:             var(--gbtheme-title-text-transform);
    font-style:                 var(--gbtheme-title-font-style);
    font-weight:                var(--gbtheme-title-font-weight);
    font-family:                var(--gbtheme-title-font-family);
    margin:                     var(--gbtheme-title-margin);
    padding:                    var(--gbtheme-title-padding);
    text-indent:                var(--gbtheme-title-text-indent);
    background-color:           var(--gbtheme-title-background-color);
    border:                     var(--gbtheme-title-border);
    border-radius:              var(--gbtheme-title-border-radius);
    display:                    var(--gbtheme-title-display);
    line-height:                var(--gbtheme-title-line-height);
    letter-spacing:             var(--gbtheme-title-letter-spacing);
    text-decoration:            var(--gbtheme-title-text-decoration);
}


a.gbtheme_primary_button
{
    color:                      var(--gbtheme-primary-button-color);
    background-color:           var(--gbtheme-primary-button-background-color);
    font-size:                  var(--gbtheme-primary-button-font-size);
    text-transform:             var(--gbtheme-primary-button-text-transform);
    font-style:                 var(--gbtheme-primary-button-font-style);
    font-weight:                var(--gbtheme-primary-button-font-weight);
    font-family:                var(--gbtheme-primary-button-font-family);
    margin:                     var(--gbtheme-primary-button-margin);
    padding:                    var(--gbtheme-primary-button-padding);
    text-indent:                var(--gbtheme-primary-button-text-indent);
    border:                     var(--gbtheme-primary-button-border);
    border-radius:              var(--gbtheme-primary-button-border-radius);
    display:                    var(--gbtheme-primary-button-display);
    line-height:                var(--gbtheme-primary-button-line-height);
    letter-spacing:             var(--gbtheme-primary-button-letter-spacing);
    text-decoration:            var(--gbtheme-primary-button-text-decoration);
    box-shadow:                 var(--gbtheme-primary-button-box-shadow);
    text-underline-offset:      var(--gbtheme-primary-button-underline-offset);
    display:                    inline-block;
}

a.gbtheme_primary_button:hover
{
    color:                      var(--gbtheme-primary-button-color-hover) !important;
    background-color:           var(--gbtheme-primary-button-background-color-hover) !important;
    border:                     var(--gbtheme-primary-button-border-hover);
    font-weight:                var(--gbtheme-primary-button-font-weight-hover);
    box-shadow:                 var(--gbtheme-primary-button-box-shadow-hover);
    text-decoration:            var(--gbtheme-primary-button-text-decoration-hover);
}

a.gbtheme_secondary_button
{
    color:                      var(--gbtheme-secondary-button-color);
    background-color:           var(--gbtheme-secondary-button-background-color);
    font-size:                  var(--gbtheme-secondary-button-font-size);
    text-transform:             var(--gbtheme-secondary-button-text-transform);
    font-style:                 var(--gbtheme-secondary-button-font-style);
    font-weight:                var(--gbtheme-secondary-button-font-weight);
    font-family:                var(--gbtheme-secondary-button-font-family);
    margin:                     var(--gbtheme-secondary-button-margin);
    padding:                    var(--gbtheme-secondary-button-padding);
    text-indent:                var(--gbtheme-secondary-button-text-indent);
    border:                     var(--gbtheme-secondary-button-border);
    border-radius:              var(--gbtheme-secondary-button-border-radius);
    display:                    var(--gbtheme-secondary-button-display);
    line-height:                var(--gbtheme-secondary-button-line-height);
    letter-spacing:             var(--gbtheme-secondary-button-letter-spacing);
    text-decoration:            var(--gbtheme-secondary-button-text-decoration);
    box-shadow:                 var(--gbtheme-secondary-button-box-shadow);
    text-underline-offset:      var(--gbtheme-secondary-button-underline-offset);
    display:                    inline-block;
}

a.gbtheme_secondary_button:hover
{
    color:                      var(--gbtheme-secondary-button-color-hover) !important;
    background-color:           var(--gbtheme-secondary-button-background-color-hover)!important;
    border:                     var(--gbtheme-secondary-button-border-hover);
    font-weight:                var(--gbtheme-secondary-button-font-weight-hover);
    box-shadow:                 var(--gbtheme-secondary-button-box-shadow-hover);
    text-decoration:            var(--gbtheme-secondary-button-text-decoration-hover);
}

a.gbtheme_text_button
{
    color:                      var(--gbtheme-text-button-color);
    background-color:           var(--gbtheme-text-button-background-color);
    font-size:                  var(--gbtheme-text-button-font-size);
    text-transform:             var(--gbtheme-text-button-text-transform);
    font-style:                 var(--gbtheme-text-button-font-style);
    font-weight:                var(--gbtheme-text-button-font-weight);
    font-family:                var(--gbtheme-text-button-font-family);
    margin:                     var(--gbtheme-text-button-margin);
    padding:                    var(--gbtheme-text-button-padding);
    text-indent:                var(--gbtheme-text-button-text-indent);
    border:                     var(--gbtheme-text-button-border);
    border-radius:              var(--gbtheme-text-button-border-radius);
    display:                    var(--gbtheme-text-button-display);
    line-height:                var(--gbtheme-text-button-line-height);
    letter-spacing:             var(--gbtheme-text-button-letter-spacing);
    text-decoration:            var(--gbtheme-text-button-text-decoration);
    box-shadow:                 var(--gbtheme-text-button-box-shadow);
    text-underline-offset:      var(--gbtheme-text-button-underline-offset);
    display:                    inline-block;
}

a.gbtheme_text_button:hover
{
    color:                      var(--gbtheme-text-button-color-hover) !important;
    background-color:           var(--gbtheme-text-button-background-color-hover) !important;
    border:                     var(--gbtheme-text-button-border-hover);
    font-weight:                var(--gbtheme-text-button-font-weight-hover);
    box-shadow:                 var(--gbtheme-text-button-box-shadow-hover);
    text-decoration:            var(--gbtheme-text-button-text-decoration-hover);
}

.gbtheme_introtext
{
    color:                      var(--gbtheme-introtext-color);
    font-size:                  var(--gbtheme-introtext-font-size);
    font-style:                 var(--gbtheme-introtext-font-style);
    font-weight:                var(--gbtheme-introtext-font-weight);
    font-family:                var(--gbtheme-introtext-font-family);
    border:                     var(--gbtheme-introtext-border);
    border-radius:              var(--gbtheme-introtext-border-radius);
    line-height:                var(--gbtheme-introtext-line-height);
    letter-spacing:             var(--gbtheme-introtext-letter-spacing);
}

.gbtheme_introtext p {
    max-width:                  100%;
    margin:                     none;
    padding:                    none;
}

.gbtheme_bodytext p {
    max-width:                  100%;
    margin:                     none;
    padding:                    none;
}

.gbtheme_buttons {
    display:                    var(--gbtheme-buttons-display);
    flex-wrap:                  var(--gbtheme-buttons-flex-wrap);
}

.gbtheme_component {
}

.gbtheme_component .gbtheme_content.xlarge {
    max-width:                  var(--gbtheme-component-xlarge);
}

.gbtheme_component .gbtheme_content.large {
    max-width:                  var(--gbtheme-component-large);
}

.gbtheme_component .gbtheme_content.medium {
    max-width:                  var(--gbtheme-component-medium);
}

.gbtheme_component .gbtheme_content.small
{
    max-width:                  var(--gbtheme-component-small);
}

.gbtheme_component .component {
    margin:                     0px !important;
    padding:                    0px !important;
    max-width:                  none !important;
}

.gbtheme_component .component .component__content {
    margin:                     0px !important;
    padding:                    0px !important;
    max-width:                  none !important;
}

.gbtheme_content.content-small {
    max-width:                  var(--gbtheme-component-small);
}

.gbtheme_content.content-medium {
    max-width:                  var(--gbtheme-component-medium);
}

.gbtheme_content.content-large {
    max-width:                  var(--gbtheme-component-large);
}
.gbtheme_content.content-xlarge {
    max-width:                  var(--gbtheme-component-xlarge);
}



.gbtheme_caption {
    color:                      var(--gbtheme-caption-color);
    font-size:                  var(--gbtheme-caption-font-size);
    margin:                     var(--gbtheme-caption-margin);
    padding:                    var(--gbtheme-caption-padding);
}

.gbtheme_image img {
    width:                      100%;
    height:                     auto;
    border-radius:              var(--gbtheme-image-border-radius);
    object-fit:                 var(--gbtheme-image-object-fit);
    display:                    block;
}

img.classGbtheme {
    border-radius:              var(--gbtheme-image-border-radius);
    object-fit:                 var(--gbtheme-image-object-fit);
}


/* Einstellungen für Content Box Default */
/* +++++++++++++++++++++++++++++++++++++ */

.gbtheme_content_box_default .gbtheme_overline ,
.gbtheme_content_image_box .gbtheme_overline ,
.gbtheme_content_box_feature .gbtheme_overline {
    margin:                     0px 0px;
    padding:                    0px 0px 1rem 0px;    
}

.gbtheme_content_box_default .gbtheme_title,
.gbtheme_content_image_box .gbtheme_title,
.gbtheme_content_box_feature .gbtheme_title {
    margin:                     0px 0px;
    padding:                    0px 0px 1rem 0px;    
}

.gbtheme_content_box_default .gbtheme_title,
.gbtheme_content_image_box .gbtheme_title,
.gbtheme_content_box_feature .gbtheme_title {
    margin:                     0px 0px;
    padding:                    0px 0px 1rem 0px;    
    font-size:                  1.2rem;
    font-weight:                500;
}

.gbtheme_content_box_default .gbtheme_h2,
.gbtheme_content_image_box .gbtheme_h2,
.gbtheme_content_box_feature .gbtheme_h2 {
    margin:                     0px 0px;
    padding:                    0px 0px 1rem 0px;
}

.gbtheme_content_box_default .gbtheme_h3,
.gbtheme_content_image_box .gbtheme_h3,
.gbtheme_content_box_feature .gbtheme_h3 {
    margin:                     0px 0px;
    padding:                    0px 0px 1rem 0px;    
}

.gbtheme_content_box_default .gbtheme_image,
.gbtheme_content_image_box .gbtheme_image,
.gbtheme_content_box_feature .gbtheme_image {
    margin:                     0px 0px;
    padding:                    0px 0px 1rem 0px;    
}

.gbtheme_content_box_default .gbtheme_introtext,
.gbtheme_content_image_box .gbtheme_introtext,
.gbtheme_content_box_feature .gbtheme_introtext {
    margin:                     0px 0px;
    padding:                    1px 0px 1rem 0px;    
}

.gbtheme_content_box_default .gbtheme_bodytext,
.gbtheme_content_image_box .gbtheme_bodytext,
.gbtheme_content_box_feature .gbtheme_bodytext {
    margin:                     0px 0px;
    padding:                    1px 0px 1rem 0px;    
}

.gbtheme_content_image_box {
    display:                    flex;
    flex-wrap:                  nowrap;
}

.gbtheme_content_image_box.top {
    display:                    flex;
    flex-wrap:                  wrap;
}

.gbtheme_content_image_box.bottom {
    display:                    flex;
    flex-wrap:                  wrap;
}

.gbtheme_content_image_box_image .gbtheme_image.rounded-none img {
    border-radius:              0rem;
    margin-bottom:              -15px;
}
.gbtheme_content_image_box_image .gbtheme_image.rounded-xs img {
    border-radius:              0.125rem;
    margin-bottom:              -15px;
}
.gbtheme_content_image_box_image .gbtheme_image.rounded-sm img {
    border-radius:              0.25rem;
    margin-bottom:              -15px;
}
.gbtheme_content_image_box_image .gbtheme_image.rounded-md img {
    border-radius:              0.375rem;
    margin-bottom:              -15px;
}
.gbtheme_content_image_box_image .gbtheme_image.rounded-lg img {
    border-radius:              0.5rem;
    margin-bottom:              -15px;
}
.gbtheme_content_image_box_image .gbtheme_image.rounded-xl img {
    border-radius:              0.75rem;
    margin-bottom:              -15px;
}
.gbtheme_content_image_box_image .gbtheme_image.rounded-2xl img {
    border-radius:              1rem;
    margin-bottom:              -15px;
}
.gbtheme_content_image_box_image .gbtheme_image.rounded-3xl img {
    border-radius:              1.5rem;
    margin-bottom:              -15px;
}



.gbtheme_container_boxen.two,
.gbtheme_container_boxen.three {
    flex-wrap:                  nowrap;
}

.gbtheme_container_box.two {
    width:                      50%;
}

.gbtheme_container_box.three {
    width:                      33.3333%;
}

.gbtheme_container_box.four {
    width:                      25%;
}



.gbtheme_banner {
    display:                    grid;
    overflow:                   hidden;
}

.gbtheme_banner_image,
.gbtheme_banner_text {
    grid-area:                  1 / 1;
}

.gbtheme_banner_image img {
    display:                    block;
    width:                      100%;
    height:                     auto;
}

.gbtheme_banner_text {
    display:                    flex;
    flex-direction:             column;
    color:                     white !important;
}
.gbtheme_banner_text p,
.gbtheme_banner_text h1,
.gbtheme_banner_text h2,
.gbtheme_banner_text h3 {
    color:                      white !important;
}


.gbtheme_banner_text.overlay-0 {
    background:                 rgba(0,0,0,0);
}
.gbtheme_banner_text.overlay-10 {
    background:                 rgba(0,0,0,0.1);
}
.gbtheme_banner_text.overlay-20 {
    background:                 rgba(0,0,0,0.2);
}
.gbtheme_banner_text.overlay-30 {
    background:                 rgba(0,0,0,0.3);
}
.gbtheme_banner_text.overlay-40 {
    background:                 rgba(0,0,0,0.4);
}
.gbtheme_banner_text.overlay-50 {
    background:                 rgba(0,0,0,0.5);
}
.gbtheme_banner_text.overlay-60 {
    background:                 rgba(0,0,0,0.6);
}
.gbtheme_banner_text.overlay-70 {
    background:                 rgba(0,0,0,0.7);
}
.gbtheme_banner_text.overlay-80 {
    background:                 rgba(0,0,0,0.8);
}
.gbtheme_banner_text.overlay-90 {
    background:                 rgba(0,0,0,0.9);
}



.gbtheme_accordion {
    width:                      100%;
    box-sizing:                 border-box;
    margin:                     var(--gbtheme-accordion-margin);
    padding:                    var(--gbtheme-accordion-padding);
}

.gbtheme_accordion_header {
    width:                      100%;
    margin:                     var(--gbtheme-accordion-header-margin);
    padding:                    var(--gbtheme-accordion-header-padding);
    border:                     var(--gbtheme-accordion-header-border);
    border-top:                 var(--gbtheme-accordion-header-border-top);
    border-bottom:              var(--gbtheme-accordion-header-border-bottom);
    color:                      var(--gbtheme-accordion-header-color);
    background:                 var(--gbtheme-accordion-header-background);
    letter-spacing:             var(--gbtheme-accordion-header-letter-spacing);
    font-size:                  var(--gbtheme-accordion-header-font-size);
    cursor:                     pointer;
    display:                    flex;
    justify-content:            space-between;
    align-items:                center;
    outline:                    unset;
    background:                 none;
}

.gbtheme_accordion_header:hover {
    background:                 var(--gbtheme-accordion-header-background-hover);
    color:                      var(--gbtheme-accordion-header-color-hover);
}

.gbtheme_accordion_header:focus {
    outline:                    none;
    font-weight:                var(--gbtheme-accordion-header-background-focus-font-weight);
}

.gbtheme_accordion_icon {
    font-size:                  var(--gbtheme-accordion-icon-font-size);
    color:                      var(--gbtheme-accordion-icon-color);
    transition:                 var(--gbtheme-accordion-icon-transition);
}

.gbtheme_accordion_header:hover .gbtheme_accordion_icon {
    color:                      var(--gbtheme-accordion-icon-color-hover);
}

.gbtheme_accordion_header.active .gbtheme_accordion_icon {
    transform:                  rotate(180deg);
}

.gbtheme_accordion_content {
    max-height:                 0;
    overflow:                   hidden;
    transition:                 var(--gbtheme-accordion-content-transition);
    padding:                    var(--gbtheme-accordion-content-padding);
    margin:                     var(--gbtheme-accordion-content-margin);
}

.gbtheme_accordion_content.open {
    padding:                    var(--gbtheme-accordion-content-open-padding);
    margin:                     var(--gbtheme-accordion-content-open-margin);
}



/* desktop */
@media (max-width: 1536px) {

    .gbtheme_container_boxen.four {
        flex-wrap:                  wrap;
    }

    .gbtheme_container_box.four {
        width:                      50%;
        flex:                       none;
    }

    .gbtheme_container_box.four:nth-child(2),
    .gbtheme_container_box.four:nth-child(4) {
        width:                      50%;
        flex:                       1;
    }


}


/* desktop */
@media (max-width: 1280px) {

    .gbtheme_container_boxen.three {
        flex-wrap:                  wrap;
    }

    .gbtheme_container_box.three:nth-child(1) {
        width:                      100%;
    }
    .gbtheme_container_box.three:nth-child(2),
    .gbtheme_container_box.three:nth-child(3) {
        width:                      50%;
        flex:                       1;
    }

}


/* desktop */
@media (max-width: 1024px) {

    :root 
    {
    }

    .gbtheme_content_image_box {
        flex-wrap:                 wrap;
    }

    .gbtheme_content_image_box_image {
        width:                      100%;
    }

    .gbtheme_content_image_box_text {
        width:                      100%;
    }

    .gbtheme_content_image_box.right,
    .gbtheme_content_image_box.bottom {
        flex-wrap:                 wrap-reverse;
    }

    .gbtheme_container_boxen.two {
        flex-wrap:                  wrap;
    }

    .gbtheme_container_box.two {
        width:                      100%;
    }

    .gbtheme_container_box.three {
        width:                      100%;
    }

    .gbtheme_container_box.three:nth-child(2),
    .gbtheme_container_box.three:nth-child(3) {
        width:                      100%;
        flex:                       none;
    }

    .gbtheme_container_box.four,
    .gbtheme_container_box.four:nth-child(1),
    .gbtheme_container_box.four:nth-child(2),
    .gbtheme_container_box.four:nth-child(3),
    .gbtheme_container_box.four:nth-child(4) {
        width:                      100%;
        flex:                       none;
    }


}

@media (max-width: 768px) {

    :root 
    {
    }


}