.halle{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);gap: clamp(24px,5vw,64px);margin-top: 36px;align-items: start}.halle-regler{min-width: 0;padding: 26px;border-radius: 18px;background: #fff;border: 2px solid #d3c9ba;box-shadow: 0 18px 40px -26px rgba(40,30,20,.45)}.r-label{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;margin: 0;font: 700 .8rem/1.2 var(--text-font);letter-spacing: .12em;text-transform: uppercase;color: #4d5960}.r-label output{font: 700 2rem/1 var(--titel);letter-spacing: 0;color: #a42423}#h-m2{width: 100%;margin-top: 14px;accent-color: #a42423;height: 28px}.r-skala{display: flex;justify-content: space-between;margin-top: 4px;font-size: .68rem;color: #6f7a80}.halle-satz{margin: 22px 0 0;font-size: 1.1rem;color: #1b2227}.halle-satz b{font: 700 2.4rem/1 var(--titel);color: #a42423;vertical-align: -4px}.r-tipp{margin: 14px 0 0;font-size: .88rem;color: #4d5960}.halle-regler .knopf-2z{margin-top: 20px;width: 100%}.halle-foto{position: relative;margin: 0;min-width: 0;padding: 30px 30px 26px;border-radius: 18px;background: #0e1418;overflow: hidden}.hf-stapel{position: relative;aspect-ratio: 6 / 5;max-width: 420px;margin: 0 auto}.hf-stapel img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 12px;border: 4px solid #fff;box-shadow: 0 20px 40px -18px rgba(0,0,0,.8);transition: transform .5s cubic-bezier(.3,1.4,.5,1)}.hf-stapel img:nth-child(1){transform: rotate(-7deg) translate(-14px,6px) scale(.94);filter: brightness(.7)}.hf-stapel img:nth-child(2){transform: rotate(5deg) translate(14px,2px) scale(.96);filter: brightness(.82)}.halle-foto.zaehlt .hf-stapel img:nth-child(1){transform: rotate(-10deg) translate(-26px,8px) scale(.94)}.halle-foto.zaehlt .hf-stapel img:nth-child(2){transform: rotate(8deg) translate(24px,2px) scale(.96)}.hf-mal{position: absolute;right: 22px;top: 22px;z-index: 2;display: flex;align-items: baseline;gap: 4px;padding: 12px 18px;border-radius: 14px;background: #a42423;color: #fff;box-shadow: 0 6px 0 #6b1412,0 20px 30px -10px rgba(0,0,0,.6)}.hf-mal small{font: 700 1.6rem/1 var(--titel);opacity: .8}.hf-mal b{font: 700 3.6rem/1 var(--titel);min-width: 1.4ch;text-align: right}.halle-foto figcaption{margin-top: 20px;text-align: center;font-size: .82rem;color: #a8b3b9}.dachtypen{list-style: none;margin: 36px 0 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px}.dachtypen li{min-width: 0;padding: 22px;border-radius: 18px;background: #f6f3ee;border: 1px solid #e3dccf}.dachtypen .fk-ic{display: grid;place-items: center;width: 48px;height: 48px;margin-bottom: 14px;border-radius: 14px;background: #a42423;color: #fff;box-shadow: 0 4px 0 #6b1412}.dachtypen .fk-ic svg{width: 26px;height: 26px}.dachtypen h3{margin: 8px 0 0;font-size: 1.5rem;line-height: 1;text-transform: uppercase;color: #1b2227}.dachtypen p{margin: 10px 0 0;color: #3c4a52;font-size: .95rem}.dachtypen a{color: #a42423;font-weight: 600}.bs-tag{display: inline-block;font: 600 .7rem/1 var(--text-font);letter-spacing: .12em;text-transform: uppercase;color: #a42423}.giebel--dunkel .bs-tag{color: #ef6a60}.warum-raster{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);gap: clamp(28px,5vw,72px);align-items: center}.metall-foto{position: relative;margin: 0;border-radius: 18px;overflow: hidden;box-shadow: 0 40px 70px -40px rgba(0,0,0,.9)}.metall-foto img{display: block;width: 100%;height: auto}.metall-foto figcaption{position: absolute;left: 12px;bottom: 12px;display: flex;flex-direction: column;gap: 2px;padding: 10px 14px;border-radius: 10px;background: rgba(14,20,24,.82);color: #fff}.metall-foto figcaption b{font: 700 1.05rem/1 var(--titel);text-transform: uppercase;letter-spacing: .04em}.metall-foto figcaption span{font-size: .74rem;color: #c3ccd1}.hallen-schritte{list-style: none;margin: 36px 0 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0;counter-reset: none;border-radius: 18px;overflow: hidden;box-shadow: 0 30px 50px -36px rgba(40,30,20,.6)}.hallen-schritte li{position: relative;min-width: 0;padding: 26px 24px;background: #fff;border-right: 1px solid #e3dccf}.hallen-schritte li:last-child{border-right: 0;background: #0e1418}.hallen-schritte li:last-child h3{color: #fff}.hallen-schritte li:last-child p{color: #c3ccd1}.hallen-schritte li:last-child .bs-tag{color: #ef6a60}.hallen-schritte li::after{content: "";position: absolute;right: -9px;top: 50%;z-index: 2;width: 16px;height: 16px;margin-top: -8px;background: #fff;border: 1px solid #e3dccf;border-left: 0;border-bottom: 0;transform: rotate(45deg)}.hallen-schritte li:last-child::after{display: none}.hallen-schritte h3{margin: 8px 0 0;font-size: 1.6rem;line-height: 1;text-transform: uppercase;color: #1b2227}.hallen-schritte p{margin: 10px 0 0;color: #3c4a52}.firmen-liste{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 32px;margin: 32px 0 0}.firmen-liste div{min-width: 0;display: grid;grid-template-columns: 180px minmax(0,1fr);gap: 16px;padding: 16px 0;border-top: 1px solid #e3dccf}.firmen-liste dt{font: 700 .78rem/1.4 var(--text-font);letter-spacing: .12em;text-transform: uppercase;color: #a42423}.firmen-liste dd{margin: 0;color: #26313a}@media (max-width: 960px){.halle,.warum-raster{grid-template-columns: 1fr}.dachtypen,.hallen-schritte{grid-template-columns: repeat(2,minmax(0,1fr))}.hallen-schritte li{border-bottom: 1px solid #e3dccf}.hallen-schritte li::after{display: none}.firmen-liste{grid-template-columns: 1fr}}@media (max-width: 600px){.halle-regler{padding: 20px}.halle-foto{padding: 22px 18px 18px}.hf-mal{right: 14px;top: 14px;padding: 8px 12px}.hf-mal b{font-size: 2.6rem}.r-skala span:nth-child(2),.r-skala span:nth-child(3){display: none}.dachtypen,.hallen-schritte{grid-template-columns: 1fr}.firmen-liste div{grid-template-columns: 1fr;gap: 4px}}@media (prefers-reduced-motion: reduce){.hf-stapel img{transition: none}}