/* Allgemein */
.c-banner-back img {width: 100%; }
.c-banner-content {text-align: center;}

/* Mitgliedschaft */
.c-banner.layout-1 { margin: 40px 15px 0 15px; }
.c-banner.layout-1 .c-banner-back picture { display: none;}
.c-banner.layout-1 .c-banner--text {color: #fff; }
.c-banner.layout-1 .c-banner--text .text { font-size: 20px; padding: 40px 0 106px 0; margin-bottom: 30px; background-color: #233588; vertical-align: top; }
.c-banner.layout-1 .c-banner--text .text:before {font: 300 78px var(--fontAwesome); display: block; margin-bottom: 27px; }
.c-banner.layout-1 .c-banner--text .text.t1:before {content: '\f0cb';}
.c-banner.layout-1 .c-banner--text .text.t2:before {content: '\f06a';}
.c-banner.layout-1 .c-banner--text .text.t3:before {content: '\f321';}
.c-banner.layout-1 .c-banner--link .button a { display: inline-block; background-color: #fff; color: #233588; font-size: 15px; text-transform: uppercase; width: 163px; border-radius: 5px; padding: 10px 0; position: relative;}
.c-banner.layout-1 .c-banner--link .button a.b1 { top: -842px;}
.c-banner.layout-1 .c-banner--link .button a.b2 { top: -528px;}
.c-banner.layout-1 .c-banner--link .button a.b3 { background-color: #c20069; color: #fff; width: 280px; font-size: 20px; text-transform: none; padding: 20px 0;}
.c-banner.layout-1 .c-banner--link .button:nth-of-type(3) { margin-top: -208px;}

/* BTE Der Weg */
.c-banner.layout-2 {margin-top: 40px;}
.c-banner.layout-2 .c-banner--link {position: relative; }
.c-banner.layout-2 .button {position: absolute; margin-top: -78%; width: 100%}
.c-banner.layout-2 .button a.b1 { display: block; text-align: center; font-size: 50px; }
.c-banner.layout-2 .button a.b1:before { content: '\f1da'; font: 400 92px var(--fontAwesome); display: block; margin-bottom: 28px; }

/* Landesverbände */
.c-banner.layout-3  {background-color: #fff; margin-top: 40px; }
.c-banner.layout-3 .c-banner-content {display: flex; flex-direction: column;}
.c-banner.layout-3 .c-banner--link a.b1 {display: block; font-size: 27px; margin: 28px 0 10px 0; color: #233588;}
.c-banner.layout-3 .c-banner--pictures { order: 1;}
.c-banner.layout-3 .c-banner--pictures img {width:67.6%; height:auto; margin-left: 22px }

@media (min-width: 768px){

    /* Mitgliedschaft */
    .c-banner.layout-1 { margin: 60px 0 40px 0; position: relative; }
    .c-banner.layout-1 .c-banner-back picture { display: block; }
    .c-banner.layout-1 .c-banner-content {position: absolute; top: 5%;  width: 100%; }
    .c-banner.layout-1 .c-banner--text .text {padding: 0; margin-bottom: 0; font-size: 14px; line-height: 19px; background-color: transparent; }
    .c-banner.layout-1 .c-banner--text .text:before {font-size: 38px; margin-bottom: 6px;}
    .c-banner.layout-1 .c-banner--text .text, .c-banner.layout-1 .c-banner--link .button  {display: inline-block; width: 25%; }
    .c-banner.layout-1 .c-banner--link .button { margin-top: 10px; }
    .c-banner.layout-1 .c-banner--link .button a { position: inherit;  width: 122px; font-size: 12px; padding: 5px 0; }
    .c-banner.layout-1 .c-banner--link .button a.b3 { width: 200px; font-size: 15px; padding: 8px 0; }
    .c-banner.layout-1 .c-banner--link .button:nth-of-type(3) { margin-top: 0}

    /* BTE Der Weg */
    .c-banner.layout-2, .c-banner.layout-3 {margin-top: 60px;}
    .c-banner.layout-2 .button a.b1 { font-size: 45px; margin-right: 30px; }


}

@media (min-width: 992px) {

    /* Mitgliedschaft */
    .c-banner.layout-1 { margin: 70px 0 46px 0; }
    .c-banner.layout-1 .c-banner--text .text { font-size: 17px; line-height: normal; }
    .c-banner.layout-1 .c-banner--text .text:before {font-size: 48px; margin-bottom: 8px;}

    .c-banner.layout-1 .c-banner--link .button {margin-top: 14px; }
    .c-banner.layout-1 .c-banner--link .button a { width: 142px; font-size: 14px; padding: 8px 0; }
    .c-banner.layout-1 .c-banner--link .button a.b3 { width: 260px; font-size: 18px; padding: 12px 0;}

    /* BTE Der Weg */
    .c-banner.layout-2, .c-banner.layout-3 {margin-top: 70px;}
    .c-banner.layout-2 .button a.b1 { font-size: 54px; }

    /* Landesverbände */
    .c-banner.layout-3 .c-banner--pictures img { width:72%; margin-left: 18px; }
}

@media (min-width: 1200px) {

    /* Mitgliedschaft */
    .c-banner.layout-1 { margin: 80px 0 66px 0; }
    .c-banner.layout-1 .c-banner--text .text { font-size: 17px;}
    .c-banner.layout-1 .c-banner--text .text:before {font-size: 58px; margin-bottom: 10px;}

    .c-banner.layout-1 .c-banner--link .button {margin-top: 24px; }
    .c-banner.layout-1 .c-banner--link .button a { width: 163px; padding: 12px 0; font-size: 14px;}
    .c-banner.layout-1 .c-banner--link .button a.b3 { width: 246px; font-size: 18px; padding: 17px 0;}

    /* BTE Der Weg */
    .c-banner.layout-2, .c-banner.layout-3 {margin-top: 0;}
    .c-banner.layout-2 .button a.b1 { font-size: 50px; }
    .c-banner.layout-2 .c-banner-back img { height: 400px;}

    /* Landesverbände */
    .c-banner.layout-3 .c-banner--pictures img {width:68%; margin-left: 22px;}
}

@media (min-width: 1440px) {

    /* Mitgliedschaft */
    .c-banner.layout-1 .c-banner--text .text { font-size: 20px;}
    .c-banner.layout-1 .c-banner--text .text:before {font-size: 78px; margin-bottom: 20px;}

    .c-banner.layout-1 .c-banner--link .button {margin-top: 34px; }
    .c-banner.layout-1 .c-banner--link .button a { font-size: 15px;}
    .c-banner.layout-1 .c-banner--link .button a.b3 { width: 280px; font-size: 20px; padding: 20px 0;}
}