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); Reparaturen Verkauf & Beratung Vor-Ort- Service Netzwerk- Lösungen Homepage & Hosting Service & Support .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-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 .u-sheet-1 {min-height: 739px} .u-section-1 .u-layout-wrap-1 {min-height: 707px; margin: 9px auto -37px 0} .u-section-1 .u-image-1 {background-image: url("https://pam-computerservices.de/images/nicepage-images/87919830-0.jpg"); background-position: 50% 50%; min-height: 211px} .u-section-1 .u-layout-cell-2 {background-image: none; min-height: 211px} .u-section-1 .u-container-layout-2 {padding-left: 30px; padding-right: 30px} .u-section-1 .u-text-1 {width: 214px; margin: 81px auto} .u-section-1 .u-image-2 {background-image: url("https://pam-computerservices.de/images/nicepage-images/9feb52cd-d81b-4657-9f50-a0c4007a42f9.jpg"); background-position: 50% 50%; min-height: 211px} .u-section-1 .u-layout-cell-4 {background-image: none; min-height: 211px} .u-section-1 .u-container-layout-4 {padding-left: 30px; padding-right: 30px} .u-section-1 .u-text-2 {width: 213px; margin: 20px auto} .u-section-1 .u-layout-cell-5 {background-image: none; min-height: 247px} .u-section-1 .u-container-layout-5 {padding-left: 30px; padding-right: 30px} .u-section-1 .u-text-3 {width: 214px; margin: 81px auto} .u-section-1 .u-image-3 {background-image: url("https://pam-computerservices.de/images/nicepage-images/2e21a606-c482-49f3-8527-355e7b3ce4771.jpg"); background-position: 50% 50%; min-height: 247px} .u-section-1 .u-layout-cell-7 {background-image: none; min-height: 247px} .u-section-1 .u-container-layout-7 {padding-left: 30px; padding-right: 30px} .u-section-1 .u-text-4 {width: 210px; margin: 25px auto} .u-section-1 .u-image-4 {background-image: url("https://pam-computerservices.de/images/nicepage-images/6fb80617-8ac2-4f61-ad0a-45cf080aad302.jpg"); background-position: 50% 50%; min-height: 247px} .u-section-1 .u-image-5 {background-image: url("https://pam-computerservices.de/images/nicepage-images/08d4ecc9-3ab0-460d-b11d-f79ac26a46ce.jpg"); min-height: 247px; background-position: 50% 50%} .u-section-1 .u-layout-cell-10 {background-image: none; min-height: 247px} .u-section-1 .u-text-5 {width: 214px; margin: 25px auto} .u-section-1 .u-image-6 {background-image: url("https://pam-computerservices.de/images/nicepage-images/e2893576-0aa9-47d6-9ece-d5a51bd4d98e.jpg"); min-height: 247px; background-position: 50% 50%} .u-section-1 .u-layout-cell-12 {background-image: none; min-height: 247px} .u-section-1 .u-container-layout-12 {padding-left: 10px; padding-right: 10px} .u-section-1 .u-text-6 {width: 213px; margin: 25px auto} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 532px} .u-section-1 .u-layout-wrap-1 {margin-top: 0; margin-bottom: 0; margin-right: initial; margin-left: initial} .u-section-1 .u-image-1 {min-height: 266px} .u-section-1 .u-layout-cell-2 {min-height: 266px} .u-section-1 .u-container-layout-2 {padding-left: 13px; padding-right: 13px} .u-section-1 .u-text-1 {width: 197px; margin: 25px 0} .u-section-1 .u-image-2 {min-height: 266px} .u-section-1 .u-layout-cell-4 {min-height: 266px} .u-section-1 .u-container-layout-4 {padding-left: 18px; padding-right: 18px} .u-section-1 .u-text-2 {width: 188px; margin: 25px 0} .u-section-1 .u-layout-cell-5 {min-height: 266px} .u-section-1 .u-container-layout-5 {padding-left: 17px; padding-right: 17px} .u-section-1 .u-text-3 {width: 189px; margin: 25px 0} .u-section-1 .u-image-3 {min-height: 266px} .u-section-1 .u-layout-cell-7 {min-height: 266px} .u-section-1 .u-container-layout-7 {padding-left: 18px; padding-right: 18px} .u-section-1 .u-text-4 {margin-left: 0; margin-right: 0; width: 188px} .u-section-1 .u-image-4 {min-height: 266px} .u-section-1 .u-container-layout-10 {padding-left: 9px; padding-right: 9px} .u-section-1 .u-text-5 {margin-left: 0; margin-right: 0; width: 205px} .u-section-1 .u-text-6 {margin-left: 0; margin-right: 0; width: 203px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 .u-image-1 {order: 2} .u-section-1 .u-layout-cell-2 {order: 0} .u-section-1 .u-container-layout-2 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-1 {width: 219px; margin-left: auto; margin-right: auto} .u-section-1 .u-image-2 {min-height: 284px; order: 1} .u-section-1 .u-layout-cell-4 {min-height: 284px; order: 3} .u-section-1 .u-container-layout-4 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-2 {width: 253px; margin-left: auto; margin-right: auto} .u-section-1 .u-layout-cell-5 {order: 0} .u-section-1 .u-container-layout-5 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-3 {width: 241px; margin-left: auto; margin-right: auto} .u-section-1 .u-image-3 {order: 1} .u-section-1 .u-layout-cell-7 {min-height: 320px; order: 3} .u-section-1 .u-container-layout-7 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-4 {width: 239px; margin: 30px auto} .u-section-1 .u-image-4 {min-height: 320px; order: 2} .u-section-1 .u-image-5 {min-height: 284px; order: 1} .u-section-1 .u-layout-cell-10 {min-height: 284px; order: 0} .u-section-1 .u-container-layout-10 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-5 {width: 267px; margin-left: auto; margin-right: auto} .u-section-1 .u-image-6 {min-height: 284px; order: 2} .u-section-1 .u-layout-cell-12 {min-height: 284px; order: 3} .u-section-1 .u-container-layout-12 {padding-left: 7px; padding-right: 7px} .u-section-1 .u-text-6 {width: 241px; margin-left: auto; margin-right: auto} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 999px} .u-section-1 .u-image-1 {min-height: 200px; order: 0} .u-section-1 .u-layout-cell-2 {min-height: 212px} .u-section-1 .u-text-1 {width: 292px; margin-top: 20px; margin-bottom: 20px} .u-section-1 .u-image-2 {min-height: 199px; order: 0} .u-section-1 .u-layout-cell-4 {min-height: 226px; order: 0} .u-section-1 .u-text-2 {width: 345px; margin-top: 20px; margin-bottom: 20px} .u-section-1 .u-layout-cell-5 {min-height: 221px} .u-section-1 .u-container-layout-5 {padding-left: 32px; padding-right: 32px} .u-section-1 .u-text-3 {width: 472px; margin: 20px 0} .u-section-1 .u-image-3 {min-height: 282px; order: 0} .u-section-1 .u-layout-cell-7 {min-height: 243px; order: 0} .u-section-1 .u-text-4 {width: 345px; margin-top: 25px; margin-bottom: 25px} .u-section-1 .u-image-4 {min-height: 200px; order: 0} .u-section-1 .u-image-5 {min-height: 324px; order: 0} .u-section-1 .u-text-5 {width: 330px} .u-section-1 .u-image-6 {min-height: 247px; order: 0} .u-section-1 .u-layout-cell-12 {order: 0} .u-section-1 .u-container-layout-12 {padding-left: 5px; padding-right: 5px} .u-section-1 .u-text-6 {width: 301px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 899px} .u-section-1 .u-image-1 {min-height: 180px} .u-section-1 .u-layout-cell-2 {min-height: 248px} .u-section-1 .u-text-1 {width: 208px; margin-top: 25px; margin-bottom: 25px} .u-section-1 .u-image-2 {min-height: 180px} .u-section-1 .u-layout-cell-4 {min-height: 284px} .u-section-1 .u-text-2 {width: 226px; margin-top: 25px; margin-bottom: 25px} .u-section-1 .u-layout-cell-5 {min-height: 233px} .u-section-1 .u-container-layout-5 {padding-left: 0; padding-right: 0} .u-section-1 .u-text-3 {width: 239px; margin-left: auto; margin-right: auto} .u-section-1 .u-image-3 {min-height: 180px} .u-section-1 .u-layout-cell-7 {min-height: 320px} .u-section-1 .u-text-4 {width: 268px; margin-top: 30px; margin-bottom: 30px} .u-section-1 .u-image-4 {min-height: 180px} .u-section-1 .u-image-5 {min-height: 247px} .u-section-1 .u-layout-cell-10 {min-height: 320px} .u-section-1 .u-text-5 {width: 268px; margin-top: 30px; margin-bottom: 30px} .u-section-1 .u-layout-cell-12 {min-height: 320px} .u-section-1 .u-container-layout-12 {padding-left: 3px; padding-right: 3px} .u-section-1 .u-text-6 {width: 252px; margin-top: 30px; margin-bottom: 30px} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer
