*, html {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Outfit", sans-serif;
}
body header {
position: absolute;
top: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100vw;
padding: 3.513vw 5.625vw;
z-index: 10;
/* Ham-menu */
/* Meny - Person-sidor */
transition-duration: 0.5s;
}
@media (max-width: 860px) {
body header {
justify-content: space-between;
align-items: center;
}
}
@media (max-width: 1080px) {
body header {
padding: 8.873vw 5.995vw;
}
}
@media (max-width: 640px) {
body header {
padding: 7.436vw 5.128vw;
background-color: rgba(255, 255, 255, 0.5019607843);
}
}
body header .logo {
font-size: 2.083vw;
margin-right: 1.38vw;
z-index: 15;
transition: opacity 0.2s;
}
body header .logo:hover {
opacity: 0.8;
}
@media (max-width: 860px) {
body header .logo {
display: flex;
align-items: center;
margin-right: 20px;
}
}
@media (max-width: 640px) {
body header .logo {
/* fill: #FFFFFF;
margin: auto; */
}
}
body header .menu {
display: flex;
align-items: end;
font-size: 1.042vw;
margin-bottom: 0.45vw;
}
body header .menu a {
margin: 0 1.38vw;
transition: color 0.3s;
}
body header .menu a:hover {
color: #E18E76;
}
@media (max-width: 1439px) {
body header .menu {
margin-bottom: 0;
}
body header .menu a {
margin: 0 20px;
}
}
@media (max-width: 860px) {
body header .menu {
display: none;
}
}
body header li, body header a {
color: #000000;
text-decoration: none;
list-style: none;
}
@media (max-width: 1439px) {
body header li, body header a {
font-size: 15px !important;
}
}
@media (max-width: 860px) {
body header li, body header a {
font-size: 20px !important;
}
}
body header .menu-icon {
width: 25px;
height: 27px;
/* margin: calc(1.615vw - 9px) 6.198vw 0 0; */
/* margin-right: 6.198vw; */
z-index: 15;
cursor: pointer;
display: none;
}
@media (max-width: 860px) {
body header .menu-icon {
/* margin: calc(2.638vw - 9px) 6.198vw 0 0; */
display: block;
}
}
@media (max-width: 640px) {
body header .menu-icon {
/* margin: calc(4.326vw - 9px) 6.198vw 0 0; */
}
}
body header .menu-icon article {
height: 0.469vw;
position: relative;
margin-top: -5px;
}
body header .menu-icon span {
display: block;
width: 25px;
height: 0.104vw;
background-color: #000000;
position: absolute;
transition-duration: 0.6s;
transition-delay: 0.1s;
}
@media (max-width: 1440px) {
body header .menu-icon span {
height: 1.5px;
}
}
body header .menu-icon span:first-child {
top: 9px;
margin-bottom: 9px;
}
body header .menu-icon span.middle {
top: 18px;
margin-bottom: 9px;
}
body header .menu-icon span:last-child {
top: 27px;
}
body header .menu-icon.open span:first-child {
transform: rotate(45deg);
top: 18px;
}
body header .menu-icon.open span.middle {
opacity: 0;
}
body header .menu-icon.open span:last-child {
transform: rotate(-45deg);
top: 18px;
}
body header .ham-menu {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: #20655D;
opacity: 0;
z-index: -10;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
padding: 20.5vw 0;
overflow: hidden;
pointer-events: none;
}
body header .ham-menu .ham-text {
display: flex;
align-items: center;
flex-direction: column;
font-size: 1.302vw;
font-weight: 300;
}
body header .ham-menu .ham-text li a {
text-decoration: none;
color: #000000;
padding: 0.5rem 0;
display: block;
text-align: center;
font-size: 25px;
margin-bottom: 20px;
/* transition: color 0.2s;
&:hover{
color: #529A8F;
} */
}
@media (max-width: 1080px) {
body header .ham-menu .ham-text li a {
font-size: 20px;
margin-bottom: 15px;
}
}
@media (max-width: 500px) {
body header .ham-menu .ham-text li a {
margin-bottom: 20px;
/* font-size: 7vw; */
}
}
@media (max-width: 1240px) {
body header .ham-menu .ham-text {
font-size: 2vw;
}
}
@media (max-width: 500px) {
body header .ham-menu {
font-size: 5vw;
}
}
body header .ham-menu p :hover {
color: #B2C8FC;
}
body header .ham-menu h2 :hover {
color: #B2C8FC;
}
body header .menu-icon2 {
cursor: pointer;
}
@media (max-width: 860px) {
body header .menu-icon2.menu-open-mobile {
fill: #FFFFFF;
}
}
body header .ham-menu2 {
position: absolute;
top: 0;
left: 0;
padding-top: 7.71vw;
padding-left: 5.625vw;
padding-bottom: 2.813vw;
width: 28.865vw;
opacity: 0;
z-index: 10;
list-style: none;
display: flex;
justify-content: start;
align-items: center;
border-radius: 0 0 45px 0;
overflow: hidden;
pointer-events: none;
transition-duration: 0.5s;
}
@media (min-width: 861px) {
body header .ham-menu2.startpage-menu {
display: none !important;
z-index: -10 !important;
}
}
@media (max-width: 1339px) {
body header .ham-menu2 {
padding-top: 9vw;
background-color: #FFFFFF;
border-right: 1.5px #1a1a1a solid;
border-bottom: 1.5px #1a1a1a solid;
}
}
@media (max-width: 1080px) {
body header .ham-menu2 {
width: 35.865vw;
padding-top: 17vw;
background-color: inherit;
border: none;
}
}
@media (max-width: 860px) {
body header .ham-menu2 {
padding-top: 20vw;
}
}
@media (max-width: 860px) {
body header .ham-menu2 {
top: 0;
left: 0;
height: 100vh;
width: 100vw;
padding: 20.5vw 0;
border-radius: 0;
justify-content: center;
background-color: #20655D;
}
}
body header .ham-menu2 .ham-text {
display: flex;
align-items: start;
flex-direction: column;
font-size: 1.302vw;
font-weight: 300;
}
@media (max-width: 860px) {
body header .ham-menu2 .ham-text {
align-items: center;
}
}
body header .ham-menu2 .ham-text li a {
text-decoration: none;
display: block;
font-size: 1.042vw;
margin-bottom: 0.885vw;
line-height: 130%;
transition: color 0.3s;
}
body header .ham-menu2 .ham-text li a:hover {
color: #E18E76;
}
body header .ham-menu2 .ham-text li a.current {
font-weight: 500;
color: #20655D;
}
body header .ham-menu2 .ham-text li a.current:hover {
color: #20655D;
}
@media (max-width: 1080px) {
body header .ham-menu2 .ham-text li a {
margin-bottom: 1.5vw;
}
}
@media (max-width: 860px) {
body header .ham-menu2 .ham-text li a {
color: #ffffff !important;
font-size: 25px;
margin-bottom: 30px;
line-height: 100%;
text-align: center;
}
}
@media (max-width: 500px) {
body header .ham-menu2 .ham-text li a {
margin-bottom: 35px;
}
}
@media (max-width: 1240px) {
body header .ham-menu2 .ham-text {
font-size: 2vw;
}
}
@media (max-width: 500px) {
body header .ham-menu2 {
font-size: 5vw;
}
}
body header .show {
opacity: 1 !important;
left: 0;
pointer-events: auto;
margin-left: 0;
transition: opacity 0.5s ease, margin-left 0.5s ease;
}
body.menu-open {
overflow: hidden;
}
body.menu-open header .ham-text li a {
color: #FFFFFF;
}
body.menu-open .logo svg path {
fill: #FFFFFF;
}
body.menu-open .menu-icon.open span {
background-color: #FFFFFF;
}
body.menu-open-mobile {
/* .menu-icon2 svg path{ */
/* fill: #FFFFFF; */
/* fill: #000;
@media(max-width: 1080px){
fill: #ffffff;
} */
/* } */
}
@media (max-width: 1080px) {
body.menu-open-mobile {
overflow: hidden;
}
}
body main.home-main {
background-color: #20655D;
}
body main .hero-section {
background-color: #f8f8f8;
width: 100vw;
height: 100vh;
/* min-height: 56.25vw; */
padding: 3.854vw 5.625vw;
position: relative;
}
@media (max-width: 1080px) {
body main .hero-section {
height: 100vh;
min-height: 80vw;
max-height: 120vw;
}
}
@media (max-width: 840px) {
body main .hero-section {
height: 100vh;
min-height: inherit;
max-height: inherit;
}
}
body main .hero-section .homepage-video {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
/* filter: blur(4px);
clip-path: inset(0 round 4px); */
}
@media (max-width: 1080px) {
body main .hero-section .homepage-video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 640px) {
body main .hero-section .homepage-video {
height: 100%;
}
}
body main .hero-section .homepage-video.desktop {
display: block;
}
@media (max-width: 1080px) {
body main .hero-section .homepage-video.desktop {
display: none;
}
}
body main .hero-section .homepage-video.mobile {
display: none;
}
@media (max-width: 1080px) {
body main .hero-section .homepage-video.mobile {
display: block;
}
}
body main .hero-section .hero-content {
position: absolute;
bottom: 0;
width: 33.958vw;
background-color: rgba(255, 255, 255, 0.7215686275);
padding: 2.448vw 3vw 10.104vw 3.229vw;
z-index: 2;
}
body main .hero-section .hero-content h3 {
font-size: 3.125vw;
color: #20655D;
margin-left: -0.4vw;
padding-left: 0.4vw;
/* h1 top - bottom */
line-height: 150%;
margin-bottom: -1vw;
/* Text - bottom */
/* line-height: 80%;
margin-bottom: -0.208vw; */ /* -0.5vw */
}
body main .hero-section .hero-content h3 .split-line {
margin-left: -0.313vw;
padding-left: 0.313vw;
}
body main .hero-section .hero-content h3 .split-line div:nth-child(1) div:nth-child(1) {
margin-left: -0.7vw;
padding-left: 0.7vw;
margin-right: -0.7vw;
padding-right: 0.7vw;
}
body main .hero-section .hero-content h1, body main .hero-section .hero-content .svg-rubrik {
font-size: 4.167vw;
color: #0D3E38;
margin-bottom: 0.365vw;
}
body main .hero-section .hero-content .svg-rubrik {
width: 28.49vw;
height: 100%;
}
@media (max-width: 1080px) {
body main .hero-section .hero-content {
width: 62.71vw;
max-width: 600px;
padding: 3.717vw 3.717vw 15vw 3.717vw;
}
body main .hero-section .hero-content h3 {
font-size: 3.796vw;
}
body main .hero-section .hero-content h1 {
font-size: 5.194vw;
}
}
@media (max-width: 640px) {
body main .hero-section .hero-content {
width: 89.744vw;
padding: 5.641vw 5.641vw 30vw 5.641vw;
}
body main .hero-section .hero-content h3 {
font-size: 6.41vw;
}
body main .hero-section .hero-content h1 {
font-size: 10.256vw;
}
}
body main .manifest-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* background-color: #20655D; */
padding: 15.052vw 0 18.021vw 0;
position: relative;
z-index: 5;
}
body main .manifest-section article {
z-index: 10;
}
body main .manifest-section article h3 {
font-size: 3.646vw;
color: #E6E6E6;
/* line-height: 1;
margin-bottom: -2vw; */
/* h1 top - bottom */
line-height: 130%;
margin-bottom: -2.4vw;
}
body main .manifest-section article h3 .split-line {
margin-left: -0.313vw;
padding-left: 0.313vw;
}
body main .manifest-section article h3 .split-line div:nth-child(1) div:nth-child(1) {
margin-left: -0.7vw;
padding-left: 0.7vw;
margin-right: -0.7vw;
padding-right: 0.7vw;
}
@media (max-width: 640px) {
body main .manifest-section article h3 {
margin-bottom: -5.4vw;
}
}
body main .manifest-section article h1 {
font-size: 6.25vw;
color: #E6E6E6;
margin-bottom: 1.5vw;
line-height: 1;
}
@media (max-width: 1080px) {
body main .manifest-section article h3 {
font-size: 4.796vw;
}
body main .manifest-section article h1 {
font-size: 7.194vw;
}
}
@media (max-width: 640px) {
body main .manifest-section article h3 {
font-size: 10.256vw;
}
body main .manifest-section article h1 {
font-size: 15.385vw;
margin-bottom: 8.974vw;
}
}
body main .manifest-section p {
color: #E6E6E6;
text-align: center;
width: 48.542vw;
font-size: 1.302vw;
}
@media (max-width: 1080px) {
body main .manifest-section {
padding: 15.052vw 0 26.019vw 0;
}
body main .manifest-section p {
width: 64.508vw;
font-size: 2.158vw;
}
}
@media (max-width: 640px) {
body main .manifest-section {
align-items: flex-start;
padding: 21.282vw 5.128vw 34.359vw 5.128vw;
}
body main .manifest-section p {
width: auto;
text-align: left;
font-size: 15px;
}
}
body main .manifest-section .forest-top, body main .manifest-section .forest-bottom, body main .manifest-section .forest-bottom2 {
position: absolute;
left: 0;
width: 100%;
}
body main .manifest-section .forest-top {
z-index: 0;
top: -11vw;
}
@media (max-width: 1080px) {
body main .manifest-section .forest-top {
top: -10vw;
}
}
@media (max-width: 640px) {
body main .manifest-section .forest-top {
top: -27vw;
}
}
body main .manifest-section .forest-bottom {
z-index: -1;
top: -10vw;
}
@media (max-width: 1080px) {
body main .manifest-section .forest-bottom {
top: -12vw;
}
}
@media (max-width: 640px) {
body main .manifest-section .forest-bottom {
top: -27vw;
}
}
body main .manifest-section .forest-bottom2 {
z-index: -2;
top: -9vw;
}
@media (max-width: 640px) {
body main .manifest-section .forest-bottom2 {
top: -27vw;
}
}
body main .manifest-section .forest-desktop {
display: block;
}
@media (max-width: 1080px) {
body main .manifest-section .forest-desktop {
display: none;
}
}
body main .manifest-section .forest-tablet {
display: block;
}
@media (min-width: 1081px) {
body main .manifest-section .forest-tablet {
display: none;
}
}
@media (max-width: 640px) {
body main .manifest-section .forest-tablet {
display: none;
}
}
body main .manifest-section .forest-mobile {
display: none;
}
@media (max-width: 640px) {
body main .manifest-section .forest-mobile {
display: block;
}
}
body .helheten-section {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
/* height: 100vh; */
/* background-color: #fff; */
padding: 10.469vw 17.344vw 14.167vw 17.344vw;
}
@media (max-width: 1080px) {
body .helheten-section {
padding: 17.986vw 2.518vw 20.863vw 5.875vw;
}
}
@media (max-width: 640px) {
body .helheten-section {
flex-direction: column;
padding: 14.615vw 5.385vw 34.103vw 5.385vw;
}
}
body .helheten-section .helheten-article {
position: relative;
width: 31.918vw;
height: 29.549vw;
margin-right: 6.198vw;
}
@media (max-width: 1080px) {
body .helheten-section .helheten-article {
width: 31.918vw;
}
}
@media (max-width: 640px) {
body .helheten-section .helheten-article {
width: 90vw;
height: 76.254vw;
}
}
body .helheten-section .helheten-img {
position: absolute;
top: 0;
width: 31.918vw;
height: auto;
margin-right: 6.198vw;
/* .end-square, .end-square-outline{
opacity: 0;
} */
}
@media (max-width: 640px) {
body .helheten-section .helheten-img {
width: 90vw;
height: 76.254vw;
}
}
body .helheten-section .helheten-img .foreground {
padding-top: -5vw;
}
body .helheten-section .helheten-img .wire_1 {
stroke-dasharray: 500px;
stroke-linecap: round;
z-index: 1000;
}
body .helheten-section .helheten-img .wire_2 {
stroke-dasharray: 585px;
stroke-linecap: round;
z-index: 1000;
}
body .helheten-section .helheten-img .stem {
stroke-dasharray: 350px;
}
body .helheten-section article {
width: 27.188vw;
color: #E6E6E6;
}
@media (max-width: 1080px) {
body .helheten-section article {
width: 46.043vw;
}
}
@media (max-width: 640px) {
body .helheten-section article {
width: auto;
}
}
body .helheten-section article h2 {
/* color: #20655D; */
font-size: 4.167vw;
margin-bottom: 0.7vw;
}
@media (max-width: 1080px) {
body .helheten-section article h2 {
font-size: 7.194vw;
}
}
@media (max-width: 640px) {
body .helheten-section article h2 {
font-size: 10.256vw;
margin-top: 10.769vw;
margin-bottom: 5.897vw;
}
}
body .helheten-section article .svg-rubrik {
width: 17.604vw;
margin-bottom: 0.7vw;
}
body .postit-section {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
/* background-color: #20655D; */
/* background-image: url(img/bg_green_concrete.jpg); */
background-size: cover;
color: #ffffff;
padding: 7.865vw 21.927vw 11.927vw 21.927vw;
}
@media (max-width: 1080px) {
body .postit-section {
padding: 17.986vw 2.518vw 20.863vw 5.875vw;
}
}
@media (max-width: 640px) {
body .postit-section {
flex-direction: column;
padding: 17.692vw 5.385vw 29.231vw 5.385vw;
}
}
body .postit-section h2 {
font-size: 4.167vw;
margin-bottom: 1.777vw;
margin-left: -0.4vw;
padding-left: 0.4vw;
}
@media (max-width: 1080px) {
body .postit-section h2 {
font-size: 5.396vw;
margin-bottom: 5.396vw;
}
}
@media (max-width: 640px) {
body .postit-section h2 {
font-size: 8.974vw;
text-align: center;
width: 100%;
margin-bottom: 10.396vw;
}
}
body .postit-section .svg-rubrik {
width: 35.885vw;
margin-bottom: 3.177vw;
}
body .postit-section .postit-div {
display: grid;
gap: 2.604vw 2.865vw;
grid-template-columns: auto auto auto;
}
@media (max-width: 660px) {
body .postit-section .postit-div {
gap: 2.604vw 2.865vw;
grid-template-columns: auto auto;
}
}
@media (max-width: 640px) {
body .postit-section .postit-div {
grid-template-columns: auto auto;
gap: 2.821vw;
}
}
body .postit-section .postit-div .postit-note {
width: 16.927vw;
height: 16.927vw;
background-color: #F0F0F0;
color: #000000;
text-align: center;
display: flex;
justify-content: start;
align-items: center;
flex-direction: column;
padding-top: 2.115vw;
padding-bottom: 1.615vw;
border-radius: 1px;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5176470588);
}
@media (max-width: 1080px) {
body .postit-section .postit-div .postit-note {
width: 26.379vw;
height: 26.379vw;
padding-top: 4.436vw;
}
}
@media (max-width: 640px) {
body .postit-section .postit-div .postit-note {
width: 43.59vw;
height: 43.59vw;
}
}
body .postit-section .postit-div .postit-note h4 {
font-family: "Cabin Sketch";
font-weight: 600;
font-size: 1.823vw;
line-height: 1;
text-transform: uppercase;
/* margin-bottom: 1.563vw; */
color: #1b1b1b;
}
@media (max-width: 1080px) {
body .postit-section .postit-div .postit-note h4 {
font-size: 2.518vw;
}
}
@media (max-width: 640px) {
body .postit-section .postit-div .postit-note h4 {
font-size: 3.846vw;
}
}
body .postit-section .postit-div .postit-note ul {
list-style: none;
height: 9.579vw;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 640px) {
body .postit-section .postit-div .postit-note ul {
height: 20vw;
}
}
body .postit-section .postit-div .postit-note ul li {
font-size: 1.042vw;
}
@media (max-width: 1080px) {
body .postit-section .postit-div .postit-note ul li {
font-size: 1.679vw;
}
}
@media (max-width: 640px) {
body .postit-section .postit-div .postit-note ul li {
font-size: 3.077vw;
}
}
@media (max-width: 1080px) {
body .postit-section .postit-div .postit-note:nth-child(1), body .postit-section .postit-div .postit-note:nth-child(4) {
padding-top: 5.5vw;
}
body .postit-section .postit-div .postit-note:nth-child(2) {
padding-top: 4vw;
}
body .postit-section .postit-div .postit-note:nth-child(2) h4 {
padding-bottom: 3vw;
}
body .postit-section .postit-div .postit-note:nth-child(3) {
padding-top: 2vw;
}
body .postit-section .postit-div .postit-note:nth-child(3) h4 {
padding-bottom: 3vw;
}
body .postit-section .postit-div .postit-note:nth-child(6) {
padding-top: 4vw;
}
body .postit-section .postit-div .postit-note:nth-child(5) {
padding-top: 2vw;
}
body .postit-section .postit-div .postit-note:nth-child(5) ul {
height: 32vw;
}
}
@media (max-width: 640px) {
body .postit-section .postit-div .postit-note:nth-child(1), body .postit-section .postit-div .postit-note:nth-child(4) {
padding-top: 8.5vw;
}
body .postit-section .postit-div .postit-note:nth-child(2) h4, body .postit-section .postit-div .postit-note:nth-child(3) h4 {
padding-bottom: 3vw;
}
body .postit-section .postit-div .postit-note:nth-child(6) {
padding-top: 6vw;
}
body .postit-section .postit-div .postit-note:nth-child(5) {
padding-top: 3vw;
}
body .postit-section .postit-div .postit-note:nth-child(5) ul {
height: 31vw;
}
}
body .personer-section {
/* display: grid;
grid-template-columns: auto auto auto auto auto auto;
@media(max-width: 1080px){
grid-template-columns: auto auto auto;
}
@media(max-width: 640px){
grid-template-columns: auto auto;
} */
display: flex;
flex-direction: row;
}
@media (max-width: 800px) {
body .personer-section {
display: grid;
grid-template-columns: auto auto auto;
}
}
@media (max-width: 500px) {
body .personer-section {
grid-template-columns: auto auto;
}
}
body .personer-section .person {
display: flex;
flex-direction: column;
justify-content: end;
align-items: center;
height: 29.583vw;
background-size: cover;
color: #E6E6E6;
text-decoration: none;
background-position: 50% 50%;
background-size: auto 110%;
background-repeat: no-repeat;
transition: width 0.7s ease 0.1s, background-size 0.7s ease 0.1s;
width: 16.719vw;
/* border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
border-left: #000000 0.5px solid;
border-right: #000000 0.5px solid; */
/* background-image: url('img/personer-place-holder0.jpg'); */
}
body .personer-section .person svg path {
transition: fill 0.7s ease;
}
body .personer-section .person h3, body .personer-section .person p {
transition: color 0.7s ease;
}
@media (min-width: 801px) {
body .personer-section .person:hover {
width: 25vw;
background-size: auto 104%;
/* h3, p{
color: #E18E76;
} */
}
body .personer-section .person:hover svg path {
fill: #E18E76;
}
}
@media (max-width: 800px) {
body .personer-section .person {
height: 37.149vw;
width: 33.33vw;
}
}
@media (max-width: 500px) {
body .personer-section .person {
height: 65.641vw;
width: 50vw;
}
}
body .personer-section .person h3 {
font-size: 3.125vw;
margin-bottom: 0.677vw;
line-height: 100%;
}
@media (max-width: 800px) {
body .personer-section .person h3 {
font-size: 5.635vw;
}
}
@media (max-width: 500px) {
body .personer-section .person h3 {
font-size: 8.974vw;
margin-bottom: 1.5vw;
}
}
body .personer-section .person p {
font-size: 1.198vw;
margin-bottom: 0.781vw;
text-align: center;
line-height: 110%;
}
@media (max-width: 800px) {
body .personer-section .person p {
font-size: 1.799vw;
}
}
@media (max-width: 500px) {
body .personer-section .person p {
font-size: 3.077vw;
margin-bottom: 2vw;
}
}
body .personer-section .person svg {
margin-bottom: 2.396vw;
}
@media (max-width: 500px) {
body .personer-section .person svg {
margin-bottom: 5vw;
}
}
body .personer-section .person:nth-child(1) {
background-image: url(img/person-imgs/person-img_amelie.jpg);
}
body .personer-section .person:nth-child(2) {
background-image: url(img/person-imgs/person-img_berit.jpg);
}
body .personer-section .person:nth-child(3) {
background-image: url(img/person-imgs/person-img_hanne.jpg);
}
body .personer-section .person:nth-child(4) {
background-image: url(img/person-imgs/person-img_jan.jpg);
}
body .personer-section .person:nth-child(5) {
background-image: url(img/person-imgs/person-img_ka.jpg);
}
body .personer-section .person:nth-child(6) {
background-image: url(img/person-imgs/person-img_oskar.jpg);
}
body .posts-section {
background-color: #FFFFFF;
padding: 9.01vw 11.458vw 15vw 11.458vw;
}
@media (max-width: 1080px) {
body .posts-section {
padding: 13.669vw 6.115vw;
}
}
@media (max-width: 640px) {
body .posts-section {
padding: 14.846vw 5.385vw 23.846vw 5.385vw;
}
}
body .posts-section .folder-div {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
body .posts-section .folder-div .folder-svg {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 75.052vw;
/* border-radius: 0px; */
}
@media (max-width: 1080px) {
body .posts-section .folder-div .folder-svg {
display: none;
}
}
body .posts-section .folder-div .folder-svg g path {
border: 2px solid white;
}
body .posts-section .folder-div .folder-svg .folder-path {
stroke-dasharray: 6450px;
}
body .posts-section .folder-div .folder-text {
display: flex;
flex-direction: row;
align-items: end;
justify-content: space-between;
width: 100%;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .folder-text {
margin-bottom: 8.393vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .folder-text {
display: block;
margin-bottom: 2.393vw;
}
}
body .posts-section .folder-div .folder-text h2, body .posts-section .folder-div .folder-text .svg-rubrik {
font-size: 4.688vw;
color: #20655D;
padding-top: 3.279vw;
margin-bottom: 4.5vw;
margin-left: 4.312vw;
z-index: 2;
position: relative;
line-height: 110%;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .folder-text h2, body .posts-section .folder-div .folder-text .svg-rubrik {
/* color: #E6E6E6; */
font-size: 7.194vw;
margin-left: 0;
margin: 0;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .folder-text h2, body .posts-section .folder-div .folder-text .svg-rubrik {
font-size: 10.256vw;
margin-bottom: 5.128vw;
}
}
body .posts-section .folder-div .folder-text .svg-rubrik svg {
width: 33.385vw;
height: 100%;
}
body .posts-section .folder-div .folder-text .folder-p {
width: 27.188vw;
margin-bottom: 2.925vw;
margin-left: 3.542vw;
margin-right: 3.542vw;
z-index: 2;
position: relative;
color: #000000;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .folder-text .folder-p {
font-size: 15px;
margin: 0;
width: 39.808vw;
text-align: right;
/* color: #E6E6E6; */
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .folder-text .folder-p {
font-size: 15px;
width: 100%;
margin-bottom: 12.821vw;
max-width: 400px;
text-align: left;
}
}
body .posts-section .folder-div .articles-div {
width: calc(100% - 4px);
}
body .posts-section .folder-div .articles-div .post-box {
/* display: flex;
flex-direction: row;
flex-wrap: wrap; */
z-index: 2;
position: relative;
padding: 0 4.344vw;
display: grid;
gap: 1.615vw;
grid-template-columns: auto auto auto;
/* @media(max-width: 640px){
height: 314.449vw;
} */
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .post-box {
grid-template-columns: auto auto;
gap: 2.398vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .post-box {
grid-template-columns: auto;
gap: 3.128vw;
}
}
@media (min-width: 1081px) {
body .posts-section .folder-div .articles-div .post-box {
height: auto;
}
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .post-box {
/* height: 186.319vw; */
padding: 0;
scroll-padding-left: 0;
}
}
body .posts-section .folder-div .articles-div .article-box {
display: none;
background-color: #F0F0F0;
border-radius: 0.2vw;
width: 68.404vw;
height: 72.529vw;
overflow-y: scroll;
position: relative;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2352941176);
margin: 10px 0;
padding: -10px 0;
z-index: 100;
margin: auto;
margin-top: 0.807vw;
}
body .posts-section .folder-div .articles-div .article-box .article-content {
padding: 7.396vw 18.646vw 7.396vw 18.646vw;
}
body .posts-section .folder-div .articles-div .article-box .close-text {
width: auto;
position: sticky;
top: 3.359vw;
margin-left: 4.427vw;
display: flex;
flex-direction: row;
align-items: center;
transition: color 0.2s;
cursor: pointer;
}
body .posts-section .folder-div .articles-div .article-box .close-text h5 {
margin-left: 0.521vw;
margin-bottom: 0vw;
padding: 0.4vw 0;
}
body .posts-section .folder-div .articles-div .article-box .close-text .close-line {
transition: stroke 0.2s;
}
body .posts-section .folder-div .articles-div .article-box .close-text:hover {
color: #E18E76;
}
body .posts-section .folder-div .articles-div .article-box .close-text:hover .close-line {
stroke: #E18E76;
}
body .posts-section .folder-div .articles-div .article-box h4 {
font-size: 1.563vw;
font-family: "Cabin Sketch";
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0.443vw;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .article-box h4 {
font-size: 2.758vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .article-box h4 {
font-size: 5.128vw;
}
}
body .posts-section .folder-div .articles-div .article-box h5 {
font-size: 1.042vw;
font-weight: 400;
margin-bottom: 2.083vw;
}
body .posts-section .folder-div .articles-div .article-box p {
font-size: 1.042vw;
line-height: 150%;
text-align: justify;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .article-box p {
font-size: 15px;
}
}
body .posts-section .folder-div .articles-div .post {
background-color: #F0F0F0;
color: #272727;
border-radius: 0.2vw;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2352941176);
padding: 2.552vw 2.292vw;
/* margin: 0.807vw; */
width: 21.719vw;
scroll-snap-align: start;
display: flex;
flex-direction: column;
/* justify-content: space-between; */
/* &:nth-child(1), &:nth-child(2), &:nth-child(3){
height: 27.292vw;
} */
/* &:nth-child(5){
height: fit-content;
} */
/* @media(min-width: 841px){
p{
line-clamp: 7;
-webkit-line-clamp: 7;
}
} */
/* @media(max-width: 1080px){
p{
line-clamp: 6;
-webkit-line-clamp: 6;
}
} */
}
body .posts-section .folder-div .articles-div .post.last-post {
margin-right: 0;
}
@media (min-width: 1080px) {
body .posts-section .folder-div .articles-div .post {
height: -moz-fit-content;
height: fit-content;
}
}
@media (max-width: 1439px) {
body .posts-section .folder-div .articles-div .post {
width: 21.619vw;
}
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .post {
width: 42.4vw;
box-shadow: none;
/* margin: 0 0 2.398vw 0; */
padding: 4.436vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .post {
border-radius: 2.344vw;
padding: 6.154vw;
/* margin: 0 0 3.128vw 0; */
}
}
body .posts-section .folder-div .articles-div .post h4 {
font-family: "Cabin Sketch";
text-transform: uppercase;
font-weight: 600;
font-size: 1.302vw;
margin-bottom: 1vw;
display: -webkit-box;
-webkit-box-orient: vertical;
/* overflow: hidden; */
/* line-clamp: 2;
-webkit-line-clamp: 2; */
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .post h4 {
font-size: 2.658vw;
margin-bottom: 2vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .post h4 {
font-size: 5.128vw;
margin-bottom: 3.205vw;
}
}
body .posts-section .folder-div .articles-div .post p {
font-size: 1.042vw;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 145%;
margin-bottom: 1vw;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .post p {
font-size: 15px;
margin-bottom: 2vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .post p {
display: none;
}
}
@media (min-width: 641px) {
body .posts-section .folder-div .articles-div .post {
/* min-height: 44.212vw;
max-height: 44.212vw; */
/* p{
line-clamp: 6;
-webkit-line-clamp: 6;
} */
}
}
@media (min-width: 1081px) {
body .posts-section .folder-div .articles-div .post {
/* min-height: 22.32vw;
max-height: 22.32vw; */
/* p{
line-clamp: 5;
-webkit-line-clamp: 5;
} */
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .post {
width: 100%;
}
}
body .posts-section .folder-div .articles-div .button {
display: flex;
align-items: center;
justify-content: center;
color: inherit;
text-decoration: none;
height: 2.708vw;
width: 6.923vw;
position: relative;
cursor: pointer;
}
body .posts-section .folder-div .articles-div .button .button-bg {
width: 100%;
height: 100%;
position: absolute;
}
body .posts-section .folder-div .articles-div .button .button-bg path {
transition: fill 0.3s;
}
body .posts-section .folder-div .articles-div .button:hover .button-bg path {
fill: #20655D;
}
body .posts-section .folder-div .articles-div .button p {
color: #FFFFFF;
font-weight: 300;
text-transform: uppercase;
margin-top: 0.2vw;
margin-bottom: 0;
z-index: 10;
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .button p {
display: block;
font-size: 3.077vw;
}
}
body .posts-section .folder-div .articles-div .button svg {
width: 0.781vw;
height: auto;
margin-top: 0.2vw;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .button svg {
width: 1.338vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .button svg {
width: 2.821vw;
margin-top: 0.7vw;
}
}
@media (max-width: 1080px) {
body .posts-section .folder-div .articles-div .button {
width: 12.135vw;
height: 4.948vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .articles-div .button {
width: 21.767vw;
height: 8.556vw;
}
}
body .posts-section .folder-div .scroll-buttons {
width: 100%;
display: flex;
justify-content: end;
padding: 0 4.344vw;
z-index: 10;
position: relative;
margin-top: 1vw;
}
@media (max-width: 1080px) {
body .posts-section .folder-div .scroll-buttons {
padding: 0 4.344vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .scroll-buttons {
padding: 0;
margin-top: 5vw;
}
}
body .posts-section .folder-div .scroll-buttons button {
width: 4.01vw;
height: 4.01vw;
border: none;
background-color: rgba(255, 255, 255, 0);
cursor: pointer;
}
body .posts-section .folder-div .scroll-buttons button:nth-child(2) {
margin-left: 1.354vw;
}
body .posts-section .folder-div .scroll-buttons button svg {
width: 100%;
height: 100%;
/* @media(max-width: 1080px){
.scroll-arrow{
fill: #E6E6E6;
}
} */
}
@media (max-width: 1080px) {
body .posts-section .folder-div .scroll-buttons button {
width: 7.194vw;
height: 7.194vw;
}
body .posts-section .folder-div .scroll-buttons button:nth-child(2) {
margin-left: 1.354vw;
}
}
@media (max-width: 640px) {
body .posts-section .folder-div .scroll-buttons button {
width: 15.385vw;
height: 15.385vw;
}
body .posts-section .folder-div .scroll-buttons button:nth-child(2) {
margin-left: 2.398vw;
}
}
body .person-hero-section {
display: flex;
flex-direction: row;
height: 56.25vw;
}
@media (max-width: 1080px) {
body .person-hero-section {
height: 90vw;
}
}
@media (max-width: 640px) {
body .person-hero-section {
flex-direction: column-reverse;
height: auto;
}
}
body .person-hero-section .person-content {
display: flex;
flex-direction: column;
justify-content: end;
align-items: start;
width: 33.646vw;
height: 100%;
background-color: #F4F4F4;
padding: 5.729vw;
}
@media (max-width: 1080px) {
body .person-hero-section .person-content {
width: 50vw;
padding: 9.233vw 5.995vw;
}
}
@media (max-width: 640px) {
body .person-hero-section .person-content {
width: 100vw;
padding: 11.538vw 5.385vw 9.233vw 5.385vw;
}
}
body .person-hero-section .person-content.jan {
padding-bottom: 2.969vw;
}
@media (min-width: 1081px) {
body .person-hero-section .person-content.jan .person-info h4 {
margin-top: 2.5vw;
}
}
body .person-hero-section .person-content .person-logo, body .person-hero-section .person-content .person-info {
transition: filter 0.4s ease;
}
@media (min-width: 1081px) {
body .person-hero-section .person-content .person-logo.menu-blur, body .person-hero-section .person-content .person-info.menu-blur {
filter: blur(4px);
}
}
body .person-hero-section .person-content .person-logo {
/* width: 18.906vw;
height: auto; */
height: 6.427vw;
width: auto;
display: flex;
justify-content: start;
/* &.kae{
width: 12.729vw;
max-width: 255px;
@media(max-width: 1080px){
width: 20vw;
}
@media(max-width: 640px){
width: 40vw;
}
} */
}
body .person-hero-section .person-content .person-logo.three-rows {
width: auto;
height: 10.594vw;
}
@media (max-width: 1080px) {
body .person-hero-section .person-content .person-logo.three-rows {
width: 35.252vw;
height: auto;
}
}
@media (max-width: 640px) {
body .person-hero-section .person-content .person-logo.three-rows {
width: 65.128vw;
}
}
@media (max-width: 1080px) {
body .person-hero-section .person-content .person-logo {
height: auto;
width: 35.252vw;
}
}
@media (max-width: 640px) {
body .person-hero-section .person-content .person-logo {
width: 65.128vw;
}
}
body .person-hero-section .person-content .person-info h4 {
font-size: 1.146vw;
font-weight: 400;
/* margin-top: 5.156vw; */
margin-top: 2.604vw;
margin-bottom: 1.146vw;
}
@media (max-width: 1080px) {
body .person-hero-section .person-content .person-info h4 {
font-size: 2.398vw;
margin-top: 9.712vw;
margin-bottom: 2.158vw;
}
}
@media (max-width: 640px) {
body .person-hero-section .person-content .person-info h4 {
font-size: 5.128vw;
margin-top: 11.538vw;
margin-bottom: 4.615vw;
}
}
body .person-hero-section .person-content .person-info article, body .person-hero-section .person-content .person-info a {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 0.781vw;
cursor: default;
}
@media (max-width: 1080px) {
body .person-hero-section .person-content .person-info article, body .person-hero-section .person-content .person-info a {
margin-bottom: 1.439vw;
}
}
@media (max-width: 640px) {
body .person-hero-section .person-content .person-info article, body .person-hero-section .person-content .person-info a {
margin-bottom: 4.615vw;
}
}
body .person-hero-section .person-content .person-info article p, body .person-hero-section .person-content .person-info a p {
font-size: 1.042vw;
}
@media (max-width: 1080px) {
body .person-hero-section .person-content .person-info article p, body .person-hero-section .person-content .person-info a p {
font-size: 1.799vw;
}
}
@media (max-width: 640px) {
body .person-hero-section .person-content .person-info article p, body .person-hero-section .person-content .person-info a p {
font-size: 3.846vw;
}
}
body .person-hero-section .person-content .person-info article .person-icon, body .person-hero-section .person-content .person-info a .person-icon {
margin-right: 0.521vw;
}
@media (max-width: 1080px) {
body .person-hero-section .person-content .person-info article .person-icon, body .person-hero-section .person-content .person-info a .person-icon {
margin-right: 1.019vw;
}
}
@media (max-width: 1080px) {
body .person-hero-section .person-content .person-info article .person-icon, body .person-hero-section .person-content .person-info a .person-icon {
margin-right: 1.019vw;
}
}
body .person-hero-section .person-content .person-info article .person-icon.linkedin-logo, body .person-hero-section .person-content .person-info a .person-icon.linkedin-logo {
cursor: pointer;
}
body .person-hero-section .person-content .person-info article .person-icon.linkedin-logo path, body .person-hero-section .person-content .person-info a .person-icon.linkedin-logo path {
transition: fill 0.3s;
}
body .person-hero-section .person-content .person-info article .person-icon.linkedin-logo:hover .linkedin-path, body .person-hero-section .person-content .person-info a .person-icon.linkedin-logo:hover .linkedin-path {
fill: #20655D;
}
body .person-hero-section .person-content .person-info .phone-nr {
display: flex;
align-items: center;
}
body .person-hero-section .person-background {
height: 100%;
width: 66.354vw;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
@media (max-width: 1080px) {
body .person-hero-section .person-background {
width: 50vw;
}
}
@media (max-width: 640px) {
body .person-hero-section .person-background {
height: 114.872vw;
width: 100vw;
}
}
body .person-hero-section .person-background img, body .person-hero-section .person-background video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
body .person-hero-section .person-background .desktop-img {
display: block;
}
@media (max-width: 1080px) {
body .person-hero-section .person-background .desktop-img {
display: none;
}
}
body .person-hero-section .person-background .mobile-img {
display: none;
}
@media (max-width: 1080px) {
body .person-hero-section .person-background .mobile-img {
display: block;
}
}
body .roller-section {
background-image: url(img/roller_bakgrund.jpg);
background-size: cover;
position: relative;
overflow-y: hidden;
min-height: 56.042vw;
max-height: 80vw;
}
@media (max-width: 1080px) {
body .roller-section {
height: 81.894vw;
max-height: inherit;
}
}
@media (max-width: 640px) {
body .roller-section {
padding-bottom: 10vw;
height: auto;
}
}
body .roller-section .svg-shape-1920 {
display: block;
}
@media (max-width: 1080px) {
body .roller-section .svg-shape-1920 {
display: none;
}
}
body .roller-section .svg-shape-1920 svg {
position: absolute;
top: 0;
left: 0;
width: 54.74vw;
height: auto;
}
body .roller-section.roller-fem .svg-shape-1920 svg {
width: 56.406vw;
}
body .roller-section .svg-shape-1080 {
display: none;
}
@media (max-width: 1080px) {
body .roller-section .svg-shape-1080 {
display: block;
}
}
@media (max-width: 640px) {
body .roller-section .svg-shape-1080 {
display: none;
}
}
body .roller-section .svg-shape-1080 svg {
width: 54.74vw;
height: auto;
}
@media (max-width: 1080px) {
body .roller-section .svg-shape-1080 svg {
width: 58.034vw;
margin-top: 6.654vw;
}
}
body .roller-section .svg-shape-640 {
display: none;
}
@media (max-width: 640px) {
body .roller-section .svg-shape-640 {
display: block;
}
}
body .roller-section .svg-shape-640 img {
width: 72.692vw;
height: 100%;
}
body .roller-section h1 {
color: #E6E6E6;
position: absolute;
top: 18.333vw;
left: 7.604vw;
font-size: 5.208vw;
}
@media (max-width: 1080px) {
body .roller-section h1 {
top: 32.734vw;
left: 5.995vw;
font-size: 4.796vw;
}
}
@media (max-width: 640px) {
body .roller-section h1 {
top: 7.692vw;
left: 5.128vw;
font-size: 10.256vw;
}
}
body .roller-section .roll {
display: flex;
align-items: center;
color: #000000;
margin-bottom: 6.667vw;
position: absolute;
}
@media (max-width: 640px) {
body .roller-section .roll {
padding: 0 5.128vw;
}
body .roller-section .roll:first-child {
padding-top: 7.692vw;
}
}
body .roller-section .roll img {
width: 7.484vw;
height: auto;
margin-right: 1.563vw;
}
@media (max-width: 640px) {
body .roller-section .roll img {
width: 20vw;
margin-right: 4vw;
}
}
body .roller-section .roll h4 {
font-family: "Cabin Sketch";
font-weight: 600;
font-size: 1.823vw;
text-transform: uppercase;
/* @media(max-width: 800px){
font-size: 2.558vw;
} */
}
@media (max-width: 1080px) {
body .roller-section .roll h4 {
font-size: 2.158vw;
}
}
@media (max-width: 640px) {
body .roller-section .roll h4 {
font-size: 4.615vw;
}
}
body .roller-section .roll p {
font-size: 1.042vw;
/* @media(max-width: 800px){
font-size: 1.939vw;
} */
}
@media (max-width: 1080px) {
body .roller-section .roll p {
font-size: 1.439vw;
}
}
@media (max-width: 640px) {
body .roller-section .roll p {
font-size: 3.077vw;
}
}
@media (max-width: 640px) {
body .roller-section .roll {
position: static;
}
}
body .roller-section .roll:nth-child(1) {
top: 2.969vw;
left: 33.594vw;
}
body .roller-section .roll:nth-child(2) {
top: 11.25vw;
left: 45.104vw;
}
body .roller-section .roll:nth-child(3) {
top: 20.365vw;
left: 54.588vw;
}
body .roller-section .roll:nth-child(4) {
top: 29.323vw;
left: 54.588vw;
}
body .roller-section .roll:nth-child(5) {
top: 37.76vw;
left: 45.104vw;
}
body .roller-section .roll:nth-child(6) {
top: 45.729vw;
left: 33.594vw;
}
@media (max-width: 1080px) {
body .roller-section .roll:nth-child(1) {
top: 9.912vw;
left: 31.535vw;
}
body .roller-section .roll:nth-child(2) {
top: 20.144vw;
left: 45.923vw;
}
body .roller-section .roll:nth-child(3) {
top: 31.535vw;
left: 57.814vw;
}
body .roller-section .roll:nth-child(4) {
top: 42.806vw;
left: 57.814vw;
}
body .roller-section .roll:nth-child(5) {
top: 53.057vw;
left: 45.923vw;
}
body .roller-section .roll:nth-child(6) {
top: 63.109vw;
left: 31.335vw;
}
}
body .roller-section.roller-tre .roll:nth-child(1) {
top: 11.442vw;
left: 40.898vw;
}
body .roller-section.roller-tre .roll:nth-child(2) {
top: 23.177vw;
left: 49.01vw;
}
body .roller-section.roller-tre .roll:nth-child(3) {
top: 36.563vw;
left: 41.098vw;
}
@media (max-width: 1080px) {
body .roller-section.roller-tre .roll:nth-child(1) {
top: 17.207vw;
left: 47.762vw;
}
body .roller-section.roller-tre .roll:nth-child(2) {
top: 31.535vw;
left: 57.914vw;
}
body .roller-section.roller-tre .roll:nth-child(3) {
top: 48.321vw;
left: 47.982vw;
}
}
body .roller-section.roller-fyra .roll:nth-child(1) {
top: 6.198vw;
left: 43.229vw;
}
body .roller-section.roller-fyra .roll:nth-child(2) {
top: 18.333vw;
left: 51.615vw;
}
body .roller-section.roller-fyra .roll:nth-child(3) {
top: 30.417vw;
left: 51.515vw;
}
body .roller-section.roller-fyra .roll:nth-child(4) {
top: 39.323vw;
left: 43.229vw;
}
@media (max-width: 1080px) {
body .roller-section.roller-fyra .roll:nth-child(1) {
top: 16.707vw;
left: 47.296vw;
}
body .roller-section.roller-fyra .roll:nth-child(2) {
top: 31.535vw;
left: 57.688vw;
}
body .roller-section.roller-fyra .roll:nth-child(3) {
top: 46.463vw;
left: 57.588vw;
}
body .roller-section.roller-fyra .roll:nth-child(4) {
top: 58.034vw;
left: 47.096vw;
}
}
body .roller-section.roller-fem .roll:nth-child(1) {
top: 4.635vw;
left: 39.688vw;
}
body .roller-section.roller-fem .roll:nth-child(2) {
top: 15.313vw;
left: 47.921vw;
}
body .roller-section.roller-fem .roll:nth-child(3) {
top: 24.167vw;
left: 56.306vw;
}
body .roller-section.roller-fem .roll:nth-child(4) {
top: 34.01vw;
left: 47.921vw;
}
body .roller-section.roller-fem .roll:nth-child(5) {
top: 44.01vw;
left: 39.6vw;
}
@media (max-width: 1080px) {
body .roller-section.roller-fem .roll:nth-child(1) {
top: 14.429vw;
left: 39vw;
}
body .roller-section.roller-fem .roll:nth-child(2) {
top: 26.859vw;
left: 49.061vw;
}
body .roller-section.roller-fem .roll:nth-child(3) {
top: 37.89vw;
left: 57.9vw;
}
body .roller-section.roller-fem .roll:nth-child(4) {
top: 50.24vw;
left: 49vw;
}
body .roller-section.roller-fem .roll:nth-child(5) {
top: 62.71vw;
left: 38.629vw;
}
}
body .text-section .text-box h3 {
font-size: 2.344vw;
color: #20655D;
line-height: 180%;
margin-bottom: -0.4vw;
}
@media (max-width: 1080px) {
body .text-section .text-box h3 {
font-size: 2.998vw;
}
}
@media (max-width: 640px) {
body .text-section .text-box h3 {
font-size: 5.128vw;
}
}
body .text-section .text-box h2 {
font-size: 3.125vw;
line-height: 100%;
color: #0D3E38;
margin-bottom: 1.198vw;
}
@media (max-width: 1080px) {
body .text-section .text-box h2 {
font-size: 4.197vw;
margin-bottom: 1.918vw;
}
}
@media (max-width: 640px) {
body .text-section .text-box h2 {
font-size: 7.692vw;
margin-bottom: 3.864vw;
}
}
body .text-section .text-box p {
font-size: 1.042vw;
}
@media (max-width: 1080px) {
body .text-section .text-box p {
font-size: 2.158vw;
}
}
@media (max-width: 640px) {
body .text-section .text-box p {
font-size: 3.846vw;
text-align: left;
}
}
body .text-section .text-box.amc-01 {
width: 50vw;
/* margin-bottom: 17.865vw; */
}
@media (max-width: 1080px) {
body .text-section .text-box.amc-01 {
width: 67.626vw;
}
}
@media (max-width: 640px) {
body .text-section .text-box.amc-01 {
width: 100%;
}
}
body .text-section .text-box.amc-02 {
width: 35.99vw;
}
@media (max-width: 1080px) {
body .text-section .text-box.amc-02 {
width: 46.163vw;
margin-bottom: 0;
}
}
@media (max-width: 640px) {
body .text-section .text-box.amc-02 {
width: 100%;
}
}
@media (min-width: 1081px) {
body .text-section .text-box.amc-02.text-center {
text-align: center;
}
}
body .text-section .text-box.he-01 {
width: 37.031vw;
margin-bottom: 14.948vw;
}
@media (max-width: 1080px) {
body .text-section .text-box.he-01 {
width: 67.626vw;
}
body .text-section .text-box.he-01:nth-child(2) {
margin-bottom: 26.739vw;
}
}
@media (max-width: 640px) {
body .text-section .text-box.he-01 {
width: 100%;
margin-bottom: 22.051vw;
}
body .text-section .text-box.he-01:nth-child(2) {
margin-bottom: 39.744vw;
}
}
body .text-section .text-box.he-02 {
width: 37.031vw;
text-align: center;
margin: auto;
margin-bottom: 18.698vw;
}
@media (max-width: 1080px) {
body .text-section .text-box.he-02 {
width: 67.626vw;
margin-bottom: 0;
}
}
@media (max-width: 640px) {
body .text-section .text-box.he-02 {
width: 100%;
}
}
body .text-section .text-box.he-02 article {
padding-left: 11.146vw;
text-align: left;
}
@media (max-width: 1080px) {
body .text-section .text-box.he-02 article {
padding-left: 23.022vw;
}
}
@media (max-width: 640px) {
body .text-section .text-box.he-02 article {
padding-left: 0;
}
}
body .text-section .text-box.he-01 h3, body .text-section .text-box.he-02 h3 {
line-height: 140%;
margin-bottom: -0.4vw;
}
body .text-section .text-box.he-01 h3 .split-line, body .text-section .text-box.he-02 h3 .split-line {
margin-left: -0.313vw;
padding-left: 0.313vw;
}
body .text-section .text-box.he-03 {
width: 35.99vw;
margin-bottom: 3.438vw;
}
body .text-section .text-box.he-03 img {
width: 28.438vw;
}
@media (max-width: 1080px) {
body .text-section .text-box.he-03 {
width: 46.163vw;
margin-bottom: 0;
}
}
@media (max-width: 640px) {
body .text-section .text-box.he-03 {
width: 100%;
}
}
body .text-section .mb-3 {
margin-bottom: 3.438vw;
}
body .text-section.text-amc {
padding: 8.906vw 10.312vw 11.198vw 10.312vw;
}
@media (max-width: 1080px) {
body .text-section.text-amc {
padding: 19.065vw 5.635vw;
}
}
@media (max-width: 640px) {
body .text-section.text-amc {
padding: 15.641vw 5.128vw 27.564vw 5.128vw;
}
}
@media (min-width: 1081px) {
body .text-section.text-amc.text-flex {
display: flex;
flex-direction: column;
align-items: center;
}
}
body .text-section.text-amc div {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 1080px) {
body .text-section.text-amc div {
/* margin-bottom: 26.739vw; */
}
}
@media (max-width: 640px) {
body .text-section.text-amc div {
flex-direction: column-reverse;
}
}
body .text-section.text-amc svg {
width: 28.427vw;
height: auto;
}
@media (max-width: 1080px) {
body .text-section.text-amc svg {
width: 32.254vw;
height: auto;
}
}
@media (max-width: 640px) {
body .text-section.text-amc svg {
width: 69.1vw;
margin-bottom: 8.462vw;
}
}
body .text-section.text-amc svg.a-z {
width: 16.889vw;
margin-right: 6.563vw;
}
@media (max-width: 1080px) {
body .text-section.text-amc svg.a-z {
width: 32.254vw;
height: auto;
margin-right: 0;
}
}
@media (max-width: 640px) {
body .text-section.text-amc svg.a-z {
width: 59.1vw;
margin-bottom: 12vw;
margin: auto;
margin-bottom: 12.462vw;
margin-left: 5vw;
}
}
body .text-section.text-amc svg.comment {
width: 16.889vw;
margin-right: 6.563vw;
}
@media (max-width: 1080px) {
body .text-section.text-amc svg.comment {
width: 22.254vw;
height: auto;
margin-right: 5vw;
margin-bottom: 20vw;
}
}
@media (max-width: 640px) {
body .text-section.text-amc svg.comment {
margin: auto;
width: 50vw;
margin-bottom: 8.462vw;
margin-left: 5vw;
}
}
body .text-section.text-he {
/* background-image: url(img/he-text_bg.jpg);
background-size: cover;
background-position: 0 100%;
background-repeat: no-repeat; */
padding: 6.875vw 10.365vw;
position: relative;
overflow: hidden;
}
@media (max-width: 1080px) {
body .text-section.text-he {
background-size: 200%;
background-position: 25% 100%;
padding: 19.065vw 5.635vw 42.739vw 5.635vw;
}
}
@media (max-width: 640px) {
body .text-section.text-he {
padding: 25.641vw 5.128vw 67.436vw 5.128vw;
}
}
body .text-section.text-he div {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 1080px) {
body .text-section.text-he div {
flex-direction: column;
}
}
body .text-section.text-he img {
position: absolute;
bottom: 0;
left: 0;
width: 100vw;
height: auto;
z-index: -1;
}
body .text-section.text-he-03 {
padding: 11.875vw 11.354vw;
}
@media (max-width: 1080px) {
body .text-section.text-he-03 {
padding: 19.065vw 5.635vw;
}
}
@media (max-width: 640px) {
body .text-section.text-he-03 {
padding: 25.641vw 5.128vw 42.564vw 5.128vw;
}
}
body .text-section.text-he-03 div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1080px) {
body .text-section.text-he-03 div {
flex-direction: row-reverse;
align-items: start;
/* margin-bottom: 26.739vw; */
}
}
@media (max-width: 640px) {
body .text-section.text-he-03 div {
flex-direction: column-reverse;
}
}
body .text-section.text-he-03 img, body .text-section.text-he-03 .video {
width: 28.427vw;
height: 28.427vw;
}
@media (max-width: 1080px) {
body .text-section.text-he-03 img, body .text-section.text-he-03 .video {
width: 32.254vw;
height: auto;
}
}
@media (max-width: 640px) {
body .text-section.text-he-03 img, body .text-section.text-he-03 .video {
width: 69.1vw;
margin: auto;
}
}
body .text-section.text-he-03 img video, body .text-section.text-he-03 .video video {
width: 28.427vw;
height: 28.427vw;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1000px;
}
@media (max-width: 1080px) {
body .text-section.text-he-03 img video, body .text-section.text-he-03 .video video {
width: 32.254vw;
height: 32.254vw;
}
}
@media (max-width: 640px) {
body .text-section.text-he-03 img video, body .text-section.text-he-03 .video video {
width: 69vw;
height: 69vw;
margin: auto;
margin-bottom: 8.462vw;
}
}
body .start-link-section {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #20655D;
color: #E6E6E6;
padding: 4.688vw 29.167vw;
position: relative;
}
body .start-link-section.timeline-mb {
margin-top: -11vw;
}
@media (max-width: 1080px) {
body .start-link-section.timeline-mb {
margin-top: 0;
}
}
@media (max-width: 1080px) {
body .start-link-section {
padding: 11.631vw 21.583vw 12.47vw 21.583vw;
}
}
@media (max-width: 640px) {
body .start-link-section {
padding: 17.821vw 10.256vw;
}
}
body .start-link-section h3 {
font-size: 2.604vw;
font-family: "Outfit", sans-serif;
font-weight: 300;
text-align: center;
margin-bottom: 1.667vw;
z-index: 10;
}
@media (max-width: 1080px) {
body .start-link-section h3 {
font-size: 3.597vw;
margin-bottom: 6.475vw;
}
}
@media (max-width: 640px) {
body .start-link-section h3 {
font-size: 5.128vw;
margin-bottom: 12.308vw;
}
}
body .start-link-section svg {
width: 13.768vw;
height: auto;
margin-left: 0.3vw;
}
@media (max-width: 1080px) {
body .start-link-section svg {
width: 19.185vw;
}
}
@media (max-width: 640px) {
body .start-link-section svg {
width: 27.179vw;
margin-left: 1vw;
}
}
body .start-link-section .button {
width: 12.573vw;
height: 4.398vw;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
transition: opacity 0.3s, background-image 0.3s;
position: relative;
}
body .start-link-section .button .button-bg {
width: 100%;
height: 100%;
position: absolute;
}
body .start-link-section .button .button-bg path {
transition: fill 0.3s;
}
body .start-link-section .button:hover .button-bg path {
fill: #0D3E38;
}
body .start-link-section .button p {
font-size: 1.302vw;
z-index: 10;
}
@media (max-width: 1080px) {
body .start-link-section .button {
width: 23.861vw;
height: 8.71vw;
}
body .start-link-section .button p {
font-size: 2.398vw;
}
}
@media (max-width: 640px) {
body .start-link-section .button {
width: 51.026vw;
height: 18.615vw;
}
body .start-link-section .button p {
font-size: 5.128vw;
}
}
body .start-link-section .forest-top, body .start-link-section .forest-bottom {
position: absolute;
left: 0;
width: 100%;
}
body .start-link-section .forest-top {
z-index: 1;
top: -12vw;
fill: #20655D;
}
body .start-link-section .forest-top .forest-path path {
fill: #20655D !important;
}
@media (max-width: 1080px) {
body .start-link-section .forest-top {
top: -12vw;
}
}
@media (max-width: 640px) {
body .start-link-section .forest-top {
top: -27vw;
}
}
body .start-link-section .forest-bottom {
z-index: 0;
top: -10vw;
}
@media (max-width: 1080px) {
body .start-link-section .forest-bottom {
top: -14vw;
}
}
@media (max-width: 640px) {
body .start-link-section .forest-bottom {
top: -27vw;
}
}
body .start-link-section .forest-desktop {
display: block;
}
@media (max-width: 1080px) {
body .start-link-section .forest-desktop {
display: none;
}
}
body .start-link-section .forest-tablet {
display: block;
}
@media (min-width: 1081px) {
body .start-link-section .forest-tablet {
display: none;
}
}
@media (max-width: 640px) {
body .start-link-section .forest-tablet {
display: none;
}
}
body .start-link-section .forest-mobile {
display: none;
}
@media (max-width: 640px) {
body .start-link-section .forest-mobile {
display: block;
}
}
body .split-section {
width: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
background-color: #20655D;
position: relative;
}
@media (min-width: 1081px) {
body .split-section {
height: 40.469vw;
}
}
@media (max-width: 1080px) {
body .split-section {
background-color: #20655D;
}
}
body .split-section .right-svg {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 100%;
width: 57.744vw;
display: block;
}
@media (max-width: 1080px) {
body .split-section .right-svg {
display: none;
}
}
body .split-section .left-svg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 57.744vw;
display: block;
}
@media (max-width: 1080px) {
body .split-section .left-svg {
display: none;
}
}
@media (max-width: 640px) {
body .split-section {
flex-direction: column;
}
body .split-section.mobile-reverse {
flex-direction: column-reverse;
}
}
body .split-section img {
/* height: 100%; */
width: auto;
z-index: 0;
}
@media (min-width: 1081px) {
body .split-section img {
height: 40.469vw;
}
}
body .split-section img.desktop {
display: block;
}
@media (max-width: 1080px) {
body .split-section img.desktop {
display: none;
}
}
body .split-section img.tablet {
width: 53.135vw;
display: none;
}
@media (max-width: 1080px) {
body .split-section img.tablet {
display: block;
}
}
@media (max-width: 640px) {
body .split-section img.tablet {
display: none;
}
}
body .split-section img.mobile {
width: 100vw;
display: none;
}
@media (max-width: 640px) {
body .split-section img.mobile {
display: block;
}
}
@media (max-width: 1080px) {
body .split-section .scroll-zoom {
display: none;
}
}
body .split-section .left-img {
width: 60vw;
}
@media (min-width: 641px) {
body .split-section .left-img {
margin-right: -14.844vw;
}
}
body .split-section .right-img {
width: 57.015vw;
}
@media (min-width: 641px) {
body .split-section .right-img {
margin-left: -14.844vw;
}
}
body .split-section article {
width: 100%;
color: #E6E6E6;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (max-width: 640px) {
body .split-section article {
width: auto;
}
}
body .split-section article h2, body .split-section article p {
width: 100%;
z-index: 1;
}
body .split-section article h2 {
font-size: 3.125vw;
margin-bottom: 1.302vw;
line-height: 100%;
}
@media (max-width: 1080px) {
body .split-section article h2 {
font-size: 4.197vw;
margin-bottom: 2.398vw;
}
}
@media (max-width: 640px) {
body .split-section article h2 {
font-size: 7.692vw;
margin-bottom: 7.436vw;
}
}
body .split-section article p {
font-size: 1.042vw;
line-height: 150%;
}
@media (max-width: 1080px) {
body .split-section article p {
font-size: 1.799vw;
}
}
@media (max-width: 640px) {
body .split-section article p {
font-size: 15px;
}
}
body .split-section .right-text {
z-index: 2;
margin: 0 5.313vw 3.333vw 14.188vw;
}
@media (max-width: 1080px) {
body .split-section .right-text {
margin: 0 5.875vw 2.998vw 16.906vw;
}
}
@media (max-width: 640px) {
body .split-section .right-text {
margin: 6.154vw 5.128vw 32.564vw 5.128vw;
}
}
body .split-section .left-text {
z-index: 2;
margin: 0 13.125vw 4.479vw 6.667vw;
}
@media (max-width: 1080px) {
body .split-section .left-text {
margin: 0 16.906vw 5.156vw 5.875vw;
}
}
@media (max-width: 640px) {
body .split-section .left-text {
margin: 6.154vw 5.128vw 32.564vw 5.128vw;
}
}
body .timeline-section {
display: flex;
flex-direction: column;
align-items: center;
padding: 10.573vw 32.5vw;
}
@media (max-width: 1080px) {
body .timeline-section {
padding: 11.631vw 21.583vw 0 21.583vw;
}
}
@media (max-width: 640px) {
body .timeline-section {
padding: 25.641vw 5.128vw 0 5.128vw;
}
}
body .timeline-section article {
width: auto;
text-align: center;
}
body .timeline-section article h2 {
font-size: 3.125vw;
margin-bottom: 1.042vw;
color: #20655D;
}
@media (max-width: 1080px) {
body .timeline-section article h2 {
font-size: 35px;
margin-bottom: 3.864vw;
}
}
@media (max-width: 640px) {
body .timeline-section article h2 {
font-size: 30px;
}
}
body .timeline-section article p {
font-size: 1.042vw;
margin-bottom: 6.354vw;
}
@media (max-width: 1080px) {
body .timeline-section article p {
font-size: 15px;
}
}
body .textbox-section {
height: 40.469vw;
width: 100%;
background-image: url(img/bg_styrelsearbete.jpg);
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
@media (max-width: 1080px) {
body .textbox-section {
height: 71.894vw;
background-position: 50% 100%;
}
}
@media (max-width: 640px) {
body .textbox-section {
height: -moz-fit-content;
height: fit-content;
background-position: 50% 100%;
}
}
body .textbox-section img {
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
}
body .textbox-section .textbox {
z-index: 1;
}
@media (max-width: 640px) {
body .textbox-section .scroll-zoom2 {
display: none;
}
}
body .textbox-section.verksamhet {
background-image: url(img/bg_verksamhet.jpg);
}
@media (max-width: 640px) {
body .textbox-section.verksamhet {
height: 100vw;
background-position: 45% 100%;
}
}
body .textbox-section.verksamhet .textbox {
bottom: 0;
width: 37.135vw;
}
@media (max-width: 1080px) {
body .textbox-section.verksamhet .textbox {
width: 56.067vw;
height: 47.242vw;
}
}
@media (max-width: 640px) {
body .textbox-section.verksamhet .textbox {
width: 100vw;
height: auto;
height: 100vw;
}
}
body .textbox-section.textbox-amc {
background-image: url(img/bg_amc.jpg);
}
body .textbox-section.textbox-amc img {
-o-object-fit: cover;
object-fit: cover;
}
body .textbox-section.textbox-amc .textbox {
bottom: 0;
width: 39.427vw;
height: 26.719vw;
right: inherit;
left: 5.729vw;
}
@media (max-width: 1080px) {
body .textbox-section.textbox-amc .textbox {
width: 56.067vw;
height: 47.242vw;
}
}
@media (max-width: 640px) {
body .textbox-section.textbox-amc .textbox {
width: 100vw;
height: auto;
height: 110vw;
left: 0;
}
}
body .textbox-section .textbox {
width: 52.76vw;
height: 31.5vw;
background-color: rgba(255, 255, 255, 0.7647058824);
position: absolute;
right: 5.729vw;
bottom: 0;
padding: 2.656vw 2.396vw 8.646vw 3.594vw;
}
@media (max-width: 1080px) {
body .textbox-section .textbox {
width: 66.067vw;
height: 61.242vw;
padding: 4.197vw;
right: 5.875vw;
bottom: 0;
}
}
@media (max-width: 640px) {
body .textbox-section .textbox {
width: 100vw;
height: auto;
padding: 7.692vw 5.128vw 46.692vw 5.128vw;
right: 0;
bottom: 0;
position: relative;
}
}
body .textbox-section .textbox h2 {
font-size: 3.125vw;
margin-bottom: 1.042vw;
color: #0D3E38;
}
@media (max-width: 1080px) {
body .textbox-section .textbox h2 {
font-size: 4.197vw;
margin-bottom: 2.398vw;
}
}
@media (max-width: 640px) {
body .textbox-section .textbox h2 {
font-size: 7.692vw;
margin-bottom: 7.436vw;
}
}
body .textbox-section .textbox p {
font-size: 1.042vw;
line-height: 150%;
}
@media (max-width: 1080px) {
body .textbox-section .textbox p {
line-height: 150%;
font-size: 1.799vw;
}
}
@media (max-width: 640px) {
body .textbox-section .textbox p {
font-size: 15px;
}
}
body .button-section {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 7.708vw 12.396vw 8.802vw 10.625vw;
}
@media (max-width: 1080px) {
body .button-section {
padding: 11.631vw 21.583vw;
flex-direction: column;
align-items: center;
}
}
@media (max-width: 640px) {
body .button-section {
padding: 22.821vw 10.256vw;
}
}
body .button-section article {
text-align: center;
}
body .button-section article:nth-child(1) {
width: 28.646vw;
}
body .button-section article:nth-child(1) .button {
width: 16.627vw;
height: 4.219vw;
position: relative;
}
body .button-section article:nth-child(1) .button p {
font-size: 1.302vw;
}
@media (max-width: 1080px) {
body .button-section article:nth-child(1) .button {
width: 30.314vw;
height: 7.447vw;
}
body .button-section article:nth-child(1) .button p {
font-size: 2.038vw;
}
}
@media (max-width: 640px) {
body .button-section article:nth-child(1) .button {
width: 252.82px;
height: 62.11px;
}
body .button-section article:nth-child(1) .button p {
font-size: 17px;
}
}
@media (max-width: 1080px) {
body .button-section article:nth-child(1) {
width: auto;
margin-bottom: 12.47vw;
}
}
@media (max-width: 640px) {
body .button-section article:nth-child(1) {
margin-bottom: 32.821vw;
}
}
body .button-section article:nth-child(2) {
width: 35.208vw;
}
body .button-section article:nth-child(2) .button {
width: 15.585vw;
height: 4.219vw;
}
body .button-section article:nth-child(2) .button p {
font-size: 1.302vw;
}
@media (max-width: 1080px) {
body .button-section article:nth-child(2) .button {
width: 28.121vw;
height: 7.447vw;
}
body .button-section article:nth-child(2) .button p {
font-size: 2.038vw;
}
}
@media (max-width: 640px) {
body .button-section article:nth-child(2) .button {
width: 234.53px;
height: 62.11px;
margin-top: 2.436vw;
}
body .button-section article:nth-child(2) .button p {
font-size: 17px;
}
}
@media (max-width: 1080px) {
body .button-section article:nth-child(2) {
width: auto;
}
}
body .button-section article h2 {
font-size: 3.125vw;
margin-bottom: 1.042vw;
color: #20655D;
}
@media (max-width: 1080px) {
body .button-section article h2 {
font-size: 4.197vw;
margin-bottom: 2.398vw;
}
}
@media (max-width: 640px) {
body .button-section article h2 {
font-size: 7.692vw;
margin-bottom: 7.436vw;
}
}
body .button-section article p {
z-index: 10;
font-size: 1.042vw;
line-height: 150%;
}
@media (max-width: 1080px) {
body .button-section article p {
line-height: 150%;
font-size: 1.799vw;
}
}
@media (max-width: 640px) {
body .button-section article p {
font-size: 15px;
}
}
body .button-section .button {
height: 4.398vw;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
text-decoration: none;
font-size: 1.302vw;
text-transform: uppercase;
margin-top: 1.979vw;
position: relative;
}
body .button-section .button .button-bg {
width: 100%;
height: 100%;
position: absolute;
}
body .button-section .button .button-bg path {
transition: fill 0.3s;
}
body .button-section .button:hover .button-bg path {
fill: #20655D;
}
@media (max-width: 1080px) {
body .button-section .button {
width: 23.861vw;
height: 8.71vw;
font-size: 2.398vw;
margin-top: 2.398vw;
}
}
@media (max-width: 640px) {
body .button-section .button {
width: 51.026vw;
height: 18.615vw;
font-size: 5.128vw;
margin-top: 7.436vw;
}
}
body .horizontal-tl-section {
padding: 4.583vw 13.594vw 15.49vw 13.594vw;
overflow: hidden;
}
body .horizontal-tl-section h2 {
color: #000000;
margin-bottom: 5.208vw;
font-size: 3.646vw;
text-align: center;
}
@media (max-width: 1080px) {
body .horizontal-tl-section h2 {
font-size: 4.197vw;
}
}
@media (max-width: 640px) {
body .horizontal-tl-section h2 {
font-size: 8.974vw;
}
}
body .horizontal-tl-section svg {
width: 100%;
height: auto;
}
body .horizontal-tl-section svg.desktop {
display: block;
}
@media (max-width: 640px) {
body .horizontal-tl-section svg.desktop {
display: none;
}
}
body .horizontal-tl-section svg.mobile {
width: 62.051vw;
margin-top: -29vw;
display: none;
}
@media (max-width: 640px) {
body .horizontal-tl-section svg.mobile {
display: block;
}
}
@media (max-width: 1080px) {
body .horizontal-tl-section {
padding: 11.99vw 5.995vw 20.588vw 5.995vw;
}
}
@media (max-width: 640px) {
body .horizontal-tl-section {
padding: 11.99vw 5.995vw 30.588vw 5.995vw;
}
}
body .gdpr-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #20655D;
padding: 10.938vw 0 18.021vw 0;
margin-top: 20vw;
position: relative;
z-index: 5;
}
@media (max-width: 1080px) {
body .gdpr-section {
margin-top: 35vw;
}
}
@media (max-width: 640px) {
body .gdpr-section {
margin-top: 70vw;
}
}
body .gdpr-section h2 {
z-index: 10;
font-size: 3.125vw;
color: #E6E6E6;
margin-bottom: 2.604vw;
line-height: 125%;
text-align: center;
}
body .gdpr-section h2.h2-lg {
font-size: 4.167vw;
}
@media (max-width: 1080px) {
body .gdpr-section h2.h2-lg {
font-size: 7.194vw;
}
}
@media (max-width: 640px) {
body .gdpr-section h2.h2-lg {
font-size: 15.385vw;
}
}
@media (max-width: 1080px) {
body .gdpr-section h2 {
font-size: 7.194vw;
}
}
@media (max-width: 640px) {
body .gdpr-section h2 {
font-size: 15.385vw;
margin-bottom: 8.974vw;
}
}
body .gdpr-section h2.gdpr-person {
font-size: 3.125vw;
}
@media (max-width: 1080px) {
body .gdpr-section h2.gdpr-person {
font-size: 5.194vw;
}
}
@media (max-width: 640px) {
body .gdpr-section h2.gdpr-person {
font-size: 6.385vw;
text-align: left;
}
}
body .gdpr-section p {
z-index: 10;
color: #E6E6E6;
width: 43.542vw;
font-size: 1.302vw;
text-align: center;
line-height: 150%;
}
body .gdpr-section p.align-left {
text-align: left;
}
@media (max-width: 1080px) {
body .gdpr-section {
padding: 15.052vw 0 26.019vw 0;
}
body .gdpr-section p {
width: 64.508vw;
font-size: 2.158vw;
}
}
@media (max-width: 640px) {
body .gdpr-section {
align-items: flex-start;
padding: 21.282vw 5.128vw 34.359vw 5.128vw;
}
body .gdpr-section p {
width: auto;
text-align: left;
font-size: 15px;
line-height: 170%;
}
}
body .gdpr-section .links {
margin: 4.375vw 0 11vw 0;
display: flex;
flex-direction: column;
}
@media (max-width: 1080px) {
body .gdpr-section .links {
margin: 10vw 0 11vw 0;
}
}
body .gdpr-section .links a {
text-decoration: none;
margin-bottom: 1.458vw;
}
@media (max-width: 1080px) {
body .gdpr-section .links a {
margin: 1.5vw 0;
}
}
body .gdpr-section a, body .gdpr-section h4 {
text-align: center;
font-size: 1.823vw;
margin-bottom: 0.5vw;
text-transform: uppercase;
font-family: "Cabin Sketch";
color: #E6E6E6;
}
@media (max-width: 1080px) {
body .gdpr-section a, body .gdpr-section h4 {
font-size: 2.796vw;
}
}
@media (max-width: 640px) {
body .gdpr-section a, body .gdpr-section h4 {
text-align: left;
font-size: 5.128vw;
}
}
body .gdpr-section a {
transition: color 0.3s;
}
body .gdpr-section a:hover {
color: #E18E76;
}
body .gdpr-section .cookies-div {
margin-top: -6vw;
padding-top: 6vw;
}
@media (max-width: 640px) {
body .gdpr-section .cookies-div {
margin-top: -6vw;
padding-top: 26vw;
}
}
body .gdpr-section .forest-top, body .gdpr-section .forest-bottom, body .gdpr-section .forest-bottom2 {
position: absolute;
left: 0;
width: 100%;
}
body .gdpr-section .forest-top {
z-index: 0;
top: -11vw;
}
@media (max-width: 1080px) {
body .gdpr-section .forest-top {
top: -10vw;
}
}
@media (max-width: 640px) {
body .gdpr-section .forest-top {
top: -27vw;
}
}
body .gdpr-section .forest-bottom {
z-index: -1;
top: -10vw;
}
@media (max-width: 1080px) {
body .gdpr-section .forest-bottom {
top: -12vw;
}
}
@media (max-width: 640px) {
body .gdpr-section .forest-bottom {
top: -27vw;
}
}
body .gdpr-section .forest-bottom2 {
z-index: -2;
top: -9vw;
}
@media (max-width: 640px) {
body .gdpr-section .forest-bottom2 {
top: -27vw;
}
}
body .gdpr-section .forest-desktop {
display: block;
}
@media (max-width: 1080px) {
body .gdpr-section .forest-desktop {
display: none;
}
}
body .gdpr-section .forest-tablet {
display: block;
}
@media (min-width: 1081px) {
body .gdpr-section .forest-tablet {
display: none;
}
}
@media (max-width: 640px) {
body .gdpr-section .forest-tablet {
display: none;
}
}
body .gdpr-section .forest-mobile {
display: none;
}
@media (max-width: 640px) {
body .gdpr-section .forest-mobile {
display: block;
}
}
footer {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #0D3E38;
padding: 2.656vw 5.208vw;
}
@media (max-width: 1080px) {
footer {
padding: 5.875vw;
}
}
@media (max-width: 640px) {
footer {
padding: 11.282vw 5.385vw;
}
}
footer .mobile-footer-logo {
text-align: center;
margin-bottom: 19.231vw;
}
footer .mobile-footer-logo img {
width: 47.179vw;
}
@media (min-width: 641px) {
footer .mobile-footer-logo {
display: none;
}
}
footer div {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
footer div .links a {
text-decoration: none;
}
footer div .links a:first-child {
margin-right: 1.563vw;
}
@media (max-width: 1080px) {
footer div .links a:first-child {
margin-right: 3.597vw;
}
}
@media (max-width: 640px) {
footer div .links a:first-child {
margin-right: 7.692vw;
}
}
footer div .links a svg {
height: 1.771vw;
width: auto;
}
@media (max-width: 1080px) {
footer div .links a svg {
height: 4.077vw;
}
}
@media (max-width: 640px) {
footer div .links a svg {
height: 8.718vw;
}
}
footer div .links a:hover svg g path {
stroke: #E18E76;
}
footer div .links svg g path {
transition: stroke 0.2s ease;
}
footer div .footer-logo {
width: auto;
height: auto;
/* @media(max-width: 1080px){
width: 24.7vw;
} */
transition: opacity 0.2s;
}
@media (max-width: 640px) {
footer div .footer-logo {
display: none;
}
}
footer div .footer-logo:hover {
opacity: 0.8;
}
footer div .arrow-link a {
display: flex;
flex-direction: row;
text-decoration: none;
}
footer div .arrow-link a:hover h4 {
color: #E18E76;
}
footer div .arrow-link a:hover svg path {
fill: #E18E76;
}
footer div .arrow-link h4, footer div .arrow-link svg path {
transition: color 0.2s ease, fill 0.4s ease;
}
footer div .arrow-link h4 {
font-family: "Cabin Sketch";
font-weight: 400;
color: #ffffff;
margin-right: 1.042vw;
font-size: 1.563vw;
}
@media (max-width: 1080px) {
footer div .arrow-link h4 {
margin-right: 1.559vw;
font-size: 2.038vw;
}
}
@media (max-width: 640px) {
footer div .arrow-link h4 {
margin-right: 3.333vw;
font-size: 4.359vw;
}
}
footer div .arrow-link svg {
width: 2.699vw;
height: auto;
}
@media (max-width: 1080px) {
footer div .arrow-link svg {
width: 6.215vw;
}
}
@media (max-width: 640px) {
footer div .arrow-link svg {
width: 13.29vw;
}
}
@media (min-width: 1081px) {
footer div .links, footer div .arrow-link {
width: 20vw;
}
footer div .arrow-link {
display: flex;
justify-content: end;
}
}
@media (max-width: 1080px) {
footer div .links, footer div .arrow {
width: 20vw;
}
}
@media (max-width: 640px) {
footer div .links, footer div .arrow {
width: auto;
}
}
h1, h2, h3 {
font-family: "Fredericka the Great", serif;
font-weight: normal;
}
p, a {
font-family: "Outfit", sans-serif;
font-weight: 300;
font-size: 1.042vw;
line-height: 150%;
}
@media (max-width: 1080px) {
p, a {
font-size: 2.158vw;
}
}
@media (max-width: 640px) {
p, a {
font-size: 15px;
}
}
@media (max-width: 1080px) {
h2 {
font-size: 4.197vw;
margin-bottom: 2.398vw;
}
}
@media (max-width: 640px) {
h2 {
font-size: 7.692vw;
margin-bottom: 7.436vw;
}
}
@media (max-width: 1080px) {
p {
line-height: 150%;
font-size: 1.799vw;
}
}
@media (max-width: 640px) {
p {
font-size: 15px;
}
}
/* Font anti-aliasing */
h1, h2, h3, h4, h5 {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/* GSAP Text animation classes */
.split-line {
overflow-y: hidden;
/* overflow-x: visible; */
}
.quote-person {
line-height: 130% !important;
}
.quote-person .split-line:nth-child(1) {
margin-bottom: -1vw;
}
/* Flex */
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
.justify-between {
display: flex;
justify-content: space-between;
}
.timeline-svg {
height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.linje {
stroke-dasharray: 2570.4px;
stroke-linecap: round;
stroke-width: 0.26vw;
}
.circle {
fill: #ffffff;
scale: 1;
z-index: 5;
}
.point-group {
position: absolute;
top: 4.375vw;
left: 15.365vw;
}
.point-group .text-group {
display: flex;
justify-content: end;
}
.point-group .text-group .tl-text1 {
font-size: 1.563vw;
}
.point-group .text-group .tl-text2 {
font-size: 1.042vw;
}
.timeline-svg {
width: 76.927vw;
margin-left: 10.208vw;
display: block;
}
@media (max-width: 1080px) {
.timeline-svg {
display: none;
}
}
.timeline-svg-mobile {
width: 85.344vw;
max-width: 500px;
height: 100%;
display: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
@media (max-width: 1080px) {
.timeline-svg-mobile {
display: block;
}
}
.timeline-svg-mobile .linje-mobile {
stroke-dasharray: 480.359vw;
stroke-linecap: round;
stroke-width: 5px;
}
.display-block {
display: block !important;
}
.display-none {
display: none !important;
}
.svg-rubrik {
display: block;
}
@media (max-width: 1080px) {
.svg-rubrik {
display: none;
}
}
.text-rubrik {
display: none;
}
@media (max-width: 1080px) {
.text-rubrik {
display: block;
}
}/*# sourceMappingURL=style.css.map */