body{
    margin:0;
    background:#2c1600 url('assets/bg_holz.jpg')center/cover no-repeat fixed;
    font-family: "Cormorant Garamond", serif;
    color:#fff;
}

/* HEADER */
header{
    width:100%;
    display:flex;
    align-items:center;
    gap:25px;
    padding:28px 50px;
}
.logo{
    width:95px;
    height:95px;
    background:url('assets/logo_metal.png')center/contain no-repeat;
}
.claim{
    font-size:35px;
    letter-spacing:12px;
    font-weight:600;
}



/* ───────── GRID ───────── */
.layout{
    display:grid;
    grid-template-columns: 50% 25% 25%;
    gap:30px;
    padding:30px 50px;
}



/* ╔══════════ LEFT – ROLLOS ══════════╗ */
#leftColumn{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

.rolloHeader{
    background:linear-gradient(90deg,#203a44,#ab9756);
    color:#f5ecd2;
    padding:16px 25px;
    margin-bottom:14px;                     /* Abstand damit sie schweben */
    border-radius:18px;
    font-size:23px;
    box-shadow:0 4px 14px rgba(0,0,0,0.45);  /* fein und hochwertig */
    border-top:1px solid rgba(255,226,137,0.35);
}



/* ╔══════════ CENTER – EDLES PAPIER ══════════╗ */
#centerColumn{
    display:flex;
    justify-content:center;
    align-items:flex-start;
}

#paper{
    background:#f7f1d8;
    width:90%;
    max-width:520px;
    padding:35px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.45);
    border:1px solid rgba(60,38,10,0.45);
}

#paper h2{
    font-size:28px;
    color:#1f4b30;
    margin-top:0;
    margin-bottom:10px;
}

/* Papierlinien */
#paper .lines{
    width:100%;
    height:700px;
    background: repeating-linear-gradient(
        transparent 0px,
        transparent 20px,
        rgba(50,90,50,0.15) 21px
    );
}

#paper p{
    color:#223f20;
    margin-bottom:10px;
    font-size:19px;
}


/* ╔══════════ RIGHT – PROJEKTE ══════════╗ */
#rightColumn{
    padding:30px;
    background:rgba(0,0,0,0.15);
    border-radius:12px;
    width:85%;
    margin-left:auto;
    margin-right:auto;
    box-shadow:0 7px 22px rgba(0,0,0,0.5);
    border:1px solid rgba(255,219,122,0.30);
}

#rightColumn h2{
    font-size:26px;
    color:#ffd98c;
}

#rightColumn li{
    margin-bottom:8px;
    font-size:18px;
}
