body.admin {

    background:#f1f4f8;

}



.admin-header {

    background:white;

    padding:25px 40px;

    box-shadow:
    0 5px 20px
    rgba(0,0,0,.08);

}



.admin-header h1 {

    margin:0;

    font-size:32px;

}



.admin-header a {

    text-decoration:none;

    color:#1b4d89;

    font-weight:bold;

}





/*
|--------------------------------------------------------------------------
| Login
|--------------------------------------------------------------------------
*/


.login-box h1 {

    margin-bottom:30px;

}



.login-box input {

    margin-bottom:15px;

}





/*
|--------------------------------------------------------------------------
| Dashboard
|--------------------------------------------------------------------------
*/


.dashboard-actions {

    display:grid;

    grid-template-columns:
    repeat(
        auto-fit,
        minmax(200px,1fr)
    );

    gap:20px;

    margin:30px;

}



.dashboard-actions a {

    display:block;

    background:white;

    padding:25px;

    border-radius:20px;

    text-align:center;

    text-decoration:none;

    color:#1d2433;

    font-size:20px;

    box-shadow:
    0 8px 20px
    rgba(0,0,0,.08);

}





/*
|--------------------------------------------------------------------------
| Preise
|--------------------------------------------------------------------------
*/


.price-list {

    max-width:1100px;

    margin:auto;

    padding:20px;

}



.price-row {

    background:white;

    padding:20px;

    margin-bottom:15px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}



.price-row input {

    max-width:220px;

}



.price-info h2 {

    margin:0;

}





/*
|--------------------------------------------------------------------------
| Ziehungen
|--------------------------------------------------------------------------
*/


.draw-row {

    background:#f8fafc;

    padding:20px;

    margin:15px 0;

    border-radius:20px;

}





/*
|--------------------------------------------------------------------------
| Meldungen
|--------------------------------------------------------------------------
*/


.success {

    max-width:900px;

    margin:20px auto;

    padding:20px;

    background:#dff5e1;

    border-radius:15px;

    color:#146b22;

    font-weight:bold;

}



.error {

    max-width:900px;

    margin:20px auto;

    padding:20px;

    background:#ffe1e1;

    border-radius:15px;

    color:#9b111e;

    font-weight:bold;

}





/*
|--------------------------------------------------------------------------
| Mobile Optimierung
|--------------------------------------------------------------------------
*/


@media(max-width:700px){


    .price-row {

        flex-direction:column;

        align-items:stretch;

    }



    .price-row input,
    .price-row button {

        width:100%;

        max-width:none;

    }



}