.gray-cards{background:var(--kk-white);padding:var(--kk-space-6) 0}.gray-cards__text-before{text-align:center;font-family:var(--kk-font-display);font-weight:400;font-size:clamp(24px, 3vw, 32px);line-height:var(--kk-lh-heading);color:var(--kk-dark-green);max-width:760px;margin:0 auto var(--kk-space-5)}.gray-cards__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--kk-space-4)}.gray-card__col--2,.gray-card__col--3,.gray-card__col--4{grid-column:span 1;width:100%!important;max-width:100%!important;min-width:0!important;flex-direction:column!important}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card{background:var(--kk-white);border:1px solid rgba(27,55,48,.08);border-radius:var(--kk-radius-md);padding:var(--kk-space-4);height:100%;display:grid;grid-template-columns:1fr;grid-template-areas:"tag" "content";grid-template-rows:auto 1fr;gap:var(--kk-space-4);box-shadow:0 2px 12px rgba(27,55,48,.04);overflow:hidden}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__header{grid-area:tag;justify-self:stretch;align-self:start;margin:calc(var(--kk-space-4) * -1) calc(var(--kk-space-4) * -1) 0 calc(var(--kk-space-4) * -1);min-height:112px;padding:var(--kk-space-3) var(--kk-space-4) var(--kk-space-4) var(--kk-space-6);background:transparent url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 317 110' preserveAspectRatio='none'%3E%3Cpath d='M133 0C137 9 148 40 156 54C164 68 173 78 182 85C191 92 199 96 208 99C217 102 225 101 234 100C243 99 251 95 260 94C269 93 276 92 286 93C296 94 312 101 317 103L317 0Z' fill='%232D5B49'/%3E%3C/svg%3E") right top/100% 100% no-repeat;color:var(--kk-white);border-radius:0;text-align:right}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__logo{display:none}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__right{display:flex;flex-direction:column;gap:2px;max-width:60%;margin-left:auto}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__title{font-family:var(--kk-font-body);font-weight:700;font-size:var(--kk-fs-body-lg);color:var(--kk-white);line-height:1.2;text-wrap:balance}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__sub-title{font-family:var(--kk-font-body);font-size:var(--kk-fs-body);color:rgba(255,255,255,.85);text-wrap:balance}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__right>img{display:none}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__content{grid-area:content;font-family:var(--kk-font-body);font-size:var(--kk-fs-body);line-height:var(--kk-lh-body);color:var(--kk-dark-green);text-align:center;display:flex;flex-direction:column;justify-content:center}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__content p{margin:0 0 var(--kk-space-2)}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__content p:last-child{margin-bottom:0}:is(
.page-variant-tjana-klass,.page-variant-tjana-studenten,.page-variant-tjana-lag,.page-variant-tjana-forening
) .gray-cards .gray-card__content a{color:var(--kk-brunswick);text-decoration:underline;text-underline-offset:3px}@media (max-width:600px){.gray-cards{padding:var(--kk-space-5) 0}.gray-cards__list{grid-template-columns:1fr}}.page-id-63121 .gray-cards{background:var(--kk-dark-green);padding:var(--kk-space-7) 0;position:relative;color:var(--kk-white);margin:40px 0}.page-id-63121 .gray-cards::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:clamp(30px,calc(16.3px + 3.66vw),69px);margin-bottom:-1px;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30L0 24.9103C0 24.9103 22 15.5505 37.5 20.7778C53 26.0051 67.3958 27.5556 86.1979 20.7778C105 14 124.124 28.6816 139.583 29.2585C158.259 29.9554 163.979 26.5646 180.339 20.7778C199.5 14 215.053 25.13 239.193 29.2585C261.328 33.0443 261.861 21.1184 286.328 20.7778C313.559 20.3988 323.871 33.6145 348.568 24.9103C362.5 20 375 24.9103 375 24.9103L375 30Z' fill='%231B3730'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none;z-index:2}.page-id-63121 .gray-cards::after{content:'';position:absolute;top:100%;left:0;right:0;height:clamp(30px,calc(16.3px + 3.66vw),69px);margin-top:-1px;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 30' preserveAspectRatio='none'%3E%3Cpath d='M0 0L0 5.0897C0 5.0897 22 14.4495 37.5 9.2222C53 3.9949 67.3958 2.4444 86.1979 9.2222C105 16 124.124 1.3184 139.583 0.7415C158.259 0.0446 163.979 3.4354 180.339 9.2222C199.5 16 215.053 4.87 239.193 0.7415C261.328 -3.0443 261.861 8.8816 286.328 9.2222C313.559 9.6012 323.871 -3.6145 348.568 5.0897C362.5 10 375 5.0897 375 5.0897L375 0Z' fill='%231B3730'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none;z-index:2}.page-id-63121 .gray-cards__text-before{color:var(--kk-white)}.page-id-63121 .gray-cards__text-before h2,.page-id-63121 .gray-cards__text-before h3{color:var(--kk-white);font-family:var(--kk-font-display);font-weight:400;font-size:clamp(30px, 4vw, 44px);line-height:1.15;margin:0 0 var(--kk-space-3)}.page-id-63121 .gray-cards__text-before p{color:var(--kk-white);font-family:var(--kk-font-body);font-size:16px;line-height:1.6;max-width:720px;margin:0 auto var(--kk-space-5);text-align:center}.page-id-63121 .gray-cards .gray-card{background:var(--kk-white);color:var(--kk-dark-green);padding:var(--kk-space-6) var(--kk-space-4) var(--kk-space-5)}.page-id-63121 .gray-cards .gray-card__header{background:var(--kk-nyanza);color:var(--kk-dark-green);border-radius:0 var(--kk-radius-md) 0 60px}.page-id-63121 .gray-cards .gray-card__sub-title,.page-id-63121 .gray-cards .gray-card__title{color:var(--kk-dark-green)}.page-id-63121 .gray-cards .gray-card__sub-title{color:rgba(27,55,48,.75)}.page-id-63121 .gray-cards .gray-card__content{color:var(--kk-dark-green);font-family:var(--kk-font-body);font-weight:700;font-size:18px;line-height:1.4;text-align:center;margin-top:var(--kk-space-7)}.page-id-63121 .gray-cards .gray-card__content img{display:block;margin:0 auto var(--kk-space-3);max-width:60%;height:auto}