.hero{container-type:inline-size}.hero>.wrap>*+*{margin-top:20px}.hero>.wrap>header{display:flex;flex-direction:column}.hero>.wrap>header>*{order:2}.hero>.wrap>header>.tags{order:1;margin-bottom:16px}.hero>.wrap>header>.tags li{font-weight:700}.hero>.wrap>header .heading{font-size:36px;line-height:42px}.hero>.wrap>header .meta{display:flex;column-gap:16px;row-gap:8px;color:var(--colorTextSubtle);flex-wrap:wrap;margin-top:8px}.hero>.wrap>header .meta .spec{display:flex;gap:4px;font-weight:700}.hero>.wrap>header .meta .spec:before{content:"";color:var(--colorPrimary);width:20px;height:20px}.hero>.wrap>header .meta .spec.date:before{background:url("/klimaatplan-ui/images/icons/date.svg")}.hero>.wrap>header .meta .spec.location{color:var(--colorTextSubtle);font-weight:700}.hero>.wrap>header .meta .spec.location:before{background:url("/klimaatplan-ui/images/icons/location.svg")}.hero>.wrap>footer .meta .spec.name{color:var(--colorText);font-weight:700}.hero>.wrap>footer .meta .spec.function{color:var(--colorTextSubtle);font-size:14px}.hero>.wrap>footer .meta .spec+.spec{margin-top:4px}.blog .hero>.wrap>header .meta .spec.meta2:before{background:url("/klimaatplan-ui/images/icons/time.svg")}.campaign .hero>.wrap>header .meta .spec.meta2:before{background:url("/klimaatplan-ui/images/icons/achievement.svg")}@container (max-width:767px){.hero>.wrap>footer .share{margin-top:16px}}@container (min-width:768px){.hero>.wrap>*+*{margin-top:32px}.hero>.wrap>header .meta{margin-top:16px}.hero>.wrap>footer .share{position:absolute;right:0;top:0}}@container (min-width:1100px){.hero>.wrap>*+*{margin-top:32px}.hero>.wrap>header>.heading{font-size:60px;line-height:68px}}.hero.simple{max-width:1180px;margin-left:auto;margin-right:auto;position:relative}.hero.simple .contact .heading{font-size:20px}.hero.simple .contact .specs{margin-top:24px}.hero.simple .contact .specs .spec{display:flex;gap:8px}.hero.simple .contact .specs .spec+.spec{margin-top:8px}.hero.simple .contact .specs .spec a{color:var(--colorText)}.hero.simple .contact .specs .spec:before{content:"";width:24px;height:24px;display:inline-block}.hero.simple .contact .specs .spec.tel:before{background:url("/klimaatplan-ui/images/icons/tel.svg")}.hero.simple .contact .specs .spec.email:before{background:url("/klimaatplan-ui/images/icons/email.svg")}.hero.simple .contact .specs .spec.location:before{background:url("/klimaatplan-ui/images/icons/location.svg");background-size:25px}.hero.simple .contact .specs .spec a:is(:hover,:focus){text-decoration:underline}.hero.full{display:flex;flex-direction:column-reverse;container-type:unset}.hero.full>.wrap{position:relative;z-index:1;background:#fff}.hero.full>picture img{object-fit:cover;height:100%}@container (max-width:767px){.hero.full>.wrap{padding:40px 16px 0px;margin:-64px 32px 0 0}.hero.full>picture img{aspect-ratio:375/320}}@container (min-width:768px){.hero.full{display:grid;grid-template-areas:"wrap overlap image";grid-template-columns:1fr 60px 1fr}.hero.full>.wrap{grid-column-start:wrap;grid-column-end:overlap;grid-row:1;padding:16px 32px 0 16px;margin-top:60px}.hero.full>picture{grid-column-start:overlap;grid-column-end:image;grid-row:1}}@container (min-width:1100px){.hero.full>.wrap{margin-top:120px}}@container (min-width:1180px){.hero.full{grid-template-areas:"padLeft wrap overlap image padRight";grid-template-columns:1fr 480px 120px 580px 1fr}.hero.full>.wrap{padding-left:0}.hero.full>picture{grid-column-start:overlap;grid-column-end:padRight}}.hero.home{display:flex;flex-direction:column-reverse}.hero.home>.wrap{margin:-64px 32px 0 0;position:relative;z-index:1}.hero.home>.wrap>header>.heading{font-weight:400}.hero.home>.wrap>header>.heading span{font-weight:700}.hero.home>picture{position:relative}.hero.home>picture:before{content:"";position:absolute;top:0;left:0;right:0;opacity:.5;background:linear-gradient(180deg, #091D4F 0%, rgba(255, 255, 255, 0) 100%);height:160px}.hero.home>picture img{height:100%;object-fit:cover}@container (max-width:767px){.hero.home>.wrap{background:#fff;padding:40px 16px 0}.hero.home>picture img{aspect-ratio:375/320}}@container (min-width:768px){.hero.home{display:grid;grid-template-areas:"content"}.hero.home>.wrap{max-width:var(--widthContent);width:100%;margin:0 auto;grid-area:content;align-self:end;position:relative}.hero.home>.wrap:after{content:"";background:#fff;width:120px;top:0;bottom:0;right:0;position:absolute}.hero.home>.wrap>header{background:#fff;padding:40px 16px;width:50%}.hero.home>picture{grid-area:content}.hero.home>picture:before{height:320px}.hero.home>picture img{aspect-ratio:1440/734}}@container (min-width:1100px){.hero.home>.wrap>header{padding:60px 32px 60px 16px}}@container (min-width:1180px){.hero.home>.wrap:before{content:"";background:#fff;width:calc((100cqw - 1180px)/2);top:0;bottom:0;left:calc((100cqw - 1180px)/-2);position:absolute}.hero.home>.wrap:after{right:calc((100cqw - 1180px)/-2)}}@container (min-width:1212px){.hero.home>.wrap>header{padding-left:0}}@container (min-width:1420px){.hero.home>.wrap:after{width:calc((100cqw - 1180px)/2)}}