.site-design.subpage-design main .service-content>#ydelser.marketing-reference{width:100%;padding:clamp(34px,5vw,76px) 0 0;margin:0;background:#fff}
#ydelser.marketing-reference .area-section-heading{display:block;text-align:center;margin:0 auto clamp(22px,2.5vw,40px);padding:0 16px;max-width:none}
#ydelser.marketing-reference .area-section-heading .eyebrow{display:inline-flex;align-items:center;gap:15px;color:#587450;letter-spacing:.18em}
#ydelser.marketing-reference .area-section-heading .eyebrow::before,#ydelser.marketing-reference .area-section-heading .eyebrow::after{content:"";width:clamp(20px,4vw,68px);height:1px;background:currentColor}
.site-design.subpage-design main #ydelser.marketing-reference .area-section-heading h2{font-size:clamp(32px,4vw,65px);line-height:1.08;margin:16px 0;color:#103740}
#ydelser.marketing-reference .area-section-heading p{margin:auto;max-width:90ch;font-size:clamp(15px,1.4vw,22px);line-height:1.45}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-explorer{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1220px;padding:0 12px;margin:0 auto 18px;background:none;border:0}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 1 23%;padding:12px 10px;min-height:54px;border:0;border-radius:12px;background:#edf0ee;color:#103740;font-size:clamp(13px,1.15vw,18px);text-align:center}
#ydelser.marketing-reference .area-service-tabs svg{width:26px;height:26px;flex:none}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button[aria-selected=true]{background:#103740;color:white}
#ydelser.marketing-reference .area-service-tabs button:focus-visible{outline:2px solid #103740;outline-offset:3px}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-panel:not([hidden]){display:grid;grid-template-columns:37% 63%;position:relative;align-items:center;isolation:isolate;min-height:clamp(345px,31vw,530px);background:#edf1eb;border:0;border-radius:0;clip-path:shape(from 0 4%,curve to 43% 14% with 19% -3% / 28% 24%,curve to 100% 4% with 62% 2% / 83% -4%,line to 100% 100%,line to 0 100%,close)}
#ydelser.marketing-reference .area-service-panel[hidden]{display:none}
#ydelser.marketing-reference .area-service-panel figure{grid-area:1/2;align-self:stretch;position:relative;margin:0;min-height:0;border-radius:0;overflow:hidden}
#ydelser.marketing-reference .area-service-panel figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#ydelser.marketing-reference #area-panel-0 figure{grid-column:1/3;justify-self:end;width:69.7%;z-index:-1}
#ydelser.marketing-reference .area-service-panel:not(:first-child) figure{border-top-left-radius:28% 80%}
#ydelser.marketing-reference :is(figcaption,.area-service-copy .eyebrow,.area-service-copy small){display:none}
#ydelser.marketing-reference .area-service-copy{grid-area:1/1;padding:clamp(50px,6vw,95px) clamp(20px,4vw,76px) 35px;background:none;color:#103740}
#ydelser.marketing-reference .area-service-copy::before{content:"";display:block;width:70px;height:4px;margin-bottom:22px;background:#728d67}
#ydelser.marketing-reference .area-service-copy h3{font-size:clamp(25px,3vw,49px);line-height:1.1;margin:0 0 16px;color:#103740}
#ydelser.marketing-reference .area-service-copy :is(h4,p){color:#203339;margin:0 0 12px;line-height:1.45}
#ydelser.marketing-reference .area-service-copy a{display:inline-flex;gap:10px;padding:11px 18px;border-radius:100px;background:#536f49;color:#fff;text-decoration:none}
@media(max-width:720px){.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button{flex-basis:46%}.site-design.subpage-design main #ydelser.marketing-reference .area-service-panel:not([hidden]){grid-template-columns:1fr;clip-path:none}.site-design.subpage-design main #ydelser.marketing-reference .area-service-panel figure{grid-area:2/1;width:100%;aspect-ratio:2/1;border-radius:0}.site-design.subpage-design main #ydelser.marketing-reference .area-service-copy{padding:26px 20px}}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button>span{display:inline!important;width:auto!important;height:auto!important;position:static!important;overflow:visible!important;clip-path:none!important;opacity:1;color:inherit}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button>span::before,.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button>span::after{display:none}
@media(min-width:1080px){#ydelser.marketing-reference #area-panel-0 h3{font-size:clamp(30px,3vw,49px);white-space:nowrap}}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs{max-width:1120px;gap:8px;align-items:center}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button{flex:0 1 auto;min-height:42px;padding:8px clamp(12px,1.6vw,25px);gap:10px;border-radius:9px;font-size:clamp(13px,1.1vw,16px);line-height:1.2}
.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button>span{white-space:nowrap;line-height:1.2}
#ydelser.marketing-reference .area-service-tabs svg{width:21px;height:21px}
@media(min-width:950px){.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs{max-width:min(84%,900px)}}
@media(max-width:550px){.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button{flex-basis:calc(50% - 4px);padding-inline:7px;font-size:12px}.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button>span{white-space:normal}}
@media(min-width:950px){.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:min(90%,1030px)}.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button{grid-column:span 2;width:100%;padding:8px;min-height:42px;border-radius:10px}.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button:nth-child(5){grid-column:2/span 2}.site-design.subpage-design main #ydelser.marketing-reference .area-service-tabs button>span{font-size:clamp(12px,1.1vw,15px)}}
