/*
*
* ab hier gehts los
*
*/

body {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 36px;
    font-weight: 400;
    color: #4d4d4d;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 0.06em;
    line-height: 36px;
    color: #686764;


}

.box {
    background-color: #EFECE7;
    background-image: url(https://camping-langenwald.de/wp-content/uploads/2025/12/Hintergrundbild_buchungsformular_gastmanager.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}


.button {
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    background-color: #8FB658
;
}
.button.is-success {
    background-color: #8FB658
;
}


.button.is-success.is-hovered, 
.button.is-success:hover {
    background-color: #8FB658
;
}


.tag:not(body).is-info {
    background-color: #4A7E00
;
    color: #fff;
}


body {
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 23px;
    font-weight: 400;
}
.button.is-success.is-outlined {
    background-color: transparent;
    border-color: #8FB658
;
    color: #8FB658
;
}

.button.is-success.is-outlined.is-focused, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined:hover {
    background-color: #996633ff;
    border-color: #996633ff;
    color: #fff;
}

.notification.is-success.is-light {
    background-color: #CBBFB0;
    color: #4a4a4a;
}

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #4A7E00
;
    right: 1.125em;
    z-index: 4;
}

.label {
    color: #686764;
    display: block;
    font-size: 1rem;
    font-weight: 700;
}

.input, .select select, .textarea {
    background-color: #fff;
    border-color: #686764;
    border-radius: 4px;
    color: #686764;
}

.payment-modality .price {
    line-height: 120%;
}
.notification.is-info {
    background-color: #4A7E00
;
    color: #fff;
}

.phx-click-loading {
    background-color: #996633ff !important;
}

#block-496{
    margin: auto;
    width: 100px;
    padding: 20px 0px;
}
.column {
    display: block;
    width: auto;
    position: relative;
    border-right: 1px solid #686764;
}


.column:last-child {
    border-right: none !important; 
}



.navbar-item, .navbar-link {
    padding: 0;
    margin: auto;
    text-align: center;
}

.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    background-color: white;
    color: #363636;
}


.gastmanager-overlay {
    background: #EFECE7;
    padding: 20px !important;
}

.gastmanager-overlay {
    display: none !important;
    }
    
.gastmanager-selected {
    color: #686764 !important;
}

.gastmanager-total {
    font-weight: bold;
    color: #686764 !important;
    font-size: 0.9rem;
    cursor: pointer;
}

.gastmanager-action .button {
    padding: 8px 20px;
    background-color: #4A7E00
 !important;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-width: 0px;
    
}
    

.payment-modality .checkbox {
    border: 2px solid #996633ff;
}

.payment-modality.is-selected .box .checkbox svg path{
    fill: #996633ff !important;
}

.button.is-success[disabled], fieldset[disabled] .button.is-success {
    background-color: #8FB658
;
    border: none;
}


.message {
    font-size: 2rem;
    color: white;
    text-align: center;
    background-color: #996633ff;
    text-transform: uppercase;
}


.table {
    background-color: transparent !important;
}

.table td, .table th {
    border: 0px solid #dbdbdb;

}

#block-457 .column{
    max-width: 50px;
}

.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    background-color: transparent;
    color: #363636;
}



.tag:not(body).is-danger.is-light {
    background-color: #996633ff;
    color: white;
}

.notification.is-danger.is-light {
    background-color: #996633ff;
    color: white;
}

.button:active {
    border-color: transparent;
    color: white !important;
}

.button:hover {
    border-color: transparent;
    color: white !important;
}


.button {
    border-width: 0px;
    font-family: 'Lato', sans-serif !important;
}

.button[disabled], fieldset[disabled] .button {
    background-color: #4A7E00
;
    border-color: transparent;
    box-shadow: none;
    opacity: .5;
}

.select select:not([multiple]) {
    font-family: 'Lato', sans-serif;
}
.payment-modality .name {
    padding-bottom: 15px;
}