/* Extracted from checkout.html.twig */
/* Auto-generated — do not edit inline styles in the template */

    .hover-elevate {
        transition: all 0.2s ease;
    }
    .hover-elevate:hover {
        transform: translateY(-2px);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    .fs-7 { font-size: 0.85rem; }
    .animate-fade-in { animation: fadeIn 0.5s ease; }
    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
    
    /* Privacy Policy Checkbox Styling */
    .privacy-checkbox {
        width: 1.5em;
        height: 1.5em;
        margin-top: 0.1em;
        cursor: pointer;
    }
    
    .privacy-policy-box .form-check-label {
        padding-left: 1rem;
    }
    
    .privacy-policy-box {
        transition: border-color 0.3s ease, background-color 0.3s ease;
    }
    
    .privacy-policy-box.checked {
        border-color: #198754 !important;
        background-color: #f0f9f4;
    }

    /* Eingabetext: einheitlich 1rem (kein großes Theme-1.2rem o. ä.) */
    #checkout-form .form-control,
    #checkout-form .form-select,
    #checkout-form textarea.form-control {
        font-size: 1.3rem !important;
        line-height: 1.45;
    }
    #checkout-form .form-control-sm,
    #checkout-form .form-select-sm {
        font-size: 1.3rem !important;
        line-height: 1.4;
    }

    /* Floating-Labels: technischer Placeholder (Leerzeichen), Beschriftung nur im <label> */
    #checkout-form .checkout-float > .form-control::placeholder,
    #checkout-form .checkout-float > textarea::placeholder {
        color: transparent !important;
        opacity: 0;
    }
    #checkout-form .checkout-float > label {
        font-size: 0.8rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 1rem);
    }
    /* Autofill / Werte, bei denen :placeholder-shown nicht zuverlässig greift */
    #checkout-form .checkout-float.is-filled > .form-control ~ label,
    #checkout-form .checkout-float.is-filled > textarea ~ label,
    #checkout-form .checkout-float.is-filled > .form-select ~ label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }
    #checkout-form .checkout-float.is-filled > input.form-control,
    #checkout-form .checkout-float.is-filled > textarea {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }
    #checkout-form .checkout-float.is-filled > .form-select {
        padding-top: 1.625rem;
        padding-bottom: 0.25rem;
    }