/* Theme Name: Divi Child-Theme Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child-Theme Author: Anke Author URI: https://krentz-mueller.de Template: Divi Version: 5.16.0 */ /* =Theme customization starts here ------------------------------------------------------- */ /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ /** * @license * MyFonts Webfont Build ID 3877708, 2020-03-09T07:21:07-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: MaratSans-Demibold by Ludwig Type * URL: https://www.myfonts.com/fonts/ludwiguebele/marat-sans/sans-demibold/ * * Webfont: MaratSans-Light by Ludwig Type * URL: https://www.myfonts.com/fonts/ludwiguebele/marat-sans/sans-light/ * * * Webfonts copyright: Copyright (c) 2012 by Ludwig Uebele. All rights reserved. * * © 2020 MyFonts Inc * * Schriften am 19.8.2020 direkt von Ludwig Uebele erhalten, da in den Webfonts von MyFonts die stilistische Alternative für das Et-Zeichen "&" nicht enthalten war! * */ /* Webfont: MaratSans-Demibold */ @font-face { font-family: 'MaratSansWeb-Demibold'; src: url('fonts/MaratSansWeb-Demibold.woff2') format('woff2'), url('fonts/MaratSansWeb-Demibold.woff') format('woff'); } /* Webfont: MaratSans-Light */ @font-face { font-family: 'MaratSansWeb-Light'; src: url('fonts/MaratSansWeb-Light.woff2') format('woff2'), url('fonts/MaratSansWeb-Light.woff') format('woff'); } /* Body */ body { font-family: 'MaratSansWeb-Light', Arial, sans-serif !important; font-size: 22px !important; line-height: 1.4em !important; color: #00263A !important; letter-spacing: 0.025em !important; } /* Headers */ h0 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 50px !important; color: #00263A !important; letter-spacing: 0.07em !important; line-height: 1.2em !important; text-transform: uppercase !important; padding-bottom: 250px !important; } h1 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 38px !important; color: #00263A !important; letter-spacing: 0.08em !important; line-height: 1.2em !important; text-transform: uppercase !important; margin-bottom: 10px !important; } h3 { font-family: MaratSansWeb-Light !important; font-weight: normal; font-size: 24px !important; color: #00263A !important; letter-spacing: 0.00em !important; text-transform: none !important; } h4 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 22px !important; color: #00263A !important; line-height: 1.4em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } h5 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 30px !important; color: #00263A !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } h6 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 22px !important; color: #00263A !important; line-height: 1.0em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-bottom: -5px !important; } /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ /* Logo */ .logo_container { text-align: center; } /* Burger Button vergrößern und Farbe anpassen */ .mobile_menu_bar.et_pb_header_toggle:before { font-size: 60px; color: #00263a !important; } /* Container (Burger Button nach allen Seiten) */ .mobile_menu_bar { margin-top: -15px !important; } /* Button Startseite Fullwidth Slider Hover Effekt */ #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_more_button.et_pb_button:hover { background: rgba(0,38,58,0.5); } /* Back to Top Button */ .et_pb_scroll_top.et-pb-icon { background: #00263a; border-top-left-radius: 3px; border-bottom-left-radius: 3px;; } .et_pb_scroll_top.et-pb-icon:hover { background: #c8102e; } /*List Styles*/ /* Aufzählung (Zeilenabstand) und Aufzählungszeichen */ li { line-height: 1.4em !important; } ol, ul { list-style: '\2192' !important; } /* Alternatives Et-Zeichen (Alternate Ampersand & ) nutzen */ .et_pb_text { -moz-font-feature-settings: 'ss01'; /* low-level (old Firefox) */ -webkit-font-feature-settings: 'ss01'; /* low-level (old Webkit) */ font-feature-settings: 'ss01' on; /* low-level (all new browsers) */ } /* Filterbares Portfolio Kategorie-Auswahl-Text */ .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { padding: 0px 10px 0px 0px !important; border: none !important; margin: 0 0 0 0 !important; background-color: #f4f4f4 !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover { color: #C8102E !important; } /* Filterbares Portfolio Projekttitel als Overlay beim Hover */ .csm-portfolio .et_pb_portfolio_item .et_pb_module_header { color: #ffffff !important; position: absolute !important; top: 8% !important; text-align: left; left: 8% !important; right: 1% !important; opacity: 0; z-index: 10; transition: all 0.3s ease; pointer-events: none; } .et_pb_portfolio_item:hover .et_pb_module_header { opacity: 1!important; } .et_pb_portfolio_item .et_overlay:before { display: none!important; } /* Übersichts-Icon Hover Transparenz */ .et_pb_image_container img, .et_pb_post a img:hover { opacity: 0.5 !important; } /* Custom-CSS Mobil-Logo einbinden */ @media only screen and (max-width: 981px) { #logo { content: url("https://www.krentz-mueller.de/wp-content/uploads/2020/04/Hochbau-KuM-Logo-Mobile.png"); } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 981px ) { h1 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 45px !important; color: #00263A !important; letter-spacing: 0.07em !important; line-height: 1.2em !important; text-transform: uppercase !important; } h2 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 32px !important; color: #00263A !important; letter-spacing: 0.08em !important; line-height: 1.1em !important; text-transform: uppercase !important; margin-bottom: 10px !important; } h3 { font-family: MaratSansWeb-Light !important; font-weight: normal; font-size: 21px !important; color: #00263A !important; letter-spacing: 0.00em !important; text-transform: none !important; } h4 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 21px !important; color: #00263A !important; line-height: 1.3em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } h5 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 28px !important; color: #00263A !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } h6 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 21px !important; color: #00263A !important; line-height: 1.0em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-bottom: -5px !important; } body { font-family: "MaratSansWeb-Light", Arial, sans-serif !important; font-size: 21px !important; line-height: 1.4em !important; } /* Logo */ .logo_container { text-align: left; } /* Logo Tablet verkleinern und Burger Button vergrößern */ .et_header_style_left #logo, .et_header_style_split #logo { max-width: 40%; } .mobile_menu_bar.et_pb_header_toggle:before { font-size: 50px; } /* Container (Abstand Logo und Menü nach allen Seiten) */ .container { margin-top: 20px !important; margin-bottom: 20px !important; } #logo{ margin-left: -55px !important; margin-top: -10px !important; } .mobile_menu_bar { margin-right: -55px !important; margin-top: -5px !important; } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { h1 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 32px !important; color: #00263A !important; letter-spacing: 0.07em !important; line-height: 1.1em !important; text-transform: uppercase !important; padding-top: 30px !important; } h2 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 25px !important; color: #00263A !important; letter-spacing: 0.08em !important; line-height: 1.1em !important; text-transform: uppercase !important; margin-bottom: 5px !important; } h3 { font-family: MaratSansWeb-Light !important; font-weight: normal; font-size: 21px !important; color: #00263A !important; letter-spacing: 0.00em !important; text-transform: none !important; } h4 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 18px !important; color: #00263A !important; line-height: 1.2em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } h5 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 24px !important; color: #00263A !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } h6 { font-family: MaratSansWeb-Demibold !important; font-weight: normal; font-size: 18px !important; color: #00263A !important; line-height: 1.0em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-bottom: -5px !important; } body { font-family: "MaratSansWeb-Light", Arial, sans-serif !important; font-size: 18px !important; line-height: 1.3em !important; } /* Logo */ .logo_container { text-align: left; } /* Footer Navi */ .bottom-nav, .bottom-nav a { font-size: 16px !important; line-height: 2.0em !important; text-align: left !important; margin-left: -3% !important; padding: 2em 5em 0em 0em !important; } /* Mobile Logo vergrößern */ .et_header_style_left #logo, .et_header_style_split #logo { max-width: 65%; } .mobile_menu_bar.et_pb_header_toggle:before { font-size: 40px; } /* Container (Abstand Logo und Menü nach allen Seiten) */ .container { margin-top: 10px !important; } #logo{ margin-left: -20px !important; margin-top: -10px !important; } .mobile_menu_bar { margin-right: -20px !important; margin-top: -5px !important; }