/* Selected contact treatment: one petrol panel, white copy and direct channels. */
.site-design.subpage-design main .hjemmesider>#kontakt.websites-contact-petrol{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:46px;width:90%;max-width:1380px;margin:45px auto 35px;padding:50px 48px;background:#123e46;color:#fff;border:0;border-radius:34px 100px 34px 34px;overflow:hidden}
#kontakt.websites-contact-petrol:before,#kontakt.websites-contact-petrol:after{display:none}
#kontakt.websites-contact-petrol>div{min-width:0;background:none;border:0;padding:0}
#kontakt.websites-contact-petrol .eyebrow{display:block;font-size:11px;line-height:1.6;letter-spacing:.16em;color:#fff;margin:0 0 22px}
#kontakt.websites-contact-petrol h2{font-size:clamp(30px,3.3vw,43px);line-height:1.17;letter-spacing:-.035em;font-weight:650;color:#fff;margin:0 0 24px;max-width:650px}
#kontakt.websites-contact-petrol h2 br{display:none}
#kontakt.websites-contact-petrol>div>p{font-size:16px;line-height:1.8;color:#fff;max-width:660px;margin:0 0 20px}
#kontakt.websites-contact-petrol>div>.area-compact-after{font-size:14px;line-height:1.8;margin:0 0 25px}
#kontakt.websites-contact-petrol .area-process-link{display:inline-flex;align-items:center;gap:13px;min-height:44px;padding:5px 0;margin:0;border:0;border-radius:0;background:none;color:#fff;font-size:14px;line-height:1.5;font-weight:500;text-decoration:underline;text-underline-offset:6px;box-shadow:none}
#kontakt.websites-contact-petrol .area-process-link:after{content:'→';font-size:19px}
#kontakt.websites-contact-petrol .area-process-link:hover{color:#fff;text-decoration-thickness:2px}
#kontakt.websites-contact-petrol .service-contact-actions{display:block;padding:15px 0 15px 35px;border-left:1px solid #ffffff35;border-radius:0;background:none;text-align:left}
#kontakt.websites-contact-petrol .direct-contact{display:block;margin:0 0 27px;padding:0;border:0;background:none}
#kontakt.websites-contact-petrol .direct-contact>a{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:15px;row-gap:7px;align-items:center;min-width:0;min-height:83px;margin:0;padding:17px 0 24px;background:none;border:0;border-bottom:1px solid #ffffff35;border-radius:0;color:#fff;text-decoration:none;box-shadow:none}
#kontakt.websites-contact-petrol .direct-contact>a+a{margin:15px 0 0}
#kontakt.websites-contact-petrol .web-contact-icon{grid-column:1;grid-row:1/3;box-sizing:border-box;width:44px;height:44px;padding:11px;border-radius:50%;background:#ffffff1a;color:#fff}
#kontakt.websites-contact-petrol .direct-contact>a>span{grid-column:2;grid-row:1;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.14em;color:#fff;margin:0}
#kontakt.websites-contact-petrol .direct-contact>a>strong{grid-column:2;grid-row:2;font-size:clamp(15px,1.5vw,21px);font-weight:550;line-height:1.5;letter-spacing:-.015em;color:#fff;white-space:nowrap;overflow-wrap:normal;word-break:normal;margin:0}
#kontakt.websites-contact-petrol .direct-contact>a[href^="tel:"]>strong{font-size:25px;letter-spacing:0}
#kontakt.websites-contact-petrol .direct-contact>a:hover>strong{text-decoration:underline;text-underline-offset:5px}
#kontakt.websites-contact-petrol .service-contact-actions>.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:49px;max-width:100%;padding:13px 25px;margin:0;background:#fff;border:1px solid #fff;border-radius:100px;color:#123e46;font-size:15px;line-height:1.5;font-weight:650;box-shadow:none}
#kontakt.websites-contact-petrol .service-contact-actions>.button:after{content:'→';font-size:19px}
#kontakt.websites-contact-petrol .service-contact-actions>.button:hover{background:#edf3f2;border-color:#edf3f2;color:#123e46}
#kontakt.websites-contact-petrol :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:1000px){.site-design.subpage-design main .hjemmesider>#kontakt.websites-contact-petrol{grid-template-columns:1fr;gap:28px;padding:38px 35px;border-radius:30px 75px 30px 30px}#kontakt.websites-contact-petrol .service-contact-actions{padding:25px 0 0;border-left:0;border-top:1px solid #ffffff35}#kontakt.websites-contact-petrol .direct-contact{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px}#kontakt.websites-contact-petrol .direct-contact>a+a{margin:0}#kontakt.websites-contact-petrol .direct-contact>a>strong{font-size:17px}}
@media(max-width:760px){.site-design.subpage-design main .hjemmesider>#kontakt.websites-contact-petrol{width:88%;padding:31px 24px;margin:30px auto 28px;gap:20px;border-radius:25px 55px 25px 25px}#kontakt.websites-contact-petrol .eyebrow{font-size:10px;margin-bottom:17px}#kontakt.websites-contact-petrol h2{font-size:30px;line-height:1.2;margin-bottom:21px}#kontakt.websites-contact-petrol>div>p{font-size:15px}#kontakt.websites-contact-petrol>div>.area-compact-after{font-size:13px}#kontakt.websites-contact-petrol .direct-contact{display:block;margin-bottom:24px}#kontakt.websites-contact-petrol .direct-contact>a{grid-template-columns:35px minmax(0,1fr);column-gap:11px;padding:15px 0 20px}#kontakt.websites-contact-petrol .direct-contact>a+a{margin:10px 0 0}#kontakt.websites-contact-petrol .web-contact-icon{width:35px;height:35px;padding:8px}#kontakt.websites-contact-petrol .direct-contact>a>strong{font-size:clamp(11px,3.2vw,19px);letter-spacing:-.025em}#kontakt.websites-contact-petrol .direct-contact>a[href^="tel:"]>strong{font-size:23px}#kontakt.websites-contact-petrol .service-contact-actions>.button{min-height:47px;font-size:14px}}

@media(max-width:760px){#kontakt.websites-contact-petrol .web-contact-icon{grid-row:1}#kontakt.websites-contact-petrol .direct-contact>a>strong{grid-column:1/-1;grid-row:2;font-size:clamp(14px,3.8vw,19px);letter-spacing:-.025em}}