body{
margin:0;
font-family:'Open Sans',sans-serif;
}

/* Hintergrundbild */

.makler-bg{
background-image:url("/static/images/makler_hintergrund.png");
background-size:cover;
background-position:center;
height:100vh;
}

/* Global Background für CRM */
.crm-bg {
    background: url("../images/makler_hintergrund.png") no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
}

/* Topbar */

.topbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 40px;
background:linear-gradient(90deg,#0f2c36,#1f4a57);
color:white;
}

.topbar a{
color:white;
margin-left:25px;
text-decoration:none;
}

/* Login Bereich */

.login-wrapper{
display:flex;
justify-content:center;
align-items:center;
height:80vh;
}

/* Glas Karte */

.glass-card{

width:420px;

padding:40px;

border-radius:18px;

background:rgba(255,255,255,0.25);

backdrop-filter: blur(14px);

border:1px solid rgba(255,255,255,0.4);

box-shadow:0 10px 35px rgba(0,0,0,0.2);

}

/* Felder */

.field{
margin-bottom:20px;
}

.field label{
display:block;
font-weight:600;
margin-bottom:6px;
}

.field input{

width:100%;

padding:12px;

border-radius:8px;

border:1px solid rgba(255,255,255,0.5);

background:rgba(255,255,255,0.6);

}

/* Button */

.login-btn{

width:100%;

padding:14px;

border:none;

border-radius:30px;

background:#2a8a4c;

color:white;

font-weight:600;

font-size:16px;

cursor:pointer;

}

.login-btn:hover{
background:#1f6c3b;
}

/* Footer */

.footer{
text-align:center;
padding:15px;
color:white;
position:absolute;
bottom:0;
width:100%;
}