/* ============================================ MONLIS Website - Service Benefits Section "Unsere Vorteile" with image and features Figma node:18:3772 ============================================ *//* ========================================== SECTION CONTAINER ========================================== */.service-benefits {width:100%;background-color:#ffffff;padding:100px 0;}.service-benefits__container {max-width:1440px;margin:0 auto;padding:0 170px;display:flex;align-items:center;gap:64px;}/* ========================================== IMAGE (Left Side in Figma) ========================================== */.service-benefits__image-wrapper {flex-shrink:0;width:500px;height:625px;border-radius:48px;overflow:hidden;box-shadow:0px 25px 50px -12px rgba(0,0,0,0.25);order:-1;}.service-benefits__image {width:100%;height:100%;object-fit:cover;}/* ========================================== RIGHT SIDE (Header Grid Button) ========================================== */.service-benefits__left {flex:1;display:flex;flex-direction:column;gap:40px;}/* ========================================== HEADER ========================================== */.service-benefits__header {display:flex;flex-direction:column;gap:0;}.service-benefits__subtitle {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:500;font-size:11px;line-height:16.5px;letter-spacing:3px;text-transform:uppercase;color:rgba(0,0,0,0.4);margin:0 0 40px;}.service-benefits__title {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:700;font-size:64px;line-height:80px;letter-spacing:-2px;text-transform:uppercase;color:#000000;margin:0;}/* ========================================== FEATURES GRID Figma:2 columns,gap 48px horizontal,~48px vertical ========================================== */.service-benefits__grid {display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:48px;}.service-benefits__item {display:flex;align-items:flex-start;gap:16px;}.service-benefits__item-icon {width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.05);border-radius:9999px;}.service-benefits__item-icon svg {width:20px;height:20px;stroke:rgba(0,0,0,0.7);}.service-benefits__item-icon img {width:20px;height:20px;object-fit:contain;}.service-benefits__item-content {display:flex;flex-direction:column;gap:4px;}.service-benefits__item-title {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:600;font-size:16px;line-height:22.4px;color:#000000;margin:0;}.service-benefits__item-text {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:400;font-size:13px;line-height:19.5px;color:rgba(0,0,0,0.5);margin:0;}/* ========================================== CTA BUTTON ========================================== */.service-benefits__cta {display:inline-flex;align-items:center;justify-content:center;width:210px;height:50px;padding:0;background-color:#000000;border:none;border-radius:9999px;font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:600;font-size:12px;line-height:18px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-decoration:none;box-shadow:0px 10px 15px -3px rgba(0,0,0,0.1),0px 4px 6px -4px rgba(0,0,0,0.1);transition:all 0.3s ease;}.service-benefits__cta:hover {opacity:0.9;transform:translateY(-2px);}.service-benefits__cta svg {display:none;}/* ========================================== RESPONSIVE ========================================== */@media (max-width:1400px) {.service-benefits__container {padding:0 80px;}}@media (max-width:1200px) {.service-benefits__container {padding:0 48px;gap:48px;}.service-benefits__image-wrapper {width:400px;height:500px;}.service-benefits__title {font-size:52px;line-height:64px;}}@media (max-width:1024px) {.service-benefits {padding:80px 0;}.service-benefits__container {flex-direction:column;gap:48px;}.service-benefits__image-wrapper {order:0;width:100%;max-width:500px;height:450px;border-radius:32px;}.service-benefits__left {align-items:center;text-align:center;}.service-benefits__title {font-size:48px;line-height:56px;}.service-benefits__grid {max-width:600px;}.service-benefits__item {text-align:left;}}@media (max-width:768px) {.service-benefits {padding:64px 0;}.service-benefits__container {padding:0 20px;}.service-benefits__title {font-size:36px;line-height:44px;letter-spacing:-1px;}.service-benefits__subtitle {margin-bottom:24px;}.service-benefits__grid {grid-template-columns:1fr;gap:32px;}.service-benefits__image-wrapper {height:380px;border-radius:24px;}.service-benefits__cta {width:100%;max-width:280px;}}@media (max-width:480px) {.service-benefits__image-wrapper {height:320px;}.service-benefits__title {font-size:32px;line-height:40px;}.service-benefits__item-icon {width:40px;height:40px;}}