.header-banner {
        display: flex;
        align-items: center;
        padding: 0% 5% 1% 5%;
    }

    .header-icon {
        font-family: "MAXIMA";
        line-height: 1;
        font-size: 2.5rem;
        position: relative;
        top: -2px;
        margin-right: 5%;
        color: #ffe60a;
    }

    .header-text {
        font-family: "MAXIMA";
        text-transform: uppercase;
        line-height: 1.1;
    }

    .header-text div:first-child {
        font-size: 1.5rem;
        letter-spacing: 1.5px;
    }

    .header-text div:last-child {
        font-size: 1.5rem;
        letter-spacing: 1.5px;
    }

    .ab {
        padding-left: 10px
    }

    .btn-warning {
        background: #ffe60a !important;
        border: none;
        color: black !important;
    }

    .booking-section {
        margin-top: 10px;
        display: grid;
        grid-template-columns: 1fr auto;
        /* Preis flexibel, Button nur so breit wie nötig */
        align-items: center;
        gap: 12px;
    }

    .booking-section .btn {
        white-space: nowrap;
    }

    .booking-section>div:first-child {
        min-width: 0;
        /* verhindert Überlauf bei langen Zahlen */
    }

    .booking-section>div:first-child {
        flex: 2 1 280px;
        /* Preis darf mehr Platz beanspruchen */
        min-width: 180px;
    }

    @media (max-width: 820px) {
        .booking-section {
            grid-template-columns: 1fr;
            /* alles untereinander */
        }

        .booking-section .btn {
            width: 100%;
            margin-top: 8px;
        }
    }

    .price-total,
    .price-per {
        column-gap: 4px;
    }

    .price-total .amount {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
        text-align: right;
    }

    .price-per .amount {
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-align: right;

    }

    .price-total .euro,
    .price-per .euro {
        font-size: 16px;
        font-weight: 700;
    }

    .price-total .label,
    .price-per .label {
        font-size: 14px;
        font-weight: 400;
    }

    .text-muted {
        color: #ffe60a !important;
    }

    .divider {
        height: 1.5px;
        margin: 10px 0 0px 0;
        background: linear-gradient(to right,
                transparent,
                rgba(255, 255, 255, 0.2),
                transparent);
    }

    .underbullet {
        padding-left: 6%;
    }

    .card {
        margin: 0px;
        text-align: left;
        border: none;
        background: #00000099;
        display: flex;
        flex-direction: column;
    }

    .card-img-top {
        padding: 2%;
    }

    .corner-box {
        box-sizing: border-box;

        /* Ecken mit linear-gradient */
        background:
            /* obere linke Ecke */
            linear-gradient(to right, #ffe60a 100%, transparent 100%) top left,
            linear-gradient(to bottom, #ffe60a 100%, transparent 100%) top left,
            /* obere rechte Ecke */
            linear-gradient(to left, #ffe60a 100%, transparent 100%) top right,
            linear-gradient(to bottom, #ffe60a 100%, transparent 100%) top right,
            /* untere linke Ecke */
            linear-gradient(to right, #ffe60a 100%, transparent 100%) bottom left,
            linear-gradient(to top, #ffe60a 100%, transparent 100%) bottom left,
            /* untere rechte Ecke */
            linear-gradient(to left, #ffe60a 100%, transparent 100%) bottom right,
            linear-gradient(to top, #ffe60a 100%, transparent 100%) bottom right;

        background-size: 25px 4px, 4px 25px;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .card-body {
        flex-grow: 1;
    }

    .card-footer {
        background: transparent !important;
        border-top: none !important;
        padding: 10px !important;
        margin-top: auto;
    }