@charset "UTF-8"; @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300.eot'); src: local('Lato Light'), local('Lato-Light'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300.woff2') format('woff2'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300.woff') format('woff'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300.ttf') format('truetype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300italic.eot'); src: local('Lato Light Italic'), local('Lato-LightItalic'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300italic.woff2') format('woff2'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300italic.woff') format('woff'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300italic.ttf') format('truetype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-regular.eot'); src: local('Lato Regular'), local('Lato-Regular'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-regular.woff2') format('woff2'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-regular.woff') format('woff'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-regular.ttf') format('truetype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-italic.eot'); src: local('Lato Italic'), local('Lato-Italic'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-italic.woff2') format('woff2'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-italic.woff') format('woff'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-italic.ttf') format('truetype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-italic.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700.eot'); src: local('Lato Bold'), local('Lato-Bold'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700.woff2') format('woff2'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700.woff') format('woff'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700.ttf') format('truetype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700italic.eot'); src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700italic.woff2') format('woff2'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700italic.woff') format('woff'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700italic.ttf') format('truetype'), url('https://www.christophwallrafen.de/crs/fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); } body, h6, #sidebar .widget-heading h3, #header-search input, .header-items h3.phone-number, .related-wrap h4, #comments-list>h4, .item-heading h1, .sf-button, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="email"], .spb_accordion_section h3, #header-login input, #mobile-navigation>div, .search-form input, input, button, select, textarea { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } strong, .sf-button, h6, .standard-post-date, .sf-count-asset h6.count-subject, .progress-bar-wrap .bar-text>span.progress-value, .portfolio-showcase-wrap ul li .item-info span.item-title, table.sf-table th, .team-member figcaption span, .read-more-button, .pagination-wrap li span.current, #respond .form-submit input#submit, .twitter-link a, .comment-meta .comment-author, .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge, .woocommerce a.button.alt, .woocommerce .coupon input.apply-coupon, .bag-product-title a, .woocommerce .shipping-calculator-form .update-totals-button button, table.totals_table tr.total, .woocommerce .button.update-cart-button, .woocommerce .button.checkout-button, #product-accordion .accordion-toggle, .woocommerce ul.products li.product-category h3 { font-family: "Lato", sans-serif; font-style: normal; letter-spacing: normal; font-weight: bold !important; } h1, h2, h3, h4, h5, .heading-font, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .spb_call_text, .impact-text, .sf-count-asset .count-number, #base-promo, .sf-countdown, .fancy-heading h1, .sf-icon-character { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } nav .menu li { font-family: "Lato", sans-serif; font-weight: 700; font-style: normal; } .mailster-wrapper { display: inline-flex; min-width: 210px; } .mailster-anrede-wrapper label { display: block; white-space: nowrap; } select#mailster-anrede-1 { top: -2px; position: relative; } .mailster-form .submit-button { font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; } .spb-row-container.spb-row-content-width.spb_parallax_asset.sf-parallax.parallax-content-height.parallax-fixed.spb_content_element.bg-type-cover.col-sm-12.col-natural { background-size: contain; } .spb_content_element.boxed { background-color: rgba(255, 255, 255, .8); border: 1px solid rgba(200, 178, 116, .3); padding: 30px 50px; } .spb_content_element.boxed.dark { background-color: rgba(255, 255, 255, .8); border: 1px solid rgba(0, 51, 73, .6); } .spb_content_element.dark h3 { color: #003349 !important; margin-top: 30px; } .masonry-item-wrap { border: 1px solid rgba(200, 178, 116, .05) !important; border-radius: 6px; } a.read-more-button { border-color: rgba(0, 51, 73, .4); border-radius: 40px; padding: 10px 20px; } a.read-more-button:hover { color: white; background-color: #2db7bc; border-color: #2db7bc; } h2, h2 a { text-shadow: ghostwhite 1px 1px 3px; } a.load-more-btn { border: 1px solid #2db7bc; border-radius: 30px; } .slotholder { border-top: 1px solid rgba(200, 178, 116, .3) !important; border-bottom: 1px solid rgba(200, 178, 116, .3) !important; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 400 !important; } h3.spb-heading.spb-text-heading { margin-top: 30px !important; margin-bottom: 15px; } .petrol h3 { color: #003349 !important; } blockquote { display: block; margin-left: 5%; border-left-color: #c8b274 !important; margin-top: 30px; margin-bottom: 30px; text-align: left !important; } .concat .spb_wrapper.clearfix { padding: 0px; } a.sf-button.sf-icon-reveal.gold { background-color: #c8b274 !important; color: white !important; } h4.spb-heading, h3.spb-heading, h4.lined-heading { overflow: visible !important; } .single-post h3.spb-heading.spb-text-heading { color: #2db7bc; } #copyright a { padding: 0 !important; } #copyright p { font-size: 12px; font-weight: bold; } .page-content a { font-weight: bold !important; } .testimonials em a { font-weight: 300 !important; } ul.testimonials { margin-top: 50px; margin-bottom: 50px; } ul.wpv-loop.js-wpv-loop.testimonials { list-style-type: none !important; max-width: 80%; margin-right: auto; margin-left: auto; } .testimonials>li { padding-top: 0px; margin-bottom: 0px; } .page-content .fw-row:nth-of-type(odd), .page-content .fw-row:nth-of-type(odd) .spb-row-container { background-color: #ffffff !important; } .page-content .fw-row:nth-of-type(even), .page-content .fw-row:nth-of-type(even) .spb-row-container { background-color: #fcfcfc !important; } .page-content .fw-row:first-of-type { margin-top: 0 !important; } .page-content .fw-row:last-of-type { margin-bottom: 0 !important; } .page-content .body-text ul.sf-list.x, .spb_text_column ul.sf-list.x, .box-content-wrap ul.sf-list.x { list-style: none !important; } .spb_text_column ul.sf-list.x li:before { font-family: "Font Awesome 5 Free"; font-feature-settings: liga; font-style: normal; font-weight: 900; margin-right: 4px; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; list-style: none; list-style-type: none; color: #2db7bc; } .spb_text_column ul.sf-list.x li { margin-left: 5px; } .spb_text_column ul.sf-list.x li:before, .box-content-wrap ul.sf-list.x li:before, .featured-item ul.sf-list.x li:before, .page-content .body-text ul.sf-list.x li:before { content: "\25BB  \0020"; color: #2db7bc !important; font-family: "SSGizmo"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga"1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .featured-item ul.sf-list.x li, .page-content .body-text ul.sf-list.x li { text-indent: -18px; margin-left: 18px; line-height: 175%; } .spb_text_column ul.sf-list.x li { margin-left: 30px !important; text-indent: -20px !important; } .spb_content_element.col-sm-12.spb_box_text.coloured ul.sf-list.x li:before, .page-content .body-text .spb_content_element.col-sm-12.spb_box_text.coloured ul.sf-list.x li:before { color: white !important; } ul.wpv-loop.js-wpv-loop.testimonials { list-style-type: none !important; } .spb_text_column ul.testimonials li:before, .box-content-wrap ul.testimonials li:before, .testimonials li:before, .page-content .body-text ul.testimonials li:before { display: none !important; } h2 i.fa-quote-right.sf-icon.sf-icon-float-none.sf-icon-small.sf-icon-standard, h2 i.fa-quote-left.sf-icon.sf-icon-float-none.sf-icon-small.sf-icon-standard { color: #c8b274; position: relative; font-size: smaller; } h2 i.fa-quote-right.sf-icon.sf-icon-float-none.sf-icon-small.sf-icon-standard { top: -3px; margin-right: 10px; } h2 i.fa-quote-left.sf-icon.sf-icon-float-none.sf-icon-small.sf-icon-standard { top: 3px; margin-left: 30px; } .full-width-text.col-sm-12, .spb_parallax_asset { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; box-shadow: none !important; } .full-width-text.spb_content_element.col-sm-12.spb_text_column.pl0.pr0 .container .container .container { padding-right: 0px !important; padding-left: 0px !important; margin-right: auto; margin-left: auto; } h3.spb-heading.spb-text-heading { margin-top: 15px !important; } input, select { margin: 2px 0 !important; } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 6px; margin-right: 10px !important; } form.mailster-form-2.mailster-form.mailster-form-submit.mailster-ajax-form { align-content: center !important; text-align: center; } form.mailster-form-2.mailster-form label { margin-right: 10px; } form.mailster-form-2.mailster-form .mailster-wrapper input, form.mailster-form-2.mailster-form .mailster-wrapper select { margin: 0 10px !important; } form.mailster-form-2.mailster-form .mailster-wrapper.mailster-email-wrapper { min-width: 40%; } form.mailster-form-1 .mailster-wrapper { display: block; max-width: 670px; } .blog-aux-options, .spb_blog_widget .filter-wrap { font-weight: 700 !important; } .spb_blog_widget .filter-wrap { background-color: rgba(136, 136, 136, 0.05) !important; } .slideout-filter ul li a { color: #555555 !important; } .slideout-filter ul li a { border-bottom: 1px solid rgba(136, 136, 136, 0.1) !important; } .blog-filter-wrap .aux-list li a:hover { border-bottom-color: transparent !important; color: #ffffff !important; font-weight: 700 !important; } #one-page-nav { background: rgba(200, 200, 200, 0.35) !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; border: 1px solid white !important; } .tooltip { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1.1 !important; } #one-page-nav li.selected a>i { background: #008b8b; } #one-page-nav li a:hover>i { border-color: #2db7bc; background: #2db7bc; } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible } .tooltip.in { opacity: 1; filter: alpha(opacity=100) } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #2db7bc; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0 } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #2db7bc; border-width: 5px 5px 0 } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #2db7bc; border-width: 5px 5px 0 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #2db7bc; border-width: 5px 5px 5px 0 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #2db7bc; border-width: 5px 0 5px 5px } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #2db7bc; border-width: 0 5px 5px } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #2db7bc; border-width: 0 5px 5px } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #2db7bc; border-width: 0 5px 5px } h4.spb-heading, h3.spb-heading, h4.lined-heading { text-overflow: ellipsis !important; display: block !important; } section.row.fw-row.content-width.asset-bg { margin: 0 -15px !important; } .spb-row-container.spb-row-.spb_parallax_asset.sf-parallax.parallax-content-height.spb_content_element.bg-type-.col-sm-12 { margin-top: 15px !important; margin-bottom: 15px !important; } @media only screen and (max-width: 1024px) { #one-page-nav { display: block !important; } } @media only screen and (max-width: 991px) { #logo a.mobile-menu-show { float: right; padding: 0 !important; position: absolute; right: 20px; top: 10px; font-size: 32px; } #logo { max-height: 80px !important; float: none !important; text-align: center !important; } #logo a { max-width: 200px !important; float: none !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .widget-heading, .textwidget { text-align: center; } ul.social-icons { margin-left: auto !important; margin-right: auto !important; position: relative; display: -webkit-inline-box; } .widget .wp-tag-cloud { text-align: center; } .widget .wp-tag-cloud li { float: none; display: -webkit-inline-box; } } @media (min-width: 992px) and (max-width: 1199px) { #main-navigation i { display: none !important; } } .wp-block-cover.has-background-dim { background-color: rgba(252, 252, 252.1) !important; } #page-wrap, .alignfull { overflow: inherit; width: 100%; } .page-template-default .page-content, .alignfull .wp-block-columns { max-width: 1170px; margin-left: auto; margin-right: auto; } .wp-block-cover.alignfull, .wp-block-group.alignfull { margin: 0 calc(-50vw + 50%); max-width: 100vw; width: 100vw !important; } .wp-block-cover.alignfull { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .wp-block-group.alignfull.heading-text { border-bottom: 1px solid #eee; margin-bottom: 30px; padding-top: 15px; } h1.entry-title { margin-bottom: 0; } .wp-block-cover p { margin-top: 30px !important; } p.has-text-align-center.has-medium-font-size.has-central-palette-1-color.has-text-color { color: #003349 !important; } .wp-block-group.aligncenter .wp-block-group__inner-container { display: table; margin-left: auto; margin-right: auto; } .home-slider-wrap { border-top: 1px solid; border-bottom: 1px solid; border-color: #f0f0f0; } ul.testimonials { margin-top: 60px; margin-bottom: 60px; border-top: 1px solid #eee; padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #eee; } blockquote { border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-top: 60px; padding-bottom: 60px; color: #c8b274; font-weight: 400; text-align: center !important; } .wp-block-pullquote p, blockquote, blockquote p { font-size: 1.3em; line-height: 1.6; font-weight: 400; font-style: italic; } .wp-block-button__link { background-color: #c8b274 !important; border: none; border-radius: 4px; box-shadow: none; padding: .667em 1.333em; color: #fff; cursor: pointer; display: inline-block; font-size: 1em; text-align: center; text-decoration: none; overflow-wrap: break-word; } .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover { background-color: #003349 !important; color: #fff; } ul { margin: 0 0 20px; padding: 0; list-style: inherit; list-style-position: inside; } li.googleplus { display: none !important; } .menu-left #main-navigation { padding-left: 0; } ul#menu-top-bar-menu-de li, ul#menu-top-bar-menu-de li.btn, ul#menu-top-bar-menu-de li a, ul#menu-top-bar-menu-de li.btn a { margin: 0; padding: 3px 10px; border: none; line-height: inherit; } .wp-block-columns.padded { padding-top: 0vh; } .wp-block-columns.padded h2 { position: relative; margin: 25px 70px; line-height: inherit; text-shadow: none; } .wp-block-columns.padded h2 span { background-color: RGBA(0, 51, 73, .9); margin: 0px; padding: 8px 24px; } .wp-block-columns.padded.right .wp-block-column { text-align: right !important; } .wp-block-columns.padded.left h2 span.line-one { position: absolute; bottom: -95px; animation-name: slide-from-left; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; animation-timing-function: ease; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .wp-block-columns.padded.left h2 span.line-two { position: absolute; top: 100px; animation-name: slide-from-left; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; animation-timing-function: ease; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } @-webkit-keyframes slide-from-left { from { left: -1000px; opacity: 0; } to { left: 0; opacity: 1; } } @keyframes slide-from-left { from { left: -1000px; opacity: 0; } to { left: 0; opacity: 1; } } .wp-block-columns.padded.right h2 span.line-one { position: absolute; bottom: -95px; animation-name: slide-from-right; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; animation-timing-function: ease; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; animation-fill-mode: forwards; opacity: 0; } .wp-block-columns.padded.right h2 span.line-two { position: absolute; top: 100px; animation-name: slide-from-right; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; animation-timing-function: ease; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; animation-fill-mode: forwards; opacity: 0; } @-webkit-keyframes slide-from-right { from { right: -100%; transform: translateX(-100%); opacity: 0; } to { right: 0%; transform: translateX(0%); opacity: 1; } } @keyframes slide-from-right { from { right: -100%; transform: translateX(-100%); opacity: 0; } to { right: 0%; transform: translateX(0%); opacity: 1; } } @media only screen and (min-width: 1200px) {} @media only screen and (min-width: 1250px) {} @media only screen and (min-width: 1500px) {} @media only screen and (min-width: 992px) {} @media only screen and (max-width: 1024px) { #one-page-nav { display: block !important; right: 10px !important; } .space-top { margin-top: 0px; } a.slider.smooth-scroll-link { font-size: 20px !important; line-height: 20px !important; } nav#mobile-menu li.btn.menu-item a { background-color: #c8b274 !important; color: white !important; } nav#mobile-menu li.btn.menu-item a:hover { background-color: #c8b274 !important; color: white !important; } } @media only screen and (max-width: 991px) { .header-6 #logo, .header-7 #logo { padding: 0; } .page-heading>.container, div#main-container>.container, section.article-body-wrap, .wp-block-group { padding: 0 30px; } .page-content section.wp-block-group { padding: 0; } .wp-block-columns.padded h2 { font-size: 18px; line-height: 18px; } .wp-block-columns.padded h2 { margin: 15px 35px; line-height: inherit; text-shadow: none; } .wp-block-columns.padded h2 span { margin: 0x; padding: 6px 18px; } } @media only screen and (max-width: 767px) { .fw-row>.container { padding-left: 0px !important; padding-right: 0px !important; } } @media only screen and (max-width: 479px) { .wp-block-columns.padded h2 { font-size: 16px; line-height: inherit; margin: 0 15px; padding: 3px 0px; } .wp-block-columns.padded h2 span { margin: 0; padding: 4px 12px; } }