.row-bannere {
    display: flex;
    gap: 20px;
    margin-top: 32px;
}
.boxbanner {
    position: relative;
}
.boxbanner img {
    border-radius: var(--radius);
}
.bannerabs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.bannertitle {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 0 1px 1px #000;
}
.bannertitle2 {
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
    text-shadow: 0 1px 1px #000;
}

.container-with-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.row-bannere.nr-1-banners {
    margin-top: 0px;
}
.row-bannere.nr-1-banners .banner-box {
    position: relative;
}
.row-bannere.nr-1-banners .banner-box .banner-box-textarea {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - calc(var(--carousel-border-space) * 2) - 6px);
    max-height: calc(100% - calc(var(--carousel-border-space) * 2) - 6px);
    padding: 40px 85px;
    z-index: 2;
}
.row-bannere.nr-1-banners .banner-box .banner-box-textarea .banner-box-title-text {
    padding: 45px 240px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid var(--color-black);
    margin-bottom: 24px;
}
.row-bannere.nr-1-banners .banner-box .banner-box-textarea .banner-box-title-text * {
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    color: var(--color-black);
    font-size: 40px;
    white-space: nowrap;
}
.row-bannere.nr-1-banners .banner-box .banner-box-textarea .banner-box-subtitle-text {
    text-align: center;
    margin-bottom: 30px;
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: var(--color-black);
    font-size: 18px;
}
.row-bannere.nr-1-banners .banner-box .banner-box-textarea .banner-box-btn-container {
    text-align: center;
}
.row-bannere.nr-1-banners .banner-box .banner-box-textarea .banner-box-btn-container .btn.btn-default {
    border-color: var(--color-black);
}

.row-bannere.nr-2-banners {
    margin-top: 0px;
    padding: 70px 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
}
.row-bannere.nr-2-banners .banner-box:first-of-type {
    width: calc(66.666666666% - 10px);
}
.row-bannere.nr-2-banners .banner-box {
    width: calc(33.333333333% - 10px);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    overflow: hidden;
    position: relative;
    min-width: 300px;
}
.row-bannere.nr-2-banners .banner-box:first-of-type .banner-box-textarea {
    width: calc(100% - 140px);
    left: 70px;
}
.row-bannere.nr-2-banners .banner-box .banner-box-textarea {
    position: absolute;
    width: calc(100% - 40px);
    height: auto;
    max-height: calc(100% - 40px);
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top: 50%;
    right: auto;
    bottom: auto;
    left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-white);
}
.row-bannere.nr-2-banners .banner-box .banner-box-textarea .banner-box-above-title-text {
    font-size: 18px;
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}
.row-bannere.nr-2-banners .banner-box .banner-box-textarea .banner-box-title-text {
    font-size: 30px;
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.row-bannere.nr-2-banners .banner-box .banner-box-textarea .banner-box-subtitle-text {
    font-size: 18px;
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.row-bannere.nr-2-banners .banner-box .banner-box-textarea .banner-box-btn-container {
    padding-top: 10px;
}

.row-bannere.nr-3-banners {
    margin-top: 0px;
    padding: 135px 100px 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 4px;
}
.row-bannere.nr-3-banners .banner-box {
    width: calc(33.333333333% - 3px);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    overflow: hidden;
    position: relative;
    min-width: 300px;
}
.row-bannere.nr-3-banners .banner-box .banner-box-textarea {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-white);
}
.row-bannere.nr-3-banners .banner-box .banner-box-textarea .banner-box-above-title-text {
    font-size: 18px;
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}
.row-bannere.nr-3-banners .banner-box .banner-box-textarea .banner-box-title-text {
    font-size: 30px;
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.row-bannere.nr-3-banners .banner-box .banner-box-textarea .banner-box-subtitle-text {
    font-size: 18px;
    font-family: 'Jost', 'Arial', 'Tahoma', sans-serif;
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.row-bannere.nr-3-banners .banner-box .banner-box-textarea .banner-box-btn-container {
    padding-top: 10px;
}