:is(.iwRules, .rules .iwRules) { max-width: 74rem; margin: auto; padding: clamp(.75rem, 3vw, 2.5rem); color: #283331; background: #fffdf5; font: 1rem/1.6 system-ui, sans-serif; overflow-wrap: anywhere; }
:is(.iwRules, .rules .iwRules) header { border-bottom: 4px solid #607453; padding-bottom: 1rem; }
:is(.iwRules, .rules .iwRules) h1 { font-size: clamp(1.8rem, 5vw, 3rem); color: #3c5034; }
:is(.iwRules, .rules .iwRules) h2 { margin: 2rem 0 .8rem; border-bottom: 1px solid #c8cdbb; padding-bottom: .4rem; color: #3c5034; }
:is(.iwRules, .rules .iwRules) h3 { margin: 1.4rem 0 .5rem; font-size: 1.2rem; }
:is(.iwRules, .rules .iwRules) nav { display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
:is(.iwRules, .rules .iwRules) nav a { color: #365d47; }
:is(.iwRules, .rules .iwRules) p { text-align: start; }
:is(.iwRules, .rules .iwRules) img { max-width: 100%; height: auto; object-fit: contain; }
:is(.iwRules, .rules .iwRules) table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 1rem 0; }
:is(.iwRules, .rules .iwRules) td { padding: .35rem; border: 1px solid #d8d9c9; overflow-wrap: anywhere; }
:is(.iwRules, .rules .iwRules) td img { max-height: 12rem; }
:is(.iwRules, .rules .iwRules) dt { margin-top: 1.5rem; }
:is(.iwRules, .rules .iwRules) dt img { max-height: 7rem; }
:is(.iwRules, .rules .iwRules) dd { margin: .5rem 0 1.5rem; }
:is(.iwRules, .rules .iwRules) .rahmen { background: #edf1e5; border-left: 4px solid #607453; padding: 1rem 1rem 1rem 2rem; }
:is(.iwRules, .rules .iwRules) .bildfreiraum { display: block; max-height: 26rem; margin: 1rem auto; }
@media(max-width: 450px) { :is(.iwRules, .rules .iwRules) { font-size: .95rem; } :is(.iwRules, .rules .iwRules) td { padding: .15rem; font-size: .8rem; } }