
/* Focused CreaWeb update, November 2026. */
.cw-header,.cw-hero,.cw-work{font-family:Arial,Helvetica,sans-serif;color:#202b35;box-sizing:border-box}
.cw-header{background:#fff;border-bottom:1px solid #dce3e9}
.cw-header-inner{max-width:1160px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:32px}
.cw-brand{display:block;flex:none}.cw-brand img{display:block;width:94px;height:auto}
.cw-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-left:auto}
.cw-header a{color:#253b4a;text-decoration:none;font-size:15px;font-weight:600}
.cw-header a:hover,.cw-project a:hover{color:#0068a4;text-decoration:underline}
.cw-header .cw-languages{margin-left:10px;gap:10px}.cw-languages [aria-current]{border-bottom:2px solid #0078b4}
.cw-wrap{max-width:1100px;margin:auto;padding:0 24px}
.cw-hero{background:#f4f7f9;padding:62px 0 58px;border-bottom:1px solid #e2e9ee}
.cw-hero .cw-eyebrow{font-size:14px;font-weight:700;letter-spacing:.07em;color:#356477;margin:0 0 20px}
.cw-hero h1{font-size:clamp(34px,4.6vw,60px);font-weight:700;line-height:1.1;letter-spacing:-.035em;max-width:850px;margin:0 0 24px}
.cw-hero .cw-intro{max-width:720px;font-size:20px;line-height:1.65;margin:0 0 28px;color:#465562}
.cw-actions{display:flex;flex-wrap:wrap;gap:12px}
.cw-actions .cw-button{display:inline-block;background:#006b9e;border:2px solid #006b9e;border-radius:5px;color:white;padding:13px 22px;font-weight:700;text-decoration:none;line-height:1.4}
.cw-actions .cw-secondary{background:transparent;color:#075f8a}
.cw-actions .cw-button:hover{background:#004c72;color:white}
.cw-work{padding:42px 0 46px;background:white}.cw-work h2{font-size:30px;font-weight:700;margin:0 0 24px}
.cw-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cw-project{border:1px solid #dce3e9;border-radius:7px;overflow:hidden;background:#fff}
.cw-project img{display:block;width:100%;height:auto;aspect-ratio:700/520;object-fit:contain;background:#f4f7f9}
.cw-project a{color:#223b4a;text-decoration:none}.cw-project h3{font-size:21px;font-weight:700;margin:20px 20px 12px}.cw-project p{font-size:16px;line-height:1.6;margin:0 20px 24px;color:#4a5863}
.cw-contact-link{color:inherit!important;text-decoration:underline!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #0078b4;outline-offset:4px}
#contact-sec-69a5,#selected-projects{scroll-margin-top:20px}
#sec-72c6{padding:40px 24px!important;min-height:0!important}
#sec-72c6 .u-list{max-width:1140px;margin:0 auto!important;width:100%!important}
#sec-72c6 .u-repeater{min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
#sec-72c6 .u-container-layout{padding:26px!important;display:flex!important;flex-direction:column!important;min-height:0!important}
#sec-72c6 .u-container-layout p{width:auto!important;margin:0 0 20px!important;height:auto!important;line-height:1.7}
#sec-72c6 .u-container-layout p:first-child{font-size:22px;font-weight:700}
#sec-72c6 .u-container-layout .u-btn{position:static!important;margin:auto 0 0!important;align-self:flex-start;white-space:normal}
#sec-72c6>.u-text{font-size:20px!important;line-height:1.4;margin:26px auto 0!important;width:auto!important}
.u-back-to-top{right:20px!important;bottom:110px!important;width:44px!important;height:44px!important;padding:10px!important}
@media(max-width:767px){.cw-header-inner{gap:12px;padding:10px 18px;flex-wrap:wrap}.cw-brand img{width:72px}.cw-header nav:not(.cw-languages){order:3;width:100%;justify-content:flex-start;gap:10px 18px;padding:8px 0 4px}.cw-header .cw-languages{margin-left:auto}.cw-header a{font-size:14px}.cw-hero{padding:34px 0 38px}.cw-wrap{padding:0 20px}.cw-hero .cw-intro{font-size:18px}.cw-hero h1{font-size:36px}.cw-projects{grid-template-columns:1fr}.cw-work{padding:30px 0}.cw-work h2{font-size:26px}#sec-72c6 .u-repeater{grid-template-columns:1fr!important}#sec-72c6{padding:30px 20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.cw-hero h1,.cw-work h2,.cw-project h3{font-family:Arial,Helvetica,sans-serif;}

/* 2026-11-14 — Digital marketing section. EN/DE/FR. */
.cw-marketing,.cw-marketing *{box-sizing:border-box}
.cw-marketing{background:#eff5f8;padding:66px 0 70px;color:#202b35;font-family:Arial,Helvetica,sans-serif}
.cw-marketing-kicker{color:#166183;font-size:13px;font-weight:700;letter-spacing:.11em;margin:0 0 12px}
.cw-marketing h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,3.4vw,42px);font-weight:700;line-height:1.19;letter-spacing:-.025em;max-width:800px;margin:0 0 18px;color:#213847}
.cw-marketing-intro{font-size:19px;line-height:1.65;max-width:850px;color:#475967;margin:0 0 30px}
.cw-marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cw-marketing-card{padding:27px 25px 29px;background:#fff;border:1px solid #d4e1e7;border-radius:7px;min-width:0}
.cw-marketing-number{display:block;font-size:14px;font-weight:700;color:#16709b;letter-spacing:.1em;margin-bottom:18px}
.cw-marketing-card h3{font-family:Arial,Helvetica,sans-serif;font-size:21px;line-height:1.25;font-weight:700;color:#213847;margin:0 0 14px}
.cw-marketing-card p{font-size:16px;line-height:1.65;color:#4c5a64;margin:0}
.cw-marketing-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:32px}
.cw-marketing-cta p{font-size:18px;font-weight:700;margin:0}
.cw-marketing-cta .cw-button{display:inline-block;padding:13px 22px;background:#006b9e;border:2px solid #006b9e;border-radius:5px;color:#fff;text-decoration:none;font-size:16px;font-weight:700;line-height:1.4}
.cw-marketing-cta .cw-button:hover{background:#004c72;border-color:#004c72}
#digital-marketing{scroll-margin-top:20px}
@media(max-width:900px){.cw-marketing-grid{grid-template-columns:1fr}.cw-marketing-card{padding:22px 22px 24px}}
@media(max-width:767px){.cw-marketing{padding:40px 0 48px}.cw-marketing-intro{font-size:17px}.cw-marketing h2{font-size:30px}.cw-marketing-cta{align-items:flex-start;flex-direction:column;gap:14px}}
