/* ===========================
   HERTENER SCHATZTRUHE
   Grundlayout
=========================== */

body{
    background:#f8f0d5;
    font-family:Arial, Helvetica, sans-serif;
}

.container-header{
    background:linear-gradient(180deg,#071a30,#0b2747);
    border-bottom:4px solid #c99a2e;
}

main{
    background:#fffdf8;
}

.hst-hero{
    max-width:1200px;
    margin:40px auto;
    background:linear-gradient(90deg,#3a2413,#0b1624);
    border:3px solid #c99a2e;
    border-radius:10px;
    padding:70px;
    color:#fff;
}

.hst-hero *{
    position:static !important;
    transform:none !important;
    float:none !important;
}

.hst-hero h1{
    font-size:72px;
    line-height:1;
    margin-bottom:20px;
    color:#fff;
}

.hst-hero p{
    font-size:30px;
    color:#f3d38c;
}
/* ===== HERO ===== */

.hst-hero-grid{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:50px;
    align-items:center;
}

.hst-hero-image img{
    width:100%;
    max-width:420px;
    height:auto;
    display:block;
}

.hst-hero-content{
    color:#ffffff;
}

.hst-eyebrow{
    color:#d6b15d;
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.hst-hero h1{
    font-size:72px;
    line-height:1;
    margin:0 0 20px;
}

.hst-subtitle{
    font-size:30px;
    margin-bottom:18px;
}

.hst-claim{
    font-size:24px;
    color:#e5c97b;
    margin-bottom:30px;
}

.hst-icons{
    display:flex;
    gap:28px;
    flex-wrap:wrap;
    margin-bottom:35px;
}

.hst-icons span{
    color:white;
    font-size:18px;
}

.hst-actions{
    display:flex;
    gap:20px;
}

.hst-actions a{
    text-decoration:none;
    padding:16px 34px;
    border-radius:8px;
    font-weight:bold;
}

.hst-actions .gold{
    background:#d3a22c;
    color:#111;
}

.hst-actions .dark{
    border:2px solid #d3a22c;
    color:#fff;
}