{"id":2,"date":"2026-09-03T12:04:05","date_gmt":"2026-09-03T12:04:05","guid":{"rendered":"https:\/\/sillex.ch\/wordpress\/?page_id=2"},"modified":"2026-09-17T05:44:25","modified_gmt":"2026-09-17T05:44:25","slug":"startseite-gi","status":"publish","type":"page","link":"https:\/\/sillex.ch\/","title":{"rendered":"Startseite Geb\u00e4udetechnik &#038; Interiordesign"},"content":{"rendered":"\n<style>\n  \/* Zwingt das gesamte Browser-Fenster ohne R\u00e4nder & Scrollen *\/\n  html, body {\n    margin: 0 !important;\n    padding: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    overflow: hidden !important;\n    background-color: #0d0d0d !important;\n  }\n\n  \/* Absoluter Vollbild-Wrapper direkt \u00fcber dem Viewport *\/\n  #sillex-hero-fullscreen {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    \n    background-color: #0d0d0d;\n    background-image: url('https:\/\/sillex.ch\/wp-content\/uploads\/2026\/09\/Webseite-Hintergrund-Start-1.jpg');\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    overflow: hidden;\n    box-sizing: border-box;\n    z-index: 999999 !important; \/* \u00dcberlagert alle Theme-Elemente *\/\n  }\n\n  \/* Logo oben zentriert *\/\n  #sillex-hero-fullscreen .brand-logo {\n    position: absolute;\n    top: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 10;\n    pointer-events: none;\n    text-align: center;\n    width: 100%;\n  }\n\n  #sillex-hero-fullscreen .brand-logo img {\n    max-width: 280px;\n    height: auto;\n    filter: brightness(0) invert(1) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.8));\n  }\n\n  \/* Interaktive Klick-Bereiche *\/\n  #sillex-hero-fullscreen .split {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 50%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n    cursor: pointer;\n    z-index: 1;\n    text-decoration: none !important;\n  }\n\n  \/* Links: Geb\u00e4udetechnik *\/\n  #sillex-hero-fullscreen .split.left {\n    left: 0;\n    background: rgba(10, 25, 40, 0.25);\n    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);\n  }\n\n  \/* Rechts: Interiordesign *\/\n  #sillex-hero-fullscreen .split.right {\n    right: 0;\n    background: rgba(20, 15, 10, 0.25);\n    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);\n  }\n\n  \/* Hover-Effekte (Skalierung) *\/\n  #sillex-hero-fullscreen.hover-left .split.left {\n    width: 65%;\n    background: rgba(10, 25, 40, 0.05);\n    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);\n    z-index: 2;\n  }\n\n  #sillex-hero-fullscreen.hover-left .split.right {\n    width: 45%;\n    opacity: 0.6;\n  }\n\n  #sillex-hero-fullscreen.hover-right .split.right {\n    width: 65%;\n    background: rgba(20, 15, 10, 0.05);\n    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);\n    z-index: 2;\n  }\n\n  #sillex-hero-fullscreen.hover-right .split.left {\n    width: 45%;\n    opacity: 0.6;\n  }\n\n  \/* Text-Styling *\/\n  #sillex-hero-fullscreen .content-box {\n    text-align: center;\n    color: #ffffff !important;\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9);\n    padding: 0 30px;\n  }\n\n  #sillex-hero-fullscreen .split.left .content-box { transform: translateX(-5%); }\n  #sillex-hero-fullscreen .split.right .content-box { transform: translateX(5%); }\n\n  #sillex-hero-fullscreen .subtitle {\n    font-size: 1rem;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    color: #00d2ff !important;\n    margin-bottom: 12px;\n    font-weight: 600;\n  }\n\n  #sillex-hero-fullscreen .split.right .subtitle { color: #e6c594 !important; }\n\n  #sillex-hero-fullscreen h1 {\n    font-size: clamp(2rem, 4.5vw, 4rem);\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin: 0;\n    color: #ffffff !important;\n    transition: transform 0.3s ease, text-shadow 0.3s ease;\n  }\n\n  #sillex-hero-fullscreen .split:hover h1 { transform: scale(1.05); }\n  #sillex-hero-fullscreen .split.left:hover h1 { text-shadow: 0 0 25px rgba(0, 210, 255, 0.9); }\n  #sillex-hero-fullscreen .split.right:hover h1 { text-shadow: 0 0 25px rgba(230, 197, 148, 0.9); }\n\n  \/* Mobilansicht *\/\n  @media (max-width: 768px) {\n    #sillex-hero-fullscreen .brand-logo { top: 20px; }\n    #sillex-hero-fullscreen .brand-logo img { max-width: 180px; }\n    #sillex-hero-fullscreen .split {\n      width: 100% !important;\n      height: 50vh;\n      clip-path: none !important;\n      position: relative;\n    }\n    #sillex-hero-fullscreen .split.left .content-box,\n    #sillex-hero-fullscreen .split.right .content-box { transform: none; }\n  }\n<\/style>\n\n<div id=\"sillex-hero-fullscreen\">\n  <div class=\"brand-logo\">\n    <img decoding=\"async\" src=\"https:\/\/sillex.ch\/wp-content\/uploads\/2026\/09\/Firmenlogo-Hintergrund-transparent-scaled.png\" alt=\"SILLEX Logo\">\n  <\/div>\n\n  <a href=\"https:\/\/sillex-gebaeudetechnik.ch\" class=\"split left\" id=\"left-split\">\n    <div class=\"content-box\">\n      <p class=\"subtitle\">sillex.ch<\/p>\n      <h1>Geb\u00e4udetechnik<\/h1>\n    <\/div>\n  <\/a>\n\n  <a href=\"https:\/\/sillex.ch\/interiordesign\" class=\"split right\" id=\"right-split\">\n    <div class=\"content-box\">\n      <p class=\"subtitle\">sillex.ch<\/p>\n      <h1>Interiordesign<\/h1>\n    <\/div>\n  <\/a>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const hero = document.getElementById('sillex-hero-fullscreen');\n    if (hero && hero.parentElement !== document.body) {\n      \/\/ L\u00f6st das Element aus dem verschachtelten Theme-Container und h\u00e4ngt es direkt an body\n      document.body.appendChild(hero);\n    }\n\n    const left = document.getElementById('left-split');\n    const right = document.getElementById('right-split');\n\n    if (hero && left && right) {\n      left.addEventListener('mouseenter', () => hero.classList.add('hover-left'));\n      left.addEventListener('mouseleave', () => hero.classList.remove('hover-left'));\n\n      right.addEventListener('mouseenter', () => hero.classList.add('hover-right'));\n      right.addEventListener('mouseleave', () => hero.classList.remove('hover-right'));\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>sillex.ch Geb\u00e4udetechnik sillex.ch Interiordesign<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sillex.ch\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sillex.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sillex.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sillex.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sillex.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":27,"href":"https:\/\/sillex.ch\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/sillex.ch\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/sillex.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}