diff --git a/Profice WebSite/index.html b/Profice WebSite/index.html index d2491b4..d16a544 100644 --- a/Profice WebSite/index.html +++ b/Profice WebSite/index.html @@ -42,15 +42,15 @@ - - - + + + - - - - + + + + @@ -534,13 +534,13 @@ - - - - - - - + + + + + + + diff --git a/Profice WebSite/sites/automatisation.html b/Profice WebSite/sites/automatisation.html index abbc5be..438eaa7 100644 --- a/Profice WebSite/sites/automatisation.html +++ b/Profice WebSite/sites/automatisation.html @@ -40,13 +40,13 @@ - - + + - - + + @@ -324,11 +324,11 @@ - - - - - + + + + + diff --git a/Profice WebSite/sites/datenschutz.html b/Profice WebSite/sites/datenschutz.html index 7e96bf4..c66d47c 100644 --- a/Profice WebSite/sites/datenschutz.html +++ b/Profice WebSite/sites/datenschutz.html @@ -41,13 +41,13 @@ - - + + - - - + + + @@ -292,10 +292,10 @@ - - - - + + + + diff --git a/Profice WebSite/sites/impressum.html b/Profice WebSite/sites/impressum.html index 8f14fae..d667c3f 100644 --- a/Profice WebSite/sites/impressum.html +++ b/Profice WebSite/sites/impressum.html @@ -40,13 +40,13 @@ - - + + - - - + + + @@ -244,10 +244,10 @@ - - - - + + + + diff --git a/Profice WebSite/sites/ki-integration.html b/Profice WebSite/sites/ki-integration.html index 61bb659..c7fe1db 100644 --- a/Profice WebSite/sites/ki-integration.html +++ b/Profice WebSite/sites/ki-integration.html @@ -40,13 +40,13 @@ - - + + - - + + @@ -336,11 +336,11 @@ - - - - - + + + + + diff --git a/Profice WebSite/sites/leads.html b/Profice WebSite/sites/leads.html index f378466..f9fefa3 100644 --- a/Profice WebSite/sites/leads.html +++ b/Profice WebSite/sites/leads.html @@ -40,14 +40,14 @@ - - + + - - - + + + @@ -229,12 +229,12 @@ - - - - - - + + + + + + diff --git a/Profice WebSite/sites/offers.html b/Profice WebSite/sites/offers.html index e401e5a..11720ca 100644 --- a/Profice WebSite/sites/offers.html +++ b/Profice WebSite/sites/offers.html @@ -40,13 +40,13 @@ - - + + - - + + @@ -226,11 +226,11 @@ - - - - - + + + + + diff --git a/Profice WebSite/sites/website.html b/Profice WebSite/sites/website.html index 6313f73..92d1d35 100644 --- a/Profice WebSite/sites/website.html +++ b/Profice WebSite/sites/website.html @@ -40,13 +40,13 @@ - - + + - - + + @@ -310,11 +310,11 @@ - - - - - + + + + + diff --git a/Profice WebSite/style/tech-onepager.css b/Profice WebSite/style/tech-onepager.css index 08d6447..2e08132 100644 --- a/Profice WebSite/style/tech-onepager.css +++ b/Profice WebSite/style/tech-onepager.css @@ -2376,34 +2376,56 @@ } } -/* Non-16:9 wide screens and landscape tablets (1024-1366px) */ -@media (max-width: 1366px) and (min-width: 1025px) { +/* Common laptop resolutions (1366x768, 1440x900) */ +@media (max-width: 1440px) and (min-width: 1025px) { .hero-container { max-width: 1100px; - gap: 40px; + gap: 30px; } .hero-right { - height: 420px; + height: 360px; + max-width: 520px; + overflow: hidden; + position: relative; + } + + .system-graphic { + max-width: 100%; + height: 100%; + transform: scale(0.8); + transform-origin: center center; + overflow: hidden; } .hero-headline { - font-size: clamp(2rem, 3.5vw, 3rem); + font-size: clamp(2rem, 3.2vw, 2.8rem); } .hero-subline, .hero-proof { - font-size: 1.1rem; + font-size: 1rem; } .node { - min-width: 80px; - padding: 8px; + min-width: 65px; + padding: 5px; + font-size: 0.8rem; } .central-node { - min-width: 130px; - max-width: 150px; + min-width: 100px; + max-width: 120px; + font-size: 0.85rem; + } + + .node-icon { + width: 22px !important; + height: 22px !important; + } + + .node-metrics { + font-size: 0.7rem; } } @@ -2427,7 +2449,7 @@ @media (max-width: 1024px) { .hero-container { grid-template-columns: 1fr; - gap: 40px; + gap: 30px; text-align: center; } @@ -2436,16 +2458,21 @@ } .hero-right { - height: 380px; + height: 350px; order: -1; - max-width: 600px; + max-width: 500px; margin: 0 auto; width: 100%; + overflow: hidden; + position: relative; } .system-graphic { max-width: 100%; - overflow: visible; + height: 100%; + transform: scale(0.75); + transform-origin: center center; + overflow: hidden; } .system-details { @@ -2509,9 +2536,7 @@ font-size: 1.6rem; } - .systeme-grid { - grid-template-columns: 1fr; - } + /* Keep systeme-grid layout consistent across all devices - no layout changes needed */ .results-grid { grid-template-columns: 1fr; @@ -2587,41 +2612,7 @@ font-size: 0.7rem; } - /* Compact circular layout for mobile - adjusted spacing */ - .phone-node { - top: 2%; - left: 50%; - transform: translateX(-50%); - } - - .chat-node { - top: 20%; - right: 2%; - left: auto; - transform: none; - } - - .crm-node { - bottom: 20%; - right: 2%; - top: auto; - left: auto; - transform: none; - } - - .ticket-node { - bottom: 2%; - left: 50%; - top: auto; - transform: translateX(-50%); - } - - .team-node { - top: 20%; - left: 2%; - right: auto; - transform: none; - } + /* Keep consistent grid layout - no absolute positioning needed */ } /* Extra small screens */