/* Wrapper in den Größen anpassen und Flexbox anwenden */
    .wpbs-main-wrapper {
        margin: 3rem 0;
        display: block;
    }
    @media ( min-width: 769px ) and ( orientation: landscape ) , ( min-width: 1025px ) {
        .wpbs-main-wrapper {
            display: flex;
            gap: 2em;
            flex: 1 0 auto;
            flex-flow: row wrap !important;
            justify-content: space-between;
            align-items: flex-start;
            align-content: flex-start;
        }
        .wpbs-main-wrapper h2 ,
        .wpbs-main-wrapper h3 {
            margin-top: 0;
            margin-block-start: 0;
            font-size: var(--wp--preset--font-size--large) !important;
        }
    }
    
    .wpbs-main-wrapper .wpbs-form-container {
        padding-top: 0 !important;
    }
    
    @media ( min-width: 769px ) and ( orientation: landscape ) , ( min-width: 1025px ) {
        .wpbs-main-wrapper .wpbs-container {
            width: calc( 50% - 2em ) !important;
        }
        .wpbs-main-wrapper .wpbs-form-container {
            width: calc( 50% - 2em ) !important;
            max-width: none !important;
        }
    }
    
    
    /* Buchungsformular anpassen */
    
    .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit] {
        background-color: var(--fg-green) !important;
        color: var(--white) !important;
        border-radius: 5px;
    }
    @media ( hover:hover ) {
        .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit]:hover {
            background-color: var(--black) !important;
            color: var(--white) !important;
        }
    }
    
    .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field label {
        font-weight: 400 !important;
    }
    
    /*
    .wpbs-main-wrapper .wpbs-form-container .wpbs-field-required-asterisk {
        color: var(--fg-red) !important;
    }
    */
    
    .wpbs-main-wrapper .wpbs-form-general-error ,
    .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-error {
        color: var(--white) !important;
        background-color: var(--fg-red);
        text-align: center;
        padding: 0.25em 1em;
        border-radius: 5px;
        vertical-align: middle;
        margin: 0.35em auto auto 0;
        width: auto;
    }
    
    /* Legende und Buchungsplan stylen */
    
    
    .wpbs-container .wpbs-calendars-wrapper .wpbs-legend  ,
    .wpbs-container .wpbs-calendars-wrapper .wpbs-calendar {
        background: transparent !important;
        border-radius: 5px;
        border-width: 4px;
        border-color: var(--white);
    }
    .wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header {
        background-color: var(--white);
    }
    .wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header .wpbs-calendar-header-navigation .wpbs-prev ,
    .wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header .wpbs-calendar-header-navigation .wpbs-next {
        background-color: var(--dark-gray);
        border-radius: 4px;
    }
    
    .wpbs-date-number {
        color: var(--black);
        font-weight: normal;
        font-weight: var(--font-normal);
    }
    
    .wpbs-date-selected .wpbs-legend-item-icon div:first-of-type {
        background-color: var(--fg-green) !important;
    }
    .wpbs-date-selected .wpbs-date-number {
        color: var(--white) !important;
        font-weight: bold;
        font-weight: var(--font-bold);
    }
    
    
    /* Success */
    
    .wpbs-form-confirmation-message {
        background: transparent !important;
        border-radius: 5px;
        border: 4px solid var(--white);
        text-align: center;
        padding: 1rem 2.5rem;
    }
    .wpbs-form-confirmation-message p {
        font-weight: bold;
        font-weight: var(--font-bold);
        color: var(--white);
        font-size: var(--wp--preset--font-size--medium);
    }