:root{
    --primary:#163A5F;      /* Dunkelblau: Vertrauen, Stabilität */
    --secondary:#FEA918;    /* Firmenfarbe: Energie, Innovation */
    --light:#F5F7FA;        /* Hintergrund */
    --text:#3F3F3F;         /* Text */
    --white:#FFFFFF;
}
body{
    margin:0;
    font-family:"Segoe UI",Arial,sans-serif;
    background:var(--light);
    color:#fff;
  
}

.container{
    max-width:1100px;
    margin:60px auto;
    padding:40px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.3);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

h1{
    
    color:var(--secondary);
}

.content{
    line-height:1.2;
    color:var(--text);
    white-space:pre-line;
}

.button{
    display:inline-block;
    margin-top:40px;
    padding:12px 28px;
    text-decoration:none;
    color:var(--text);
    border:1px solid var(--secondary);
    border-radius:30px;
    transition:.3s;
}

.button:hover{
    background:#fff;
    color:#203a43;
}

header{

    background:linear-gradient(135deg,#163A5F,#0b263f);
    padding:15px 40px;
    box-shadow:0 8px 25px rgba(0,0,0,.15);

}


.logo{

    display:flex;
    align-items:center;
    gap:30px;

}


.logo img{

    height:40px;
    width:auto;

}


.company h1{

    color:white;
    font-size:1.7rem;
    letter-spacing:.5px;

}


.company span{

    display:block;
    margin-top:8px;
    color:#cbd8e0;
    font-size:1rem;

}

footer{

    background:var(--primary);

    color:white;

    text-align:center;

    padding:35px;

}



footer a{

    color:white;

    text-decoration:none;

    margin:0 15px;

}



footer a:hover{

    color:var(--secondary);

}