.rules-hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(12,20,29,.97),rgba(12,20,29,.78) 55%,rgba(12,20,29,.32)),linear-gradient(0deg,rgba(12,20,29,.62),transparent 55%),url("../../images/ki-gemeinschaft.webp") center 45%/cover no-repeat}.rules-hero::before{position:absolute;right:8%;width:360px;height:430px;background:url("../../images/Wappen-weiss.svg") center/contain no-repeat;opacity:.08;content:""}.rules-hero::after{position:absolute;left:0;bottom:-1px;width:100%;height:5vw;background:var(--navy);clip-path:polygon(0 100%,100% 0,100% 100%);content:""}.rules-hero .section-inner{position:relative;z-index:2;padding-top:5rem}.rules-hero h1{max-width:1050px;margin:0;font-size:clamp(2.8rem,6.5vw,6rem);line-height:1}.rules-hero .section-inner>p:last-child{max-width:720px;margin-top:1.8rem;color:#edf1f3;font-size:1.2rem}
.rules-intro{padding:9rem 0;background:var(--navy)}.rules-intro-grid,.safety-grid,.culture-grid,.membership-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,8rem);align-items:center}.rules-intro p:not(.eyebrow){color:#c3ccd5}.rules-intro .button{margin-top:1.2rem}.rules-mark{padding:3rem;background:linear-gradient(145deg,#2a3a4d,#1a2634);border-top:3px solid var(--green);box-shadow:var(--shadow)}.rules-mark img{width:120px;height:140px;object-fit:contain;margin:0 auto 2rem}.rules-mark .eyebrow{color:var(--green2)}.rules-mark blockquote{margin:0;color:#fff;font:400 clamp(1.2rem,2vw,1.65rem)/1.45 "Michroma","Segoe UI",sans-serif}
.rules-foundation{padding:9rem 0;background:var(--paper);color:var(--ink)}.rules-foundation .eyebrow{color:#68783d}.foundation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.rule-card{padding:2.5rem;background:#fff;border-top:3px solid var(--green);box-shadow:0 12px 35px rgba(18,27,37,.09)}.rule-card>span{display:block;margin-bottom:1.5rem;color:#8d3d34;font-weight:800;letter-spacing:.14em}.rule-card h3{margin:0 0 1rem;font-size:1.25rem}.rule-card p{margin:0;color:#66717a}
.rules-safety{padding:9rem 0;background:var(--navy2)}.rules-safety p:not(.eyebrow){color:#c3ccd5}.safety-grid{align-items:start}.safety-list{border-top:1px solid var(--line)}.safety-list div{padding:1.4rem 0;border-bottom:1px solid var(--line)}.safety-list strong,.safety-list span{display:block}.safety-list strong{color:#fff;font-family:"Michroma","Segoe UI",sans-serif;font-size:.85rem}.safety-list span{margin-top:.45rem;color:#aeb8c1;font-size:.9rem}
.rules-culture{padding:9rem 0;background:#e8e5dd;color:var(--ink)}.rules-culture .eyebrow{color:#68783d}.rules-culture p:not(.eyebrow){color:#5f6972}.rules-culture .large{color:var(--ink)!important}.culture-note{padding:3rem;background:#fff;border-top:3px solid var(--green);box-shadow:0 12px 35px rgba(18,27,37,.09)}.culture-note h3{margin:.4rem 0 1.2rem;font-size:1.25rem}
.rules-membership{padding:9rem 0;background:var(--ink)}.rules-membership p:not(.eyebrow){color:#c3ccd5}.rules-membership strong{color:#fff}.membership-action{padding:3rem;background:var(--navy2);box-shadow:var(--shadow)}.membership-action h3{font-size:1.4rem}.membership-action>div{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}
@media(max-width:900px){.rules-intro-grid,.safety-grid,.culture-grid,.membership-grid{grid-template-columns:1fr}.foundation-grid{grid-template-columns:1fr}}
@media(max-width:620px){.rules-hero{min-height:620px}.rules-hero .section-inner{padding-top:4rem}.rules-hero h1{font-size:clamp(2.25rem,11vw,3.5rem)}.rules-intro,.rules-foundation,.rules-safety,.rules-culture,.rules-membership{padding:6rem 0}.rules-mark,.culture-note,.membership-action,.rule-card{padding:2rem}.membership-action .button{width:100%}}