/* Globale Weiß-Farbdefinition */
:root {
    --text-color-light: #fff;
    --text-color-black: #000;
    --primarydarker: #023031;
}

.bg-primary-darker {
    background-color: var(--primarydarker);
}

.bg-green-light, .frame-background-green-light {
    background-color: #EEFCFC;
}

/*
.bg-light .frame-background-light {
    background-color: #dfd3e833 !important;
}

 */

/* Buttons: kein Hintergrund-Gradient, fetter Text */
.btn {
    background-image: none;
    font-weight: bold;
    border-radius: 100px;
    text-transform: uppercase;
    padding: 12px 24px;
}

/* Alle .btn außer .btn-light in Weiß */
.btn:not(.btn-light) {
    color: var(--text-color-light);
}

/* Alle Überschriften und Absätze in Weiß */
.frame-background-primary h1,
.frame-background-primary .h1,
.frame-background-primary h2,
.frame-background-primary .h2,
.frame-background-primary h3,
.frame-background-primary .h3,
.frame-background-primary h4,
.frame-background-primary .h4,
.frame-background-primary h5,
.frame-background-primary .h5,
.frame-background-primary h6,
.frame-background-primary .h6,
.frame-background-primary p,
.frame-background-primary .p {
    color: var(--text-color-light);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
}

p {
    font-family: 'Roboto', sans-serif;
    line-height: 120%;
}

.ratio-1x1 {
    aspect-ratio: 1 / 1;
}

.object-fit-cover {
    object-fit: cover;
}

.roboto-condensed {
    font-family: 'Roboto Condensed', sans-serif;
}

.letter-spacing-2px {
    letter-spacing:2px;
}

.font-size-14px {
    font-size: 14px;
}

.aspect-ratio-4x-3x {
    aspect-ratio: 4 / 3;
}

.row-gap-40 {
    row-gap: 40px;
}

.gap-40 {
    --gallery-gap: 40px;
}

.swiper-button-next, .swiper-button-prev {
    background-color: #068586;
    color: white;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 1rem;
}

/*
Bootstrap Carousel controls Start
 */

.carousel-small .carousel-item-type-image {
    background-color: transparent !important;
}

.carousel-small .carousel-inner .item {
    padding-left: 0;
    padding-right: 0;
}

.carousel button.carousel-control-next, .carousel button.carousel-control-prev {
    background-color: #e3740d;
    opacity: 1 !important;
    width: 27px;
    height: 44px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    justify-content: center;
    background-image: unset;
}

.carousel button.carousel-control-next .carousel-control-icon, .carousel button.carousel-control-prev .carousel-control-icon{
    background-size: 20px;
}

.carousel button.carousel-control-next {
    right: 20px;
}

.carousel button.carousel-control-prev {
    left: 20px;
}

/*Zentriere Childs in Container*/

/*
.frame-container-default .contentcontainer {
    align-items: center;
}
*/

.gallery-row {
    display: grid;
    gap: 20px;
    align-items: center;
}

.gallery-row .gallery-item {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.gallery-item-count-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-item-count-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-item-count-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-item-count-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-item-count-6 {
    grid-template-columns: repeat(6, 1fr);
}

@media only screen and (min-width: 992px) {
    /*
Reset font sizes globally START
 */

    h1 , .h1 {
        font-size: 3rem;
        /*font-size: 3.25rem;*/
        /*font-size: 2.5rem;*/
        line-height: 120%;
        /*margin-bottom: 2rem;*/
        margin-bottom: 1.25rem;
    }

    h2 , .h3 {
        /*font-size: 3rem;*/
        font-size: 2.5rem;
        line-height: 120%;
        /*margin-bottom: 2rem;*/
        margin-bottom: 1.25rem;
    }

    p, .list-normal li, .carousel-fullscreen p.awesome {
        /*font-size: 1.25rem;*/
        font-size: 1.1rem;
        line-height: 120%;
        font-weight: 400;
    }
}

.list-normal li:not(:last-child) {
    margin-bottom: 20px;
}

/*
.list-normal {
    list-style: none;
}
 */

ul.list-normal li::marker {
    color: #068586;      /* Farbe des Bullets */
    font-size: 1.3em;    /* Bullet größer machen */
    font-weight: bold;   /* optional fetter */
}