.pt-def {
    padding-top: calc(var(--bs-gutter-x) * 0.5);
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
}
.card {
    overflow: hidden;
    border-radius: var(--bs-border-radius, 0);
    border: 0px solid transparent;
}
.card figure,
.card a {
    margin: 0;
    text-decoration: none;
}
.card-title {
    max-width: 65%;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1;
    font-family: var(--secondary-font-family);
    padding: 0px 6px;
}
.card-title span {
    display: inline;
    text-transform: uppercase;
    padding: 1px 0px;
    box-decoration-break: clone;
}
.card-title span:nth-of-type(2)::before {
    content: "";
    display: block;
}
.card-title span.fett {
    /* font-weight: 900; */
}
.card-title span.small {
    /* font-weight: 600; */
}
.card-img-overlay a,
.card-body a {
    min-height: 100%;
}
.card div.bodytext.color-black p,
.card-title.color-black span {
    /* background-color: var(--color-white); */
    color: var(--color-secondary);
}
.card div.bodytext.color-white p,
.card-title.color-white span,
.card span.color-white {
    color: var(--color-white);
}
.card div.bodytext.color-blau p,
.card-title.color-blau span,
.card span.color-blau {
    color: var(--color-blau);
}
.card div.bodytext.color-pink p,
.card-title.color-pink span,
.card span.color-pink {
    color: var(--color-pink);
}
.card div.bodytext.color-magenta p,
.card-title.color-magenta span,
.card span.color-magenta {
    color: var(--color-magenta);
}
.card div.bodytext.color-orange p,
.card-title.color-orange span,
.card span.color-orange {
    color: var(--color-orange);
}
body.contrast-high .card div.bodytext.color-black p,
body.contrast-high .card div.bodytext.color-white p,
body.contrast-high .card div.bodytext.color-blau p,
body.contrast-high .card div.bodytext.color-pink p,
body.contrast-high .card div.bodytext.color-magenta p,
body.contrast-high .card div.bodytext.color-orange p body.contrast-high .card-title.color-black span,
body.contrast-high .card-title.color-white span,
body.contrast-high .card-title.color-blau span,
body.contrast-high .card-title.color-pink span,
body.contrast-high .card-title.color-magenta span,
body.contrast-high .card-title.color-orange span,
body.contrast-high .card span.color-black,
body.contrast-high .card span.color-white,
body.contrast-high .card span.color-blau,
body.contrast-high .card span.color-pink,
body.contrast-high .card span.color-magenta,
body.contrast-high .card span.color-orange,
body.contrast-high .card i.icon.color-blau,
body.contrast-high .card i.icon.color-pink,
body.contrast-high .card i.icon.color-magenta,
body.contrast-high .card i.icon.color-orange,
body.contrast-high .card i.icon.color-black,
body.contrast-high .card i.icon.color-white {
    background-color: var(--color-white);
    color: var(--color-secondary);
    padding-left: 3px;
    padding-right: 3px;
}
.layout-2 a .card-title span {
    font-size: 1.6rem;
    line-height: 1.3;
}
.bg-magenta div.bodytext a {
    color: var(--color-white);
    text-decoration: underline;
}
.card span.more {
    font-size: 1.05rem;
    white-space: nowrap;
}
body.text-increased-1 .card span.more {
    zoom: 1.1;
}
body.text-increased-2 .card span.more {
    zoom: 1.2;
}
.card span.more:after {
    content: ">";
}
.ggg_cta .ratio-4x1 {
    --bs-aspect-ratio: calc(1 / 3.5 * 100%);
}
.card div.bodytext {
    width: 100%;
    font-size: 1rem;
    padding: 1px 6px;
}
.card div.bodytext p {
    font-size: 1rem;
}
@media (min-width: 576px) {
    .card div.bodytext {
        width: 90%;
        padding: 1px 6px;
    }
    .card div.bodytext p {
        font-size: 1.1rem;
    }
}
@media (min-width: 576px) {
    .card-title {
        font-size: 1.65rem;
    }
    .layout-2 a .card-title span {
        font-size: 2.5rem;
    }
}
@media (min-width: 768px) {
    .ggg_cta .ratio-4x1 {
        --bs-aspect-ratio: calc(1 / 3.5 * 100%);
    }
    .card-title {
        max-width: 65%;
        font-size: 1.35rem;
    }
    .layout-1 .card-title {
        font-size: 1.95rem;
    }
    .card div.bodytext {
        width: 90%;
        padding: 1px 6px;
    }
}
@media (min-width: 992px) {
    .card-title {
        max-width: 68%;
        font-size: 1.55rem;
    }
    .layout-1 .card-title {
        font-size: 2.3rem;
    }
    .card div.bodytext {
        display: block;
    }
    .card div.bodytext p,
    .card div.bodytext ul {
        break-inside: avoid;
    }
}
@media (min-width: 1024px) {
    .card-title {
        font-size: 1.65rem;
    }
    .layout-1 .card-title {
        font-size: 3rem;
    }
}
@media (min-width: 1200px) {
    .card-title {
        font-size: 1.75rem;
    }
    .layout-1 .card-title {
        font-size: 3.2rem;
    }
}
@media (min-width: 1300px) {
    .card-title {
        font-size: 1.9rem;
    }
    .layout-1 .card-title {
        font-size: 3.3rem;
    }
}
@media (min-width: 1400px) {
    .card-title {
        font-size: 2.05rem;
    }
    .layout-1 .card-title {
        font-size: 3.4rem;
    }
}
body.text-increased-1 .card-title {
    zoom: 1.1;
}
body.text-increased-2 .card-title {
    zoom: 1.2;
}

.everday_cta .small, .everday_cta small {
    font-size: 1em;
  }