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); Name Email Handynummer Message Absenden Deine Nachricht wurde versendet. Ups, da hat etwas nicht geklappt... .u-body { font-family: 'Open Sans',sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Roboto,sans-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: Roboto,sans-serif !important; }/*begin-color grey-dark-1*/ .u-grey-dark-1, .u-body.u-grey-dark-1, .u-container-style.u-grey-dark-1:before { color: #ffffff; background-color: #454545; } .u-button-style.u-grey-dark-1, .u-button-style.u-grey-dark-1[class*="u-border-"] { color: #ffffff !important; background-color: #454545 !important; } .u-button-style.u-grey-dark-1:hover, .u-button-style.u-grey-dark-1[class*="u-border-"]:hover { color: white !important; background-color: #3e3e3e !important; } a.u-button-style.u-hover-grey-dark-1:hover, a.u-button-style.u-hover-grey-dark-1[class*="u-border-"]:hover, a.u-btn.u-active-grey-dark-1[href]:active, a.u-btn.u-active-grey-dark-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-dark-1[href].active, a.u-nav-link.u-active-grey-dark-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #454545 !important; } a.u-link.u-hover-grey-dark-1:hover { color: #454545 !important; } /*end-color grey-dark-1*//*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 white*/ .u-white, .u-body.u-white, .u-container-style.u-white:before { color: #111111; background-color: #ffffff; } .u-button-style.u-white, .u-button-style.u-white[class*="u-border-"] { color: #111111 !important; background-color: #ffffff !important; } .u-button-style.u-white:hover, .u-button-style.u-white[class*="u-border-"]:hover { color: black !important; background-color: #e6e6e6 !important; } a.u-button-style.u-hover-white:hover, a.u-button-style.u-hover-white[class*="u-border-"]:hover, a.u-btn.u-active-white[href]:active, a.u-btn.u-active-white[class*="u-border-"][href]:active, a.u-nav-link.u-active-white[href].active, a.u-nav-link.u-active-white[class*="u-border-"][href].active { color: #111111 !important; background-color: #ffffff !important; } a.u-link.u-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color grey-30*/ .u-grey-30, .u-body.u-grey-30, .u-container-style.u-grey-30:before { color: #ffffff; background-color: #b3b3b3; } .u-button-style.u-grey-30, .u-button-style.u-grey-30[class*="u-border-"] { color: #ffffff !important; background-color: #b3b3b3 !important; } .u-button-style.u-grey-30:hover, .u-button-style.u-grey-30[class*="u-border-"]:hover { color: white !important; background-color: #a1a1a1 !important; } a.u-button-style.u-hover-grey-30:hover, a.u-button-style.u-hover-grey-30[class*="u-border-"]:hover, a.u-btn.u-active-grey-30[href]:active, a.u-btn.u-active-grey-30[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-30[href].active, a.u-nav-link.u-active-grey-30[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-link.u-hover-grey-30:hover { color: #b3b3b3 !important; } /*end-color grey-30*//*begin-color grey-dark-1*/ .u-border-grey-dark-1, .u-separator-grey-dark-1:after { border-color: #454545; } .u-link.u-border-grey-dark-1[class*="u-border-"] { border-color: #454545; } .u-link.u-border-grey-dark-1[class*="u-border-"]:hover { border-color: #3e3e3e; } .u-btn.u-border-grey-dark-1 { color: #454545 !important; } .u-button-style.u-border-grey-dark-1 { border-color: #454545 !important; background-color: transparent !important; } .u-btn.u-border-grey-dark-1:hover { color: #ffffff !important; background-color: #454545 !important; } a.u-btn.u-border-hover-grey-dark-1:hover, a.u-btn.u-border-active-grey-dark-1[href]:active { color: #454545 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-dark-1:hover, a.u-button-style.u-border-active-grey-dark-1[href]:active, a.u-nav-link.u-border-active-grey-dark-1[href].active { border-color: #454545 !important; } /*end-color grey-dark-1*//*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 white*/ .u-border-white, .u-separator-white:after { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"] { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"]:hover { border-color: #e6e6e6; } .u-btn.u-border-white { color: #ffffff !important; } .u-button-style.u-border-white { border-color: #ffffff !important; background-color: transparent !important; } .u-btn.u-border-white:hover { color: #111111 !important; background-color: #ffffff !important; } a.u-btn.u-border-hover-white:hover, a.u-btn.u-border-active-white[href]:active { color: #ffffff !important; background-color: transparent !important; } a.u-button-style.u-border-hover-white:hover, a.u-button-style.u-border-active-white[href]:active, a.u-nav-link.u-border-active-white[href].active { border-color: #ffffff !important; } /*end-color white*//*begin-color grey-30*/ .u-border-grey-30, .u-separator-grey-30:after { border-color: #b3b3b3; } .u-link.u-border-grey-30[class*="u-border-"] { border-color: #b3b3b3; } .u-link.u-border-grey-30[class*="u-border-"]:hover { border-color: #a1a1a1; } .u-btn.u-border-grey-30 { color: #b3b3b3 !important; } .u-button-style.u-border-grey-30 { border-color: #b3b3b3 !important; background-color: transparent !important; } .u-btn.u-border-grey-30:hover { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-btn.u-border-hover-grey-30:hover, a.u-btn.u-border-active-grey-30[href]:active { color: #b3b3b3 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-30:hover, a.u-button-style.u-border-active-grey-30[href]:active, a.u-nav-link.u-border-active-grey-30[href].active { border-color: #b3b3b3 !important; } /*end-color grey-30*//*begin-color grey-dark-1*/ .u-text-grey-dark-1, .u-text-grey-dark-1 a, a.u-button-style.u-text-grey-dark-1, a.u-button-style.u-text-grey-dark-1[class*="u-border-"] { color: #454545 !important; } .u-link.u-text-grey-dark-1:hover, a.u-nav-link.u-text-grey-dark-1:hover { color: #3e3e3e !important; } a.u-link.u-text-hover-grey-dark-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-dark-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-dark-1.active, .u-popupmenu-items.u-text-hover-grey-dark-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-dark-1.active .u-nav-link { color: #454545 !important; } .u-text-grey-dark-1 svg { fill: #454545; } /*end-color grey-dark-1*//*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 white*/ .u-text-white, .u-text-white a, a.u-button-style.u-text-white, a.u-button-style.u-text-white[class*="u-border-"] { color: #ffffff !important; } .u-link.u-text-white:hover, a.u-nav-link.u-text-white:hover { color: #e6e6e6 !important; } a.u-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-white.active, .u-popupmenu-items.u-text-hover-white:hover .u-nav-link, .u-popupmenu-items.u-text-hover-white.active .u-nav-link { color: #ffffff !important; } .u-text-white svg { fill: #ffffff; } /*end-color white*//*begin-color grey-30*/ .u-text-grey-30, .u-text-grey-30 a, a.u-button-style.u-text-grey-30, a.u-button-style.u-text-grey-30[class*="u-border-"] { color: #b3b3b3 !important; } .u-link.u-text-grey-30:hover, a.u-nav-link.u-text-grey-30:hover { color: #a1a1a1 !important; } a.u-link.u-text-hover-grey-30:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-30:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-30.active, .u-popupmenu-items.u-text-hover-grey-30:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-30.active .u-nav-link { color: #b3b3b3 !important; } .u-text-grey-30 svg { fill: #b3b3b3; } /*end-color grey-30*//*begin-variables sitestylecss*/ h1.u-title { font-weight: 400; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { margin-top: 20px; margin-bottom: 20px; font-size: 0rem; line-height: 1.6; } .u-link, a { margin-top: 20px; margin-bottom: 20px; } .u-btn { margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { 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 p:not(.u-text-variant), .u-gradient > .u-container-layout > p:not(.u-text-variant), .u-image:not(.u-shading) > .u-container-layout > p:not(.u-text-variant), p:not(.u-text-variant) { color: #000000; } .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: #c2eae7; } .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: #a2dfda; } .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: #c2eae7; color: #000000; } .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: #a2dfda; color: #000000; } .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: #c2eae7; } .u-body-color p:not(.u-text-variant),.u-palette-1-dark-3 p:not(.u-text-variant),.u-palette-1-dark-2 p:not(.u-text-variant),.u-palette-1-dark-1 p:not(.u-text-variant),.u-palette-1 p:not(.u-text-variant),.u-palette-2-base p:not(.u-text-variant),.u-palette-2-dark-3 p:not(.u-text-variant),.u-palette-2-dark-2 p:not(.u-text-variant),.u-palette-2-dark-1 p:not(.u-text-variant),.u-palette-3-dark-3 p:not(.u-text-variant),.u-palette-3-dark-2 p:not(.u-text-variant),.u-palette-3-dark-1 p:not(.u-text-variant),.u-palette-3 p:not(.u-text-variant),.u-palette-3-light-1 p:not(.u-text-variant),.u-palette-4-dark-3 p:not(.u-text-variant),.u-palette-4-dark-2 p:not(.u-text-variant),.u-palette-4-dark-1 p:not(.u-text-variant),.u-palette-4 p:not(.u-text-variant),.u-palette-5-dark-3 p:not(.u-text-variant),.u-palette-5-dark-2 p:not(.u-text-variant),.u-palette-5-dark-1 p:not(.u-text-variant),.u-palette-5 p:not(.u-text-variant),.u-palette-5-light-1 p:not(.u-text-variant),.u-grey-40 p:not(.u-text-variant),.u-grey-30 p:not(.u-text-variant),.u-grey-90 p:not(.u-text-variant),.u-grey-80 p:not(.u-text-variant),.u-grey-75 p:not(.u-text-variant),.u-black p:not(.u-text-variant),.u-grey-70 p:not(.u-text-variant),.u-grey-60 p:not(.u-text-variant),.u-grey-50 p:not(.u-text-variant),.u-grey-dark-3 p:not(.u-text-variant),.u-grey-dark-2 p:not(.u-text-variant),.u-grey-dark-1 p:not(.u-text-variant),.u-grey p:not(.u-text-variant),.u-shading p:not(.u-text-variant),.u-overlap-contrast .u-header p:not(.u-text-variant):not(.u-nav-link):not(.u-btn) { color: #ffffff; } /*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: 607px; margin: 0 auto} .u-section-1 .u-layout-wrap-1 {width: 961px; margin: 53px auto 53px 64px} .u-section-1 .u-image-1 {min-height: 521px; background-image: url("https://marlinwolf.at/images/nicepage-images/6c75b2431b073895e23e4a49e81f67a5.jpg"); background-position: 50% 50%} .u-section-1 .u-layout-cell-2 {background-image: none; min-height: 521px} .u-section-1 .u-form-1 {height: 374px; width: 431px; margin: 0 auto} .u-section-1 .u-form-group-3 {margin: 0 auto 15px} .u-section-1 .u-form-group-4 {margin-top: 0; margin-bottom: 15px} .u-section-1 .u-form-group-5 {text-align: center} .u-section-1 .u-btn-1 {border-style: solid; background-image: none} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 587px} .u-section-1 .u-layout-wrap-1 {width: 750px; margin-right: 0; margin-left: auto} .u-section-1 .u-image-1 {min-height: 511px} .u-section-1 .u-layout-cell-2 {min-height: 511px} .u-section-1 .u-container-layout-2 {padding-left: 16px} .u-section-1 .u-form-1 {width: 334px; margin-right: 16px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 .u-layout-wrap-1 {width: 642px} .u-section-1 .u-container-layout-2 {padding-left: 13px} .u-section-1 .u-form-1 {width: 256px; margin-right: 13px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 1098px} .u-section-1 .u-layout-wrap-1 {width: 539px} .u-section-1 .u-container-layout-2 {padding-left: 0} .u-section-1 .u-form-1 {width: 366px; margin-top: 113px; margin-right: auto} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 .u-layout-wrap-1 {width: 340px} .u-section-1 .u-container-layout-2 {padding-left: 0} .u-section-1 .u-form-1 {width: 321px; margin-top: 109px; margin-right: 6px; margin-left: 14px} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer
