.elementor-663 .elementor-element.elementor-element-0e5c989{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6aeccdf *//* ============================================ GÖRRES FACILITY – Gemeinsames CSS Gilt für SHK- und Hausmeisterservice-Seiten ============================================ */ /* Google Fonts einbinden (alternativ im ) */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Sans+3:wght@400;600&display=swap' ); /* Grundvariablen */ :root { --goerres-anthrazit: #2D2D2D; --goerres-rot: #C8102E; --goerres-rot-hover: #A00D24; --goerres-warmgrau: #F5F3F0; --goerres-textgrau: #5A5A5A; --goerres-hellgrau: #E8E5E0; --goerres-weiss: #FFFFFF; --font-display: 'DM Sans', sans-serif; --font-body: 'Source Sans 3', sans-serif; } /* Basis-Reset für Sektionen */ .goerres-section { width: 100%; box-sizing: border-box; font-family: var(--font-body); color: var(--goerres-anthrazit); line-height: 1.6; } .goerres-section * { box-sizing: border-box; } /* Container */ .goerres-container { max-width: 1280px; margin: 0 auto; padding: 0 16px; } @media (min-width: 640px) { .goerres-container { padding: 0 24px; } } @media (min-width: 1024px) { .goerres-container { padding: 0 32px; } } /* Akzentlinie */ .goerres-accent-line { width: 48px; height: 3px; background: var(--goerres-rot); margin-bottom: 24px; } /* Headlines */ .goerres-h1 { font-family: var(--font-display); font-weight: 700; font-size: 2.5rem; line-height: 1.1; margin: 0 0 20px 0; } .goerres-h2 { font-family: var(--font-display); font-weight: 700; font-size: 2rem; line-height: 1.2; margin: 0 0 16px 0; } .goerres-h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.125rem; margin: 0 0 8px 0; } @media (min-width: 768px) { .goerres-h1 { font-size: 3rem; } .goerres-h2 { font-size: 2.25rem; } } @media (min-width: 1024px) { .goerres-h1 { font-size: 3.5rem; } } /* Beschreibungstext */ .goerres-text { font-family: var(--font-body); font-size: 1rem; color: var(--goerres-textgrau); line-height: 1.7; margin: 0 0 32px 0; } /* Buttons */ .goerres-btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--goerres-rot); color: #fff; font-family: var(--font-body); font-weight: 600; font-size: 1rem; padding: 14px 28px; border-radius: 4px; text-decoration: none; border: none; cursor: pointer; transition: background 0.2s; } .goerres-btn-primary:hover { background: var(--goerres-rot-hover); } .goerres-btn-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: transparent; color: #fff; font-family: var(--font-body); font-weight: 600; font-size: 1rem; padding: 14px 28px; border-radius: 4px; border: 1px solid rgba(255,255,255,0.2); text-decoration: none; cursor: pointer; transition: background 0.2s; } .goerres-btn-secondary:hover { background: rgba(255,255,255,0.15); } /* Karten */ .goerres-card { background: var(--goerres-weiss); padding: 28px; border-radius: 4px; border: 1px solid var(--goerres-hellgrau); transition: box-shadow 0.2s, border-color 0.2s; } .goerres-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .goerres-card-accent { background: var(--goerres-warmgrau); padding: 28px; border-radius: 4px; border-left: 3px solid var(--goerres-rot); transition: box-shadow 0.2s; } .goerres-card-accent:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .goerres-card-dark { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 28px; border-radius: 4px; transition: background 0.2s; } .goerres-card-dark:hover { background: rgba(255,255,255,0.1); } /* Icon-Kreis */ .goerres-icon-circle { width: 44px; height: 44px; border-radius: 4px; background: rgba(200,16,46,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } /* Grid-Layouts */ .goerres-grid-3 { display: grid; grid-template-columns: 1fr; gap: 24px; } .goerres-grid-2 { display: grid; grid-template-columns: 1fr; gap: 24px; } .goerres-grid-4 { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 640px) { .goerres-grid-2 { grid-template-columns: repeat(2, 1fr); } .goerres-grid-4 { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .goerres-grid-3 { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { .goerres-grid-4 { grid-template-columns: repeat(4, 1fr); } } /* Zwei-Spalten-Layout */ .goerres-split { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; } @media (min-width: 1024px) { .goerres-split { grid-template-columns: 1fr 1fr; gap: 64px; } } /* Orts-Tags */ .goerres-tag { display: inline-flex; align-items: center; gap: 6px; background: var(--goerres-warmgrau); color: var(--goerres-anthrazit); font-size: 0.875rem; font-weight: 500; padding: 8px 14px; border-radius: 4px; border: 1px solid var(--goerres-hellgrau); } /* FAQ Akkordeon */ .goerres-faq-item { border-bottom: 1px solid var(--goerres-hellgrau); } .goerres-faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; background: none; border: none; cursor: pointer; text-align: left; font-family: var(--font-display); font-weight: 500; font-size: 0.9375rem; color: var(--goerres-anthrazit); transition: color 0.2s; } .goerres-faq-question:hover { color: var(--goerres-rot); } .goerres-faq-answer { display: none; padding: 0 0 20px 0; font-size: 0.875rem; color: var(--goerres-textgrau); line-height: 1.7; } .goerres-faq-item.active .goerres-faq-answer { display: block; } .goerres-faq-item.active .goerres-faq-arrow { transform: rotate(180deg); } .goerres-faq-arrow { width: 20px; height: 20px; color: #999; flex-shrink: 0; transition: transform 0.3s; } /* Sektion-Spacing */ .goerres-spacing { padding: 60px 0; } @media (min-width: 768px) { .goerres-spacing { padding: 100px 0; } } /* SVG-Icons inline */ .goerres-icon { width: 20px; height: 20px; flex-shrink: 0; } .goerres-icon-lg { width: 32px; height: 32px; flex-shrink: 0; color: var(--goerres-rot); } /* Bilder */ .goerres-img { width: 100%; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); object-fit: cover; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d526810 *//* ============================================ GÖRRES FACILITY – Gemeinsames CSS Gilt für SHK- und Hausmeisterservice-Seiten ============================================ */ /* Google Fonts einbinden (alternativ im ) */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Sans+3:wght@400;600&display=swap' ); /* Grundvariablen */ :root { --goerres-anthrazit: #2D2D2D; --goerres-rot: #C8102E; --goerres-rot-hover: #A00D24; --goerres-warmgrau: #F5F3F0; --goerres-textgrau: #5A5A5A; --goerres-hellgrau: #E8E5E0; --goerres-weiss: #FFFFFF; --font-display: 'DM Sans', sans-serif; --font-body: 'Source Sans 3', sans-serif; } /* Basis-Reset für Sektionen */ .goerres-section { width: 100%; box-sizing: border-box; font-family: var(--font-body); color: var(--goerres-anthrazit); line-height: 1.6; } .goerres-section * { box-sizing: border-box; } /* Container */ .goerres-container { max-width: 1280px; margin: 0 auto; padding: 0 16px; } @media (min-width: 640px) { .goerres-container { padding: 0 24px; } } @media (min-width: 1024px) { .goerres-container { padding: 0 32px; } } /* Akzentlinie */ .goerres-accent-line { width: 48px; height: 3px; background: var(--goerres-rot); margin-bottom: 24px; } /* Headlines */ .goerres-h1 { font-family: var(--font-display); font-weight: 700; font-size: 2.5rem; line-height: 1.1; margin: 0 0 20px 0; } .goerres-h2 { font-family: var(--font-display); font-weight: 700; font-size: 2rem; line-height: 1.2; margin: 0 0 16px 0; } .goerres-h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.125rem; margin: 0 0 8px 0; } @media (min-width: 768px) { .goerres-h1 { font-size: 3rem; } .goerres-h2 { font-size: 2.25rem; } } @media (min-width: 1024px) { .goerres-h1 { font-size: 3.5rem; } } /* Beschreibungstext */ .goerres-text { font-family: var(--font-body); font-size: 1rem; color: var(--goerres-textgrau); line-height: 1.7; margin: 0 0 32px 0; } /* Buttons */ .goerres-btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--goerres-rot); color: #fff; font-family: var(--font-body); font-weight: 600; font-size: 1rem; padding: 14px 28px; border-radius: 4px; text-decoration: none; border: none; cursor: pointer; transition: background 0.2s; } .goerres-btn-primary:hover { background: var(--goerres-rot-hover); } .goerres-btn-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: transparent; color: #fff; font-family: var(--font-body); font-weight: 600; font-size: 1rem; padding: 14px 28px; border-radius: 4px; border: 1px solid rgba(255,255,255,0.2); text-decoration: none; cursor: pointer; transition: background 0.2s; } .goerres-btn-secondary:hover { background: rgba(255,255,255,0.15); } /* Karten */ .goerres-card { background: var(--goerres-weiss); padding: 28px; border-radius: 4px; border: 1px solid var(--goerres-hellgrau); transition: box-shadow 0.2s, border-color 0.2s; } .goerres-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .goerres-card-accent { background: var(--goerres-warmgrau); padding: 28px; border-radius: 4px; border-left: 3px solid var(--goerres-rot); transition: box-shadow 0.2s; } .goerres-card-accent:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .goerres-card-dark { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 28px; border-radius: 4px; transition: background 0.2s; } .goerres-card-dark:hover { background: rgba(255,255,255,0.1); } /* Icon-Kreis */ .goerres-icon-circle { width: 44px; height: 44px; border-radius: 4px; background: rgba(200,16,46,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } /* Grid-Layouts */ .goerres-grid-3 { display: grid; grid-template-columns: 1fr; gap: 24px; } .goerres-grid-2 { display: grid; grid-template-columns: 1fr; gap: 24px; } .goerres-grid-4 { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 640px) { .goerres-grid-2 { grid-template-columns: repeat(2, 1fr); } .goerres-grid-4 { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .goerres-grid-3 { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { .goerres-grid-4 { grid-template-columns: repeat(4, 1fr); } } /* Zwei-Spalten-Layout */ .goerres-split { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; } @media (min-width: 1024px) { .goerres-split { grid-template-columns: 1fr 1fr; gap: 64px; } } /* Orts-Tags */ .goerres-tag { display: inline-flex; align-items: center; gap: 6px; background: var(--goerres-warmgrau); color: var(--goerres-anthrazit); font-size: 0.875rem; font-weight: 500; padding: 8px 14px; border-radius: 4px; border: 1px solid var(--goerres-hellgrau); } /* FAQ Akkordeon */ .goerres-faq-item { border-bottom: 1px solid var(--goerres-hellgrau); } .goerres-faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; background: none; border: none; cursor: pointer; text-align: left; font-family: var(--font-display); font-weight: 500; font-size: 0.9375rem; color: var(--goerres-anthrazit); transition: color 0.2s; } .goerres-faq-question:hover { color: var(--goerres-rot); } .goerres-faq-answer { display: none; padding: 0 0 20px 0; font-size: 0.875rem; color: var(--goerres-textgrau); line-height: 1.7; } .goerres-faq-item.active .goerres-faq-answer { display: block; } .goerres-faq-item.active .goerres-faq-arrow { transform: rotate(180deg); } .goerres-faq-arrow { width: 20px; height: 20px; color: #999; flex-shrink: 0; transition: transform 0.3s; } /* Sektion-Spacing */ .goerres-spacing { padding: 60px 0; } @media (min-width: 768px) { .goerres-spacing { padding: 100px 0; } } /* SVG-Icons inline */ .goerres-icon { width: 20px; height: 20px; flex-shrink: 0; } .goerres-icon-lg { width: 32px; height: 32px; flex-shrink: 0; color: var(--goerres-rot); } /* Bilder */ .goerres-img { width: 100%; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); object-fit: cover; }/* End custom CSS */