.home #betrieb{background-color:#20252b;background-image:linear-gradient(90deg,#070d1280,transparent 75%),url("textures/forge-hammer-preview.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;color:#e4e7e9}
.home #betrieb h2{color:#faf8f4}
.home #betrieb .design-eyebrow{color:#dab27b}
.home #betrieb .design-body{color:#e4e7e9}
.home #betrieb .design-btn--outline{border-color:#bcc4ca;color:#faf8f4}
.home #betrieb .design-btn--outline:hover{background:#faf8f4;color:#20252b}
.home #betrieb .design-btn--text{color:#faf8f4}
.home #betrieb .design-btn--text:hover{color:#dab27b}

/* The forge scene replaces the two product photos on the homepage. */
.home #betrieb .story-images{display:none}
.home #betrieb .design-columns{min-height:560px}
@media(max-width:760px){.home #betrieb{background-image:linear-gradient(#070d12bd,#070d12bd),url("textures/forge-hammer-preview.jpg");background-position:65% center}.home #betrieb .design-columns{min-height:0}}

/* Quiet embers below the footer content, without competing with the links. */
.design-footer{background:#0c1118 url("textures/forge-embers-preview.jpg") center bottom/cover no-repeat;padding-bottom:120px}
.design-footer .footer-glow{display:none}
.design-footer .footer-bottom{background:#0c1118b3}
@media(max-width:760px){.design-footer{background-size:auto 700px;padding-bottom:100px}}

/* Large original portrait against subtle chalk scrollwork; the text side stays quiet. */
.home #ablauf{background-color:#151c22;background-image:linear-gradient(90deg,#10182010,#10182066),url("textures/forge-chalkboard-preview.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;color:#e4e7e9}
.home #ablauf h2{color:#faf8f4}
.home #ablauf .design-eyebrow{color:#dab27b}
.home #ablauf .design-intro{color:#e4e7e9}
.home #ablauf .process-steps b{color:#faf8f4}
.home #ablauf .process-step-icon{border-color:#dab27b;color:#dab27b}