/* Gründe */
.c-banner.layout-1 {text-align: center; }
.c-banner.layout-1 a, .c-banner.layout-1 a:hover {color: #fff;}
.c-banner.layout-1 .text.t1 {font: 36px Share-Regular, Arial, Helvetica, sans-serif; margin-bottom: 94px; }
.c-banner.layout-1 .text.t1 a {color: #fff; }
.c-banner.layout-1 .button {font-size: 20px; }
.c-banner.layout-1 .button a {color: #fff; }
.c-banner.layout-1 .button a[class^='b']:before { font: 300 60px var(--fontAwesome); color: #fff; display: block; margin-bottom: 30px; }

/* Gute Gründe  Slider */
.c-banner-scrollable.slick-slider .slick-arrow { position:absolute; font-size: 0; line-height: 0; top: 32%; padding: 0; cursor: pointer; color: transparent; border: none;
    outline: none; background: transparent; z-index:2; height: 50px;; }
.c-banner-scrollable.slick-slider .slick-arrow:before {content: '\f053'; font: 40px var(--fontAwesome); display: inline-block; color: #05652f; }
.c-banner-scrollable.slick-slider .slick-next { right: 10px; }
.c-banner-scrollable.slick-slider .slick-next:before { content: '\f054'; }
.c-banner-scrollable.slick-slider .slick-prev { left: 10px; }
.c-banner-scrollable.slick-slider .slick-next:hover, .c-banner-scrollable.slick-slider .slick-prev:hover { opacity:1; }
.c-banner-scrollable.slick-slider ul.slick-dots {margin:48px 0 0 0; padding:0; }
.c-banner-scrollable.slick-slider ul.slick-dots li { margin: 0 6px 15px 6px; display: inline-block; zoom: 1; }
.c-banner-scrollable.slick-slider ul.slick-dots li button { width: 15px; height: 15px; display: block; background-color: #05652f;); cursor: pointer; text-indent: -9999px;
    border-radius: 20px; border:0; outline: none;}
.c-banner-scrollable.slick-slider .slick-dots li.slick-active button { background-color:#fff; }


/* Mitgliedschaft */
.c-banner.layout-2  {background-color: #fff; padding: 34px 2% 37px 2%; text-align: center; }
.c-banner.layout-2 .c-banner-content { width: 100%; }
.c-banner.layout-2 .c-banner--text, .c-banner.layout-2 .c-banner--link {display: inline-block; }
.c-banner.layout-2 .text {font-family: Share-Regular, Arial, Helvetica, sans-serif;}
.c-banner.layout-2 .text.t1 { font-size: 32px; margin-bottom: 30px; }
.c-banner.layout-2 .text.t2 {font-size: 20px;}
.c-banner.layout-2 a.b1 {display: block; font-size: 18px; color: #fff; margin-top: 30px; background-color: #05652f; padding: 10px 42px 18px 30px; border-radius: 10px; }
.c-banner.layout-2 a.b1:before {content: '\f324'; font: 400 24px var(--fontAwesome); padding-right: 12px; position: relative; top: 3px;}

@media (min-width: 768px) {

    /* Gute Gründe */
    .c-banner.layout-1 .text.t1 {font-size: 22px; margin-bottom: 38px; }
    .c-banner.layout-1 .button {font-size: 14px; }

    /* Mitgliedschaft */
    .c-banner.layout-2  {background-color: #fff; padding: 50px 0 60px; text-align: left; }
    .c-banner.layout-2 .c-banner-content {padding-left: 15px;}
    .c-banner.layout-2 .text.t1 { font-size: 40px; }
    .c-banner.layout-2 a.b1 {position: relative; top: 26px; left: 0; font-size:19px; margin-top: 0;}
    .c-banner.layout-2 a.b1:before {font-size: 26px;  padding-right: 16px; top: 3px; }

}

@media (min-width: 992px) {

    /* Gute Gründe */
    .c-banner.layout-1 .text.t1 {font-size: 25px; margin-bottom: 52px; }
    .c-banner.layout-1 .button {font-size: 16px; }

    /* Mitgliedschaft */
    .c-banner.layout-2 { padding-bottom: 37px; }
    .c-banner.layout-2 .text.t1 { font-size: 35px; }
    .c-banner.layout-2 .text.t2 {font-size: 18px;}
    .c-banner.layout-2 a.b1 {   top:-33px; left: 24%; }

}

@media (min-width: 1200px) {

    /* Gute Gründe */
    .c-banner.layout-1 .text.t1 {font-size: 30px;}
    .c-banner.layout-1 .button {font-size: 18px; }

    /* Mitgliedschaft */
    .c-banner.layout-2 .c-banner-content { }
    .c-banner.layout-2 .text.t1 { font-size: 40px;}
    .c-banner.layout-2 .text.t2 {font-size: 20px;}
    .c-banner.layout-2 a.b1 {font-size: 22px;padding: 12px 50px 22px 30px; left: 40%;}
    .c-banner.layout-2 a.b1:before {font-size: 33px;  padding-right: 24px; top: 6px; }
}

@media (min-width: 1460px) {

    /* Gute Gründe */
    .c-banner.layout-1 .text.t1 {font-size: 36px; margin-bottom: 80px; }

    /* Mitgliedschaft */
    .c-banner.layout-2 .c-banner-content {width: 1440px; margin: 0 auto; }
    .c-banner.layout-2 a.b1 { left: 120%;}
    }