var body = document.body; body.className += " u-body"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/administrator/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/administrator/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); Leistungen für Privatkunden Fehlersuche und Reparatur Installationen Eilservice Vor-Ort-Service PC- & Mac-Systeme Fernwartung Unser Firmenvideo gibt Ihnen einen detailierten Einblick in unsere Leistungen. Internet DSL-Installationen Festnetz- und IP-basierte Anschlüsse Router- & Telefonanlagen-Konfigurationen Anbieterunabhängige Einrichtung Vertragsabschlüsse für Telefon und Internet WLAN-Erweiterung mit Repeatern und DLAN Datensicherung Datenwiederherstellung von Festplatten Datenwiederherstellung von Speicherkarten Datensicherungs -Lösungen Netzwerkspeicher Hardware PC- & Mac-Systeme Notebooks Reparaturen Austausch und Aufrüsten Einbau von Komponenten Kaufberatung .u-body { font-family: 'Open Sans',sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Merriweather,serif; } .u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient { color: #111111; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #111111; background-color: #ffffff; } .u-custom-font.u-text-font { font-family: 'Open Sans',sans-serif !important; } .u-custom-font.u-heading-font { font-family: Merriweather,serif !important; }/*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before { color: #ffffff; background-color: #8c9ebd; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #8c9ebd !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover { color: white !important; background-color: #778cb1 !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-1[href]:active, a.u-btn.u-active-palette-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1[href].active, a.u-nav-link.u-active-palette-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #8c9ebd !important; } a.u-link.u-hover-palette-1:hover { color: #8c9ebd !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-palette-1-base, .u-body.u-palette-1-base, .u-container-style.u-palette-1-base:before { color: #ffffff; background-color: #6f809e; } .u-button-style.u-palette-1-base, .u-button-style.u-palette-1-base[class*="u-border-"] { color: #ffffff !important; background-color: #6f809e !important; } .u-button-style.u-palette-1-base:hover, .u-button-style.u-palette-1-base[class*="u-border-"]:hover { color: white !important; background-color: #617391 !important; } a.u-button-style.u-hover-palette-1-base:hover, a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-1-base[href]:active, a.u-btn.u-active-palette-1-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1-base[href].active, a.u-nav-link.u-active-palette-1-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #6f809e !important; } a.u-link.u-hover-palette-1-base:hover { color: #6f809e !important; } /*end-color palette-1-base*//*begin-color palette-2*/ .u-palette-2, .u-body.u-palette-2, .u-container-style.u-palette-2:before { color: #ffffff; background-color: #a7b7c7; } .u-button-style.u-palette-2, .u-button-style.u-palette-2[class*="u-border-"] { color: #ffffff !important; background-color: #a7b7c7 !important; } .u-button-style.u-palette-2:hover, .u-button-style.u-palette-2[class*="u-border-"]:hover { color: white !important; background-color: #91a5b9 !important; } a.u-button-style.u-hover-palette-2:hover, a.u-button-style.u-hover-palette-2[class*="u-border-"]:hover, a.u-btn.u-active-palette-2[href]:active, a.u-btn.u-active-palette-2[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-2[href].active, a.u-nav-link.u-active-palette-2[class*="u-border-"][href].active { color: #ffffff !important; background-color: #a7b7c7 !important; } a.u-link.u-hover-palette-2:hover { color: #a7b7c7 !important; } /*end-color palette-2*//*begin-color palette-2-base*/ .u-palette-2-base, .u-body.u-palette-2-base, .u-container-style.u-palette-2-base:before { color: #ffffff; background-color: #a7b7c7; } .u-button-style.u-palette-2-base, .u-button-style.u-palette-2-base[class*="u-border-"] { color: #ffffff !important; background-color: #a7b7c7 !important; } .u-button-style.u-palette-2-base:hover, .u-button-style.u-palette-2-base[class*="u-border-"]:hover { color: white !important; background-color: #91a5b9 !important; } a.u-button-style.u-hover-palette-2-base:hover, a.u-button-style.u-hover-palette-2-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-2-base[href]:active, a.u-btn.u-active-palette-2-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-2-base[href].active, a.u-nav-link.u-active-palette-2-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #a7b7c7 !important; } a.u-link.u-hover-palette-2-base:hover { color: #a7b7c7 !important; } /*end-color palette-2-base*//*begin-color grey*/ .u-grey, .u-body.u-grey, .u-container-style.u-grey:before { color: #ffffff; background-color: #b3b3b3; } .u-button-style.u-grey, .u-button-style.u-grey[class*="u-border-"] { color: #ffffff !important; background-color: #b3b3b3 !important; } .u-button-style.u-grey:hover, .u-button-style.u-grey[class*="u-border-"]:hover { color: white !important; background-color: #a1a1a1 !important; } a.u-button-style.u-hover-grey:hover, a.u-button-style.u-hover-grey[class*="u-border-"]:hover, a.u-btn.u-active-grey[href]:active, a.u-btn.u-active-grey[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey[href].active, a.u-nav-link.u-active-grey[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-link.u-hover-grey:hover { color: #b3b3b3 !important; } /*end-color grey*//*begin-color grey-5*/ .u-grey-5, .u-body.u-grey-5, .u-container-style.u-grey-5:before { color: #111111; background-color: #f2f2f2; } .u-button-style.u-grey-5, .u-button-style.u-grey-5[class*="u-border-"] { color: #111111 !important; background-color: #f2f2f2 !important; } .u-button-style.u-grey-5:hover, .u-button-style.u-grey-5[class*="u-border-"]:hover { color: black !important; background-color: #dadada !important; } a.u-button-style.u-hover-grey-5:hover, a.u-button-style.u-hover-grey-5[class*="u-border-"]:hover, a.u-btn.u-active-grey-5[href]:active, a.u-btn.u-active-grey-5[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-5[href].active, a.u-nav-link.u-active-grey-5[class*="u-border-"][href].active { color: #111111 !important; background-color: #f2f2f2 !important; } a.u-link.u-hover-grey-5:hover { color: #f2f2f2 !important; } /*end-color grey-5*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #8c9ebd; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #8c9ebd; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #778cb1; } .u-btn.u-border-palette-1 { color: #8c9ebd !important; } .u-button-style.u-border-palette-1 { border-color: #8c9ebd !important; background-color: transparent !important; } .u-btn.u-border-palette-1:hover { color: #ffffff !important; background-color: #8c9ebd !important; } a.u-btn.u-border-hover-palette-1:hover, a.u-btn.u-border-active-palette-1[href]:active { color: #8c9ebd !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-border-active-palette-1[href]:active, a.u-nav-link.u-border-active-palette-1[href].active { border-color: #8c9ebd !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-border-palette-1-base, .u-separator-palette-1-base:after { border-color: #6f809e; } .u-link.u-border-palette-1-base[class*="u-border-"] { border-color: #6f809e; } .u-link.u-border-palette-1-base[class*="u-border-"]:hover { border-color: #617391; } .u-btn.u-border-palette-1-base { color: #6f809e !important; } .u-button-style.u-border-palette-1-base { border-color: #6f809e !important; background-color: transparent !important; } .u-btn.u-border-palette-1-base:hover { color: #ffffff !important; background-color: #6f809e !important; } a.u-btn.u-border-hover-palette-1-base:hover, a.u-btn.u-border-active-palette-1-base[href]:active { color: #6f809e !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-base:hover, a.u-button-style.u-border-active-palette-1-base[href]:active, a.u-nav-link.u-border-active-palette-1-base[href].active { border-color: #6f809e !important; } /*end-color palette-1-base*//*begin-color palette-2*/ .u-border-palette-2, .u-separator-palette-2:after { border-color: #a7b7c7; } .u-link.u-border-palette-2[class*="u-border-"] { border-color: #a7b7c7; } .u-link.u-border-palette-2[class*="u-border-"]:hover { border-color: #91a5b9; } .u-btn.u-border-palette-2 { color: #a7b7c7 !important; } .u-button-style.u-border-palette-2 { border-color: #a7b7c7 !important; background-color: transparent !important; } .u-btn.u-border-palette-2:hover { color: #ffffff !important; background-color: #a7b7c7 !important; } a.u-btn.u-border-hover-palette-2:hover, a.u-btn.u-border-active-palette-2[href]:active { color: #a7b7c7 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-2:hover, a.u-button-style.u-border-active-palette-2[href]:active, a.u-nav-link.u-border-active-palette-2[href].active { border-color: #a7b7c7 !important; } /*end-color palette-2*//*begin-color palette-2-base*/ .u-border-palette-2-base, .u-separator-palette-2-base:after { border-color: #a7b7c7; } .u-link.u-border-palette-2-base[class*="u-border-"] { border-color: #a7b7c7; } .u-link.u-border-palette-2-base[class*="u-border-"]:hover { border-color: #91a5b9; } .u-btn.u-border-palette-2-base { color: #a7b7c7 !important; } .u-button-style.u-border-palette-2-base { border-color: #a7b7c7 !important; background-color: transparent !important; } .u-btn.u-border-palette-2-base:hover { color: #ffffff !important; background-color: #a7b7c7 !important; } a.u-btn.u-border-hover-palette-2-base:hover, a.u-btn.u-border-active-palette-2-base[href]:active { color: #a7b7c7 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-2-base:hover, a.u-button-style.u-border-active-palette-2-base[href]:active, a.u-nav-link.u-border-active-palette-2-base[href].active { border-color: #a7b7c7 !important; } /*end-color palette-2-base*//*begin-color grey*/ .u-border-grey, .u-separator-grey:after { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"] { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"]:hover { border-color: #a1a1a1; } .u-btn.u-border-grey { color: #b3b3b3 !important; } .u-button-style.u-border-grey { border-color: #b3b3b3 !important; background-color: transparent !important; } .u-btn.u-border-grey:hover { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-btn.u-border-hover-grey:hover, a.u-btn.u-border-active-grey[href]:active { color: #b3b3b3 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey:hover, a.u-button-style.u-border-active-grey[href]:active, a.u-nav-link.u-border-active-grey[href].active { border-color: #b3b3b3 !important; } /*end-color grey*//*begin-color grey-5*/ .u-border-grey-5, .u-separator-grey-5:after { border-color: #f2f2f2; } .u-link.u-border-grey-5[class*="u-border-"] { border-color: #f2f2f2; } .u-link.u-border-grey-5[class*="u-border-"]:hover { border-color: #dadada; } .u-btn.u-border-grey-5 { color: #f2f2f2 !important; } .u-button-style.u-border-grey-5 { border-color: #f2f2f2 !important; background-color: transparent !important; } .u-btn.u-border-grey-5:hover { color: #111111 !important; background-color: #f2f2f2 !important; } a.u-btn.u-border-hover-grey-5:hover, a.u-btn.u-border-active-grey-5[href]:active { color: #f2f2f2 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-5:hover, a.u-button-style.u-border-active-grey-5[href]:active, a.u-nav-link.u-border-active-grey-5[href].active { border-color: #f2f2f2 !important; } /*end-color grey-5*//*begin-color palette-1*/ .u-text-palette-1, .u-text-palette-1 a, a.u-button-style.u-text-palette-1, a.u-button-style.u-text-palette-1[class*="u-border-"] { color: #8c9ebd !important; } .u-link.u-text-palette-1:hover, a.u-nav-link.u-text-palette-1:hover { color: #778cb1 !important; } a.u-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1.active .u-nav-link { color: #8c9ebd !important; } .u-text-palette-1 svg { fill: #8c9ebd; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-text-palette-1-base, .u-text-palette-1-base a, a.u-button-style.u-text-palette-1-base, a.u-button-style.u-text-palette-1-base[class*="u-border-"] { color: #6f809e !important; } .u-link.u-text-palette-1-base:hover, a.u-nav-link.u-text-palette-1-base:hover { color: #617391 !important; } a.u-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1-base.active .u-nav-link { color: #6f809e !important; } .u-text-palette-1-base svg { fill: #6f809e; } /*end-color palette-1-base*//*begin-color palette-2*/ .u-text-palette-2, .u-text-palette-2 a, a.u-button-style.u-text-palette-2, a.u-button-style.u-text-palette-2[class*="u-border-"] { color: #a7b7c7 !important; } .u-link.u-text-palette-2:hover, a.u-nav-link.u-text-palette-2:hover { color: #91a5b9 !important; } a.u-link.u-text-hover-palette-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-2.active, .u-popupmenu-items.u-text-hover-palette-2:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-2.active .u-nav-link { color: #a7b7c7 !important; } .u-text-palette-2 svg { fill: #a7b7c7; } /*end-color palette-2*//*begin-color palette-2-base*/ .u-text-palette-2-base, .u-text-palette-2-base a, a.u-button-style.u-text-palette-2-base, a.u-button-style.u-text-palette-2-base[class*="u-border-"] { color: #a7b7c7 !important; } .u-link.u-text-palette-2-base:hover, a.u-nav-link.u-text-palette-2-base:hover { color: #91a5b9 !important; } a.u-link.u-text-hover-palette-2-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-2-base.active, .u-popupmenu-items.u-text-hover-palette-2-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-2-base.active .u-nav-link { color: #a7b7c7 !important; } .u-text-palette-2-base svg { fill: #a7b7c7; } /*end-color palette-2-base*//*begin-color grey*/ .u-text-grey, .u-text-grey a, a.u-button-style.u-text-grey, a.u-button-style.u-text-grey[class*="u-border-"] { color: #b3b3b3 !important; } .u-link.u-text-grey:hover, a.u-nav-link.u-text-grey:hover { color: #a1a1a1 !important; } a.u-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey.active, .u-popupmenu-items.u-text-hover-grey:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey.active .u-nav-link { color: #b3b3b3 !important; } .u-text-grey svg { fill: #b3b3b3; } /*end-color grey*//*begin-color grey-5*/ .u-text-grey-5, .u-text-grey-5 a, a.u-button-style.u-text-grey-5, a.u-button-style.u-text-grey-5[class*="u-border-"] { color: #f2f2f2 !important; } .u-link.u-text-grey-5:hover, a.u-nav-link.u-text-grey-5:hover { color: #dadada !important; } a.u-link.u-text-hover-grey-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-5.active, .u-popupmenu-items.u-text-hover-grey-5:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-5.active .u-nav-link { color: #f2f2f2 !important; } .u-text-grey-5 svg { fill: #f2f2f2; } /*end-color grey-5*//*begin-variables sitestylecss*/ h1.u-title { font-weight: 700; line-height: 1.1; font-size: 6rem; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 700; line-height: 1.2; font-size: 2.25rem; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 700; line-height: 1.1; font-size: 3.75rem; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 700; line-height: 1.2; font-size: 2.25rem; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 700; line-height: 1.2; font-size: 1.875rem; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 700; line-height: 1.2; font-size: 1.5rem; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 700; line-height: 1.2; font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 700; line-height: 1.2; font-size: 1.125rem; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-weight: 400; line-height: 1.6; font-size: 1rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { font-weight: 400; line-height: 1.6; font-size: 1rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-weight: 400; line-height: 1.6; font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } .u-link, a { letter-spacing: 1px; line-height: 1.8; margin-top: 20px; margin-bottom: 20px; text-decoration: none; border-bottom-width: 0px; border-style: none; } .u-btn { letter-spacing: 1px; font-size: 1rem; line-height: 1.4; margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; line-height: 1.6; font-size: 1.25rem; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { font-size: 0.75rem; line-height: 1.4; margin-top: 20px; margin-bottom: 20px; } ul:not(.u-unstyled) { margin-top: 20px; margin-bottom: 20px; } ol { margin-top: 20px; margin-bottom: 20px; } .u-post-content { margin-top: 20px; margin-bottom: 20px; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > .u-link, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > .u-link, .u-image:not(.u-shading) > .u-container-layout > a, .u-link, a { color: #8f7e6d; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link:hover, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > .u-link:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > .u-link:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, .u-link:hover, a:hover { color: #817162; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #6f809e; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:hover, .u-gradient > .u-container-layout > .u-btn:hover, .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover, .u-btn:hover { background-color: #617391; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #6f809e; } .u-body-color .u-link, .u-body-color a,.u-palette-1-base .u-link, .u-palette-1-base a,.u-palette-1-dark-3 .u-link, .u-palette-1-dark-3 a,.u-palette-1-dark-2 .u-link, .u-palette-1-dark-2 a,.u-palette-1-dark-1 .u-link, .u-palette-1-dark-1 a,.u-palette-1 .u-link, .u-palette-1 a,.u-palette-1-light-1 .u-link, .u-palette-1-light-1 a,.u-palette-2-base .u-link, .u-palette-2-base a,.u-palette-2-dark-3 .u-link, .u-palette-2-dark-3 a,.u-palette-2-dark-2 .u-link, .u-palette-2-dark-2 a,.u-palette-2-dark-1 .u-link, .u-palette-2-dark-1 a,.u-palette-2 .u-link, .u-palette-2 a,.u-palette-3-dark-3 .u-link, .u-palette-3-dark-3 a,.u-palette-3-dark-2 .u-link, .u-palette-3-dark-2 a,.u-palette-3-dark-1 .u-link, .u-palette-3-dark-1 a,.u-palette-3 .u-link, .u-palette-3 a,.u-palette-4-dark-3 .u-link, .u-palette-4-dark-3 a,.u-palette-4-dark-2 .u-link, .u-palette-4-dark-2 a,.u-palette-4-dark-1 .u-link, .u-palette-4-dark-1 a,.u-palette-4 .u-link, .u-palette-4 a,.u-palette-4-light-1 .u-link, .u-palette-4-light-1 a,.u-palette-5-dark-3 .u-link, .u-palette-5-dark-3 a,.u-palette-5-dark-2 .u-link, .u-palette-5-dark-2 a,.u-palette-5-dark-1 .u-link, .u-palette-5-dark-1 a,.u-palette-5 .u-link, .u-palette-5 a,.u-grey-40 .u-link, .u-grey-40 a,.u-grey-30 .u-link, .u-grey-30 a,.u-grey-90 .u-link, .u-grey-90 a,.u-grey-80 .u-link, .u-grey-80 a,.u-grey-75 .u-link, .u-grey-75 a,.u-black .u-link, .u-black a,.u-grey-70 .u-link, .u-grey-70 a,.u-grey-60 .u-link, .u-grey-60 a,.u-grey-50 .u-link, .u-grey-50 a,.u-grey-dark-3 .u-link, .u-grey-dark-3 a,.u-grey-dark-2 .u-link, .u-grey-dark-2 a,.u-grey-dark-1 .u-link, .u-grey-dark-1 a,.u-grey .u-link, .u-grey a,.u-shading .u-link, .u-shading a,.u-overlap-contrast .u-header .u-link, .u-overlap-contrast .u-header a { color: #e4e2e0; } .u-body-color .u-link:hover, .u-body-color a:hover,.u-palette-1-base .u-link:hover, .u-palette-1-base a:hover,.u-palette-1-dark-3 .u-link:hover, .u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 .u-link:hover, .u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 .u-link:hover, .u-palette-1-dark-1 a:hover,.u-palette-1 .u-link:hover, .u-palette-1 a:hover,.u-palette-1-light-1 .u-link:hover, .u-palette-1-light-1 a:hover,.u-palette-2-base .u-link:hover, .u-palette-2-base a:hover,.u-palette-2-dark-3 .u-link:hover, .u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 .u-link:hover, .u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 .u-link:hover, .u-palette-2-dark-1 a:hover,.u-palette-2 .u-link:hover, .u-palette-2 a:hover,.u-palette-3-dark-3 .u-link:hover, .u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 .u-link:hover, .u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 .u-link:hover, .u-palette-3-dark-1 a:hover,.u-palette-3 .u-link:hover, .u-palette-3 a:hover,.u-palette-4-dark-3 .u-link:hover, .u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 .u-link:hover, .u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 .u-link:hover, .u-palette-4-dark-1 a:hover,.u-palette-4 .u-link:hover, .u-palette-4 a:hover,.u-palette-4-light-1 .u-link:hover, .u-palette-4-light-1 a:hover,.u-palette-5-dark-3 .u-link:hover, .u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 .u-link:hover, .u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 .u-link:hover, .u-palette-5-dark-1 a:hover,.u-palette-5 .u-link:hover, .u-palette-5 a:hover,.u-grey-40 .u-link:hover, .u-grey-40 a:hover,.u-grey-30 .u-link:hover, .u-grey-30 a:hover,.u-grey-90 .u-link:hover, .u-grey-90 a:hover,.u-grey-80 .u-link:hover, .u-grey-80 a:hover,.u-grey-75 .u-link:hover, .u-grey-75 a:hover,.u-black .u-link:hover, .u-black a:hover,.u-grey-70 .u-link:hover, .u-grey-70 a:hover,.u-grey-60 .u-link:hover, .u-grey-60 a:hover,.u-grey-50 .u-link:hover, .u-grey-50 a:hover,.u-grey-dark-3 .u-link:hover, .u-grey-dark-3 a:hover,.u-grey-dark-2 .u-link:hover, .u-grey-dark-2 a:hover,.u-grey-dark-1 .u-link:hover, .u-grey-dark-1 a:hover,.u-grey .u-link:hover, .u-grey a:hover { color: #e6e6e6; } .u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-1-light-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-3 .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-4 .u-btn,.u-palette-4-light-1 .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-palette-5 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn { background-color: #cdd6e4; color: #000000; } .u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1-dark-3 .u-btn:hover,.u-palette-1-dark-2 .u-btn:hover,.u-palette-1-dark-1 .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-1-light-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2-dark-3 .u-btn:hover,.u-palette-2-dark-2 .u-btn:hover,.u-palette-2-dark-1 .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-3-dark-3 .u-btn:hover,.u-palette-3-dark-2 .u-btn:hover,.u-palette-3-dark-1 .u-btn:hover,.u-palette-3 .u-btn:hover,.u-palette-4-dark-3 .u-btn:hover,.u-palette-4-dark-2 .u-btn:hover,.u-palette-4-dark-1 .u-btn:hover,.u-palette-4 .u-btn:hover,.u-palette-4-light-1 .u-btn:hover,.u-palette-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .u-btn:hover,.u-palette-5 .u-btn:hover,.u-grey-40 .u-btn:hover,.u-grey-30 .u-btn:hover,.u-grey-90 .u-btn:hover,.u-grey-80 .u-btn:hover,.u-grey-75 .u-btn:hover,.u-black .u-btn:hover,.u-grey-70 .u-btn:hover,.u-grey-60 .u-btn:hover,.u-grey-50 .u-btn:hover,.u-grey-dark-3 .u-btn:hover,.u-grey-dark-2 .u-btn:hover,.u-grey-dark-1 .u-btn:hover,.u-grey .u-btn:hover,.u-shading .u-btn:hover,.u-overlap-contrast .u-header .u-btn:hover { background-color: #b1bfd5; color: #000000; } /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 16px; } /*end-variables base-font-size*/.u-section-1 {background-image: none} .u-section-1 .u-sheet-1 {min-height: 385px} .u-section-1 .u-layout-wrap-1 {margin: 0 auto 0 0} .u-section-1 .u-layout-cell-1 {min-height: 385px; background-image: none} .u-section-1 .u-text-1 {margin: 42px 175px 0 96px} .u-section-1 .u-line-1 {width: 45px; height: 5px; transform-origin: left center 0; transform: rotate(360deg); margin: 12px auto 0 96px} .u-section-1 .u-text-2 {font-weight: 700; margin: 18px 0 0 100px} .u-section-1 .u-text-3 {margin: 7px 4px 13px 96px} .u-section-1 .u-layout-cell-2 {min-height: 385px} .u-section-1 .u-video-1 {height: 380px; margin-top: 5px; margin-right: auto; margin-left: 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 500px} .u-section-1 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-1 .u-layout-cell-1 {min-height: 500px} .u-section-1 .u-text-1 {width: 263px; margin-left: auto; margin-right: auto; font-size: 2.25rem} .u-section-1 .u-line-1 {width: 37px} .u-section-1 .u-text-2 {position: relative; font-style: italic; font-weight: normal; margin-right: 17px; margin-left: 99px} .u-section-1 .u-text-3 {margin-right: 20px} .u-section-1 .u-layout-cell-2 {min-height: 500px; background-position: 50% 50%} .u-section-1 .u-video-1 {height: 307px; margin-top: 72px; margin-bottom: 60px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 480px} .u-section-1 .u-layout-cell-1 {min-height: 480px} .u-section-1 .u-container-layout-1 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-1 {font-size: 1.875rem; width: auto; margin-right: 47px; margin-left: 61px} .u-section-1 .u-line-1 {width: 28px; margin-left: 61px} .u-section-1 .u-text-2 {margin-right: 0; margin-left: 63px} .u-section-1 .u-text-3 {margin-right: 3px; margin-left: 61px} .u-section-1 .u-layout-cell-2 {min-height: 480px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 920px} .u-section-1 .u-layout-wrap-1 {margin-bottom: 90px; margin-right: initial; margin-left: initial} .u-section-1 .u-layout-cell-1 {min-height: 402px; order: 0} .u-section-1 .u-container-layout-1 {padding-left: 50px; padding-right: 50px} .u-section-1 .u-text-1 {position: relative; width: 312px; margin-right: 83px; margin-left: 45px} .u-section-1 .u-line-1 {width: 27px; margin-left: 45px} .u-section-1 .u-text-2 {margin-left: 47px} .u-section-1 .u-text-3 {margin-right: 2px; margin-bottom: 0; margin-left: 45px} .u-section-1 .u-layout-cell-2 {min-height: 402px; order: 1} .u-section-1 .u-video-1 {height: 379px; margin-top: 0; margin-bottom: 23px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 .u-layout-wrap-1 {margin-bottom: 88px; margin-right: initial; margin-left: initial} .u-section-1 .u-layout-cell-1 {min-height: 416px} .u-section-1 .u-container-layout-1 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-1 {width: auto; margin-top: 30px; margin-right: 31px; margin-left: 59px} .u-section-1 .u-line-1 {width: 22px; margin-top: 16px; margin-left: 59px} .u-section-1 .u-text-2 {width: auto; margin-top: 29px; margin-right: 30px; margin-left: 60px} .u-section-1 .u-text-3 {width: auto; margin: 16px 31px 23px 59px} .u-section-1 .u-layout-cell-2 {min-height: 416px} .u-section-1 .u-video-1 {margin-bottom: 37px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ .u-section-2 {background-image: none} .u-section-2 .u-sheet-1 {min-height: 328px} .u-section-2 .u-layout-wrap-1 {margin: 0 auto -1px 0} .u-section-2 .u-image-1 {min-height: 329px; background-image: url("https://www.pam-computerservices.de/images/nicepage-images/5e627777-9e82-458d-a28f-b3b23ce96cbf.jpg"); background-position: 50% 50%} .u-section-2 .u-layout-cell-2 {background-image: none; min-height: 329px} .u-section-2 .u-container-layout-2 {padding-left: 50px; padding-right: 50px} .u-section-2 .u-text-1 {margin: 17px 0 0} .u-section-2 .u-line-1 {width: 45px; height: 5px; transform-origin: left center 0; transform: rotate(360deg); margin: 17px auto 0 8px} .u-section-2 .u-text-2 {font-weight: 400; margin: 28px 0 40px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 500px} .u-section-2 .u-layout-wrap-1 {margin-bottom: 0; margin-right: initial; margin-left: initial} .u-section-2 .u-image-1 {min-height: 500px} .u-section-2 .u-layout-cell-2 {min-height: 500px} .u-section-2 .u-container-layout-2 {padding-left: 17px; padding-right: 17px} .u-section-2 .u-text-1 {position: relative; margin-top: 50px; font-size: 2.25rem} .u-section-2 .u-line-1 {width: 44px; margin-top: 40px; margin-left: auto} .u-section-2 .u-text-2 {position: relative; font-style: italic; margin-top: 40px; margin-bottom: 50px; font-weight: normal} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 480px} .u-section-2 .u-image-1 {min-height: 480px} .u-section-2 .u-layout-cell-2 {min-height: 480px} .u-section-2 .u-container-layout-2 {padding-left: 0; padding-right: 0} .u-section-2 .u-text-1 {font-size: 1.875rem; margin-top: 45px; margin-left: 22px; margin-right: 22px} .u-section-2 .u-line-1 {width: 40px; margin-top: 25px} .u-section-2 .u-text-2 {margin: 25px 22px 44px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 920px} .u-section-2 .u-layout-wrap-1 {margin-top: -139px; margin-bottom: 139px; margin-right: initial; margin-left: initial} .u-section-2 .u-image-1 {min-height: 460px; order: 1} .u-section-2 .u-layout-cell-2 {min-height: 314px; order: 0} .u-section-2 .u-container-layout-2 {padding-left: 50px; padding-right: 50px} .u-section-2 .u-text-1 {margin-left: 0; margin-right: 0} .u-section-2 .u-line-1 {width: 44px; margin-top: 22px; margin-left: 0} .u-section-2 .u-text-2 {margin: 28px 0} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 997px} .u-section-2 .u-layout-wrap-1 {margin-top: -124px; margin-bottom: 401px; margin-right: initial; margin-left: initial} .u-section-2 .u-image-1 {min-height: 340px; order: 0} .u-section-2 .u-layout-cell-2 {min-height: 380px; order: 1} .u-section-2 .u-container-layout-2 {padding-left: 30px; padding-right: 30px} .u-section-2 .u-text-1 {margin-top: 30px} .u-section-2 .u-line-1 {margin-top: 14px; margin-right: 229px; margin-left: 7px} .u-section-2 .u-text-2 {margin-top: 18px; margin-bottom: 2px} }/*/RESPONSIVE_MEDIA*/ .u-section-3 {background-image: none} .u-section-3 .u-sheet-1 {min-height: 329px} .u-section-3 .u-layout-wrap-1 {margin: 0 auto 0 0} .u-section-3 .u-layout-cell-1 {min-height: 329px; background-image: none} .u-section-3 .u-container-layout-1 {padding-left: 40px} .u-section-3 .u-text-1 {margin: 40px 40px 0 0} .u-section-3 .u-line-1 {width: 45px; height: 5px; transform-origin: left center 0; transform: rotate(360deg); margin: 17px auto 0 10px} .u-section-3 .u-text-2 {font-style: italic; font-weight: 400; margin: 28px 60px 35px 0} .u-section-3 .u-image-1 {background-image: url("https://www.pam-computerservices.de/images/nicepage-images/117554284-0.jpg"); min-height: 329px; background-position: 50% 50%} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 500px} .u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-3 .u-layout-cell-1 {min-height: 500px} .u-section-3 .u-container-layout-1 {padding-left: 17px; padding-right: 17px} .u-section-3 .u-text-1 {position: relative; margin-top: 99px; margin-right: 25px; font-size: 2.25rem} .u-section-3 .u-line-1 {width: 37px; margin-top: 40px; margin-left: 0} .u-section-3 .u-text-2 {position: relative; margin-top: 40px; margin-right: 0; margin-bottom: 50px; font-weight: normal} .u-section-3 .u-image-1 {min-height: 500px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-3 .u-sheet-1 {min-height: 480px} .u-section-3 .u-layout-cell-1 {min-height: 480px} .u-section-3 .u-container-layout-1 {padding-left: 44px; padding-right: 0} .u-section-3 .u-text-1 {font-size: 1.875rem; width: auto; margin-top: 98px; margin-right: -25px} .u-section-3 .u-line-1 {width: 28px; margin-top: 44px} .u-section-3 .u-text-2 {width: auto; margin-top: 18px} .u-section-3 .u-image-1 {min-height: 480px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-3 .u-sheet-1 {min-height: 1153px} .u-section-3 .u-layout-wrap-1 {margin-top: -285px; margin-bottom: 848px; margin-right: initial; margin-left: initial} .u-section-3 .u-layout-cell-1 {min-height: 280px} .u-section-3 .u-container-layout-1 {padding-left: 50px; padding-right: 0} .u-section-3 .u-text-1 {margin-top: 50px; margin-right: 64px} .u-section-3 .u-line-1 {width: 27px; margin-top: 23px} .u-section-3 .u-text-2 {margin-top: 36px; margin-right: 50px; margin-bottom: 0; width: 440px} .u-section-3 .u-image-1 {min-height: 310px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-3 .u-sheet-1 {min-height: 747px} .u-section-3 .u-layout-wrap-1 {margin-top: -415px; margin-bottom: 569px; margin-right: initial; margin-left: initial} .u-section-3 .u-layout-cell-1 {order: 1} .u-section-3 .u-container-layout-1 {padding-left: 30px} .u-section-3 .u-text-1 {margin-top: 25px; margin-right: 39px} .u-section-3 .u-line-1 {width: 22px; margin-top: 15px} .u-section-3 .u-text-2 {width: 280px; margin-top: 25px; margin-right: 30px} .u-section-3 .u-image-1 {min-height: 313px; order: 0} }/*/RESPONSIVE_MEDIA*/ .u-section-4 {background-image: none} .u-section-4 .u-sheet-1 {min-height: 353px} .u-section-4 .u-layout-wrap-1 {margin: 0 auto 1px 0} .u-section-4 .u-image-1 {min-height: 353px; background-image: url("https://www.pam-computerservices.de/images/nicepage-images/8a570674-93f3-4369-8107-4abb0b71dac9.jpg"); background-position: 50% 50%} .u-section-4 .u-layout-cell-2 {background-image: none; min-height: 353px} .u-section-4 .u-text-1 {margin: 50px 50px 0} .u-section-4 .u-line-1 {width: 45px; height: 5px; transform-origin: left center 0; transform: rotate(360deg); margin: 13px auto 0 56px} .u-section-4 .u-text-2 {font-weight: 400; margin: 34px 266px 35px 43px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-4 .u-sheet-1 {min-height: 500px} .u-section-4 .u-layout-wrap-1 {margin-bottom: 0; margin-right: initial; margin-left: initial} .u-section-4 .u-image-1 {min-height: 500px} .u-section-4 .u-layout-cell-2 {min-height: 500px} .u-section-4 .u-container-layout-2 {padding-left: 17px; padding-right: 17px} .u-section-4 .u-text-1 {position: relative; margin-left: 41px; margin-right: 41px; font-size: 2.25rem} .u-section-4 .u-line-1 {width: 37px; margin-left: 46px} .u-section-4 .u-text-2 {margin-right: 220px; margin-left: 35px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-4 .u-sheet-1 {min-height: 480px} .u-section-4 .u-image-1 {min-height: 480px} .u-section-4 .u-layout-cell-2 {min-height: 480px} .u-section-4 .u-container-layout-2 {padding-left: 0; padding-right: 0} .u-section-4 .u-text-1 {font-size: 1.875rem; margin-right: 32px; margin-left: 32px} .u-section-4 .u-line-1 {width: 28px; margin-left: 35px} .u-section-4 .u-text-2 {margin-right: 168px; margin-left: 27px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-4 .u-sheet-1 {min-height: 257px} .u-section-4 .u-layout-wrap-1 {margin-top: -847px; margin-right: initial; margin-left: initial} .u-section-4 .u-image-1 {min-height: 796px; order: 1} .u-section-4 .u-layout-cell-2 {min-height: 308px; order: 0} .u-section-4 .u-container-layout-2 {padding-left: 50px; padding-right: 50px} .u-section-4 .u-text-1 {margin-left: 24px; margin-right: 24px} .u-section-4 .u-line-1 {width: 27px; margin-left: 27px} .u-section-4 .u-text-2 {margin-right: 126px; margin-left: 20px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-4 .u-sheet-1 {min-height: 28px} .u-section-4 .u-layout-wrap-1 {margin-top: -570px; margin-right: initial; margin-left: initial} .u-section-4 .u-image-1 {min-height: 256px; order: 0} .u-section-4 .u-layout-cell-2 {min-height: 342px; order: 1} .u-section-4 .u-container-layout-2 {padding-left: 0; padding-right: 0} .u-section-4 .u-text-1 {margin-top: 19px; margin-left: 45px; margin-right: 45px} .u-section-4 .u-line-1 {width: 22px; margin-top: 19px; margin-left: 46px} .u-section-4 .u-text-2 {margin: 28px 109px 10px 43px} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer
