/* Theme Name: Lichtgerichte (2024) Theme URI: https://wordpress.org/themes/twentytwentyfour/ Template: twentytwentyone Author: Bastian Felsmann Author URI: https://www.felsmalerei.net */ @media only screen and (min-width: 482px) {} @media only screen and (min-width: 652px) {} @media only screen and (min-width: 822px) {} @media only screen and (min-width: 1024px) {} @media only screen and (min-width: 1140px) {} @media only screen and (min-width: 1280px) {} /************************************************************** VARIABLES **************************************************************/ :root { /* Box Shadow */ --global--box-shadow: 0 0 40px 0 rgb(0 0 0 / 100%); /* Font Family */ --global--font-primary: var(--font-headings, 'Raleway', -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-secondary: var(--font-base, 'Muli', -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); /* Font Size */ --global--font-size-base: 1.25rem; /* 18px */ --global--font-size-xs: 1rem; /* 16px */ --global--font-size-sm: 1.25rem; /* 20px */ --global--font-size-md: 1.75rem; /* 28px */ --global--font-size-lg: 2rem; /* 32px */ --global--font-size-xl: 2.5rem; /* 40px */ --global--font-size-xxl: 3rem; /* 48px */ --global--font-size-xxxl: 3.5rem; /* 56px */ --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: 0.025rem; /* Line Height */ --global--line-height-body: 1.8; --global--line-height-heading: 1.8; --global--line-height-page-title: 1.50; /* Headings */ --heading--font-family: var(--global--font-primary); --heading--font-size-h1: var(--global--font-size-xxl); /* 48px */ --heading--font-size-h2: var(--global--font-size-xl); /* 40px */ --heading--font-size-h3: var(--global--font-size-lg); /* 32px */ --heading--font-size-h4: var(--global--font-size-md); /* 24px */ --heading--font-size-h5: var(--global--font-size-sm); /* 20px */ --heading--font-size-h6: var(--global--font-size-base); /* 16px */ --heading--letter-spacing-h1: var(--global--letter-spacing); --heading--letter-spacing-h2: var(--global--letter-spacing); --heading--letter-spacing-h3: var(--global--letter-spacing); --heading--letter-spacing-h4: var(--global--letter-spacing); --heading--letter-spacing-h5: var(--global--letter-spacing); --heading--letter-spacing-h6: var(--global--letter-spacing); --heading--line-height-h1: calc(0.75 * var(--global--line-height-heading)); --heading--line-height-h2: calc(0.75 * var(--global--line-height-heading)); --heading--line-height-h3: calc(0.75 * var(--global--line-height-heading)); --heading--line-height-h4: calc(0.75 * var(--global--line-height-heading)); --heading--line-height-h5: calc(0.75 * var(--global--line-height-heading)); --heading--line-height-h6: calc(0.75 * var(--global--line-height-heading)); --heading--font-style: normal; --heading--font-weight: 300; --heading--font-weight-page-title: 700; --heading--font-weight-strong: 300; /* Colors */ --global--color-dark-gray-900: #14181A; --global--color-dark-gray-700: #1E2527; --global--color-dark-gray-600: #293135; --global--color-dark-gray-500: #384449; --global--color-dark-gray-300: #626768; --global--color-dark-gray-200: #8E8C8C; --global--color-dark-gray-100: #C6C8C9; --global--color-medium-gray-700: #93A9A4; --global--color-medium-gray-500: #9FB2AD; --global--color-medium-gray-300: #B7C5C2; --global--color-medium-gray-100: #DBE3E1; --global--color-white-300: #D0D0D0; --global--color-white: #FFFFFF; --global--color-black: #000000; --global--color-primary: var(--global--color-white-300); /* Headlines */ --global--color-secondary: var(--global--color-white-300); /* Body Text */ /* Used for borders (separators) */ /* Spacing */ --global--spacing-unit: 4px; --global--spacing-measure: unset; --global--spacing-horizontal: 20px; --global--spacing-vertical: 20px; /* Radius */ --global--border-radius: 8px; /* Button */ --button--border-width: 2px; /* Header */ --branding--logo--max-width: 240px; --branding--logo--max-height: 72px; --branding--logo--max-width-mobile: 320px; --branding--logo--max-height-mobile: 96px; /* --branding--logo--max-width-mobile: 200px; --branding--logo--max-height-mobile: 72px; */ /* Main navigation */ --primary-nav--font-family: var(--global--font-primary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-size: var(--global--font-size-sm); --primary-nav--font-size-sub-menu: var(--global--font-size-xs); --primary-nav--font-size-mobile: var(--global--font-size-sm); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); --primary-nav--font-size-button: var(--global--font-size-sm); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: normal; --primary-nav--font-weight: 300; --primary-nav--font-weight-button: 300; --primary-nav--color-link: rgb(var(--global--color-white-300)); --primary-nav--color-link-hover: rgb(var(--global--color-white-300)); --primary-nav--color-text: rgb(var(--global--color-white-300)); --primary-nav--padding: calc(2 * var(--global--spacing-unit)); /* Footer */ --footer--color-text: var(--global--color-white-300); --footer--color-link: var(--global--color-medium-gray-700); --footer--color-link-hover: var(--global--color-white-300); --footer--font-family: var(--global--font-secondary); --footer--font-size: var(--global--font-size-base); /* Widgets */ --widget--line-height-list: 1.50; --widget--line-height-title: 1.50; --widget--font-weight-title: 300; --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ --global--admin-bar--height: 0px; } /************************************************************** Root Media Query Variables **************************************************************/ :root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal)); --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 840px); --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 840px); --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1440px); } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-scroll-behavior: smooth; scroll-behavior: smooth; } html, body, header, main, footer { max-width: 100%; overflow-x: hidden; } body { position: relative; font-size: var(--global--font-size-base); font-weight: 300; letter-spacing: var(--global--letter-spacing); /* color: var(--global--color-white-300); */ color: var(--global--color-dark-gray-100); text-align: left; } body.primary-navigation-open { position: fixed; } p, address { padding-bottom: calc(5 * var(--global--spacing-unit)); font-style: normal; } p:last-of-type, address:last-of-type { padding-bottom: 0; } b, strong { font-weight: 500; letter-spacing: 0.05rem; color: var(--global--color-white); } .lead b, .lead strong { font-weight: 300; letter-spacing: 0; color: inherit;} a:not(.wp-element-button) { } a:not(.wp-element-button):focus, .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: var(--global--color-black); color: var(--global--color-white); outline: 2px dotted currentColor !important; outline-offset: 1px !important; } .entry-content ul:not(.list-leuchtenhersteller):not(.list-lichtexperten):not(.list-referenzen):not(.list-netzwerk):not(.list-blog):not(.list-standorte):not(.list-check), .entry-content ol:not(.list-leuchtenhersteller):not(.list-lichtexperten):not(.list-referenzen):not(.list-netzwerk):not(.list-blog):not(.list-standorte):not(.list-check) { display: flex; flex-direction: column; gap: calc(0 * var(--global--spacing-unit)); margin-top: calc(10 * var(--global--spacing-unit)); margin-bottom: calc(10 * var(--global--spacing-unit)); padding-left: calc(0 * var(--global--spacing-unit)); padding-right: calc(0 * var(--global--spacing-unit)); list-style-type: none; border-top: 1px solid var(--global--color-dark-gray-200);; } .entry-content ul:not(.list-leuchtenhersteller):not(.list-lichtexperten):not(.list-referenzen):not(.list-netzwerk):not(.list-blog):not(.list-standorte):not(.list-check) > li, .entry-content ol:not(.list-leuchtenhersteller):not(.list-lichtexperten):not(.list-referenzen):not(.list-netzwerk):not(.list-blog):not(.list-standorte):not(.list-check) > li { padding-top: calc(5 * var(--global--spacing-unit)); padding-right: calc(10 * var(--global--spacing-unit)); padding-bottom: calc(5 * var(--global--spacing-unit)); padding-left: calc(10 * var(--global--spacing-unit)); border-bottom: 1px solid var(--global--color-dark-gray-200);; } .lead { position: relative; top: calc(-1 * var(--global--spacing-vertical)); font-size: var(--heading--font-size-h4); line-height: var(--global--line-height-page-title); color: var(--global--color-dark-gray-200); } @media only screen and (min-width: 482px) { .lead { font-size: var(--heading--font-size-h3); } } .lead a { color: var(--global--color-dark-gray-200); } /************************************************************** HEADLINES **************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-block-start: 0 !important; margin-block-end: 0 !important; margin-top: calc(10 * var(--global--spacing-unit)) !important; margin-bottom: calc(5 * var(--global--spacing-unit)) !important; color: var(--global--color-white-300); word-break: keep-all; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } h1, .h1 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h2, .h2 { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } h3, .h3 { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } h4, .h4 { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } h5, .h5 { font-size: var(--heading--font-size-h5); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } h6, .h6 { font-size: var(--heading--font-size-h6); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } @media only screen and (min-width: 482px) { h1, .h1 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } h2, .h2 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h4, .h4 { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } h5, .h5 { font-size: var(--heading--font-size-h5); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } h6, .h6 { font-size: var(--heading--font-size-h6); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } } @media only screen and (min-width: 822px) { h1, .h1 { font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); } h2, .h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h4, .h4 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h5, .h5 { font-size: var(--heading--font-size-h5); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } h6, .h6 { font-size: var(--heading--font-size-h6); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } } .wp-block-group { } .wp-block-group > h3, .wp-block-group > .h3 { position: relative; } .wp-block-group > h3:before, .wp-block-group > .h3:before { } @media only screen and (min-width: 822px) { .wp-block-group > h3:before, .wp-block-group > .h3:before { content: '//'; position: absolute; left: -48px; display: inline-block; width: 40px; color: var(--global--color-dark-gray-200); } } .wp-block-group > h4:before, .wp-block-group > .h4:before { content: ''; } .wp-block-buttons { margin-block-start: 0; margin-top: calc(7.5 * var(--global--spacing-unit)) !important; } /************************************************************** TOP LEVEL WRAPPERS **************************************************************/ .site-header, .site-main, .widget-area, .site-footer { position: relative; z-index: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; } @media only screen and (min-width: 822px) { .site-header, .site-main, .widget-area, .site-footer { margin-left: auto; margin-right: auto; } } .site-main > *:first-child { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } .site-main > article > .entry-content { position: relative; } /* Important for shortinfo positioning */ .site-main > *:last-child { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } /* * Block & non-gutenberg content wrappers * - Set margins */ .entry-header, .post-thumbnail, .entry-content, .entry-footer, .entry-related, .author-bio { margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .entry-content .wp-block-group.has-background, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block { display: block; padding: calc(10 * var(--global--spacing-unit)) !important; } @media only screen and (min-width: 482px) { .entry-content .wp-block-group.has-background, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block { margin-top: calc(10* var(--global--spacing-unit)) !important; padding: calc(10 * var(--global--spacing-unit)); } } @media only screen and (min-width: 822px) { .entry-content .wp-block-group.has-background, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block { margin-top: calc(10* var(--global--spacing-unit)) !important; padding: calc(10 * var(--global--spacing-unit)); } } .entry-content .wp-block-group.has-background > h2:first-of-type, .entry-content .wp-block-group.has-background > .h2:first-of-type, .entry-content .wp-block-group.has-background > h3:first-of-type, .entry-content .wp-block-group.has-background > .h3:first-of-type, .entry-content .wp-block-group.has-background > h4:first-of-type, .entry-content .wp-block-group.has-background > .h4:first-of-type, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block > h2:first-of-type, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block > .h2:first-of-type, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block > h3:first-of-type, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block > .h3:first-of-type, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block > h4:first-of-type, .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block > .h4:first-of-type { margin-top: 0 !important; } .entry-content > .wp-block-group.alignfull { padding-right: calc(5 * var(--global--spacing-unit)); padding-left: calc(5 * var(--global--spacing-unit)); } @media only screen and (min-width: 482px) { .entry-content > .wp-block-group.alignfull { padding-right: calc(10 * var(--global--spacing-unit)); padding-left: calc(10 * var(--global--spacing-unit)); max-width: 1440px; } } .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block { text-decoration: none; } .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block:hover { box-shadow: var(--global--box-shadow); } .entry-content /*a*/.wp-block-tiptip-hyperlink-group-block:focus { box-shadow: var(--global--box-shadow); outline: 2px dotted currentColor !important; outline-offset: 1px !important; } .site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*=inner-container] > *:first-child, .wp-block-template-part > *:first-child, .wp-block-post-template :where(li > *):first-child { margin-top: 0 !important; } @media only screen and (min-width: 482px) { .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: calc(10 * var(--global--spacing-unit)); margin-bottom: calc(10 * var(--global--spacing-unit)); } } /************************************************************** Micro Classes **************************************************************/ /* Add Opacity */ .opacity-25 { opacity: 25%; } .opacity-50 { opacity: 50%; } .opacity-75 { opacity: 75%; } /* Stretch container in columns to 100% */ .h-100 { height: 100%; } /* Add negative Margin Bottom for Y-translated Items (e.G. Video Container) */ .margin-bottom-negative-80 { margin-bottom: calc( -20 * (var(--global--spacing-unit)))!important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); } /* Show / Hide Mobile, Desktop, Backend */ .show-backend-only { display: none; } /* Hide element temporarily before element is either deleted or reactivated */ .screen-reader-text { } /* Base class, defined in twenty twenty-one theme */ .show-desktop-only { display: inline-block;} .show-mobile-only { display: none; } @media only screen and (max-width: 1023px) { .show-desktop-only { display: none;} .show-mobile-only { display: inline-block; } } /* RESPONSIVE Order */ @media only screen and (max-width: 821px) { .reverse-mobile-only.is-layout-flex { flex-direction: column-reverse; row-gap: 2rem; } } /*figure*/.is-style-flame { position: relative; } /*figure*/.is-style-flame img { -webkit-mask-image: url(/wp-content/themes/lichtgerichte/assets/images/lichtgerichte-flame.svg); mask-image: url(/wp-content/themes/lichtgerichte/assets/images/lichtgerichte-flame.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-size: contain; mask-position: center; } /*figure*/.is-style-flame:after { content: ''; position: absolute; left: 40px; top: 12px; z-index: -10; width: 100%; height: 100%; background-image: url(/wp-content/themes/lichtgerichte/assets/images/lichtgerichte-flame.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } /************************************************************** CONTENT BLOCKS **************************************************************/ /* * PUM PopupMaker */ .pum .wp-block-heading { margin-top: 0 !important; } /* * BLOCK Columns */ .wp-block-columns > .wp-block-column {} /* * BLOCK Buttons */ .wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline>.wp-block-button__link { padding: 15px 30px; } /* * BLOCK Columns */ :where(body .is-layout-flex) { gap: calc(20 * var(--global--spacing-unit)); } /* * BLOCK Media and Text */ .wp-block-media-text { grid-template-columns: 100% !important; gap: calc(10 * var(--global--spacing-unit)); } @media only screen and (min-width: 822px) { .wp-block-media-text { grid-template-columns: 40% auto !important; gap: calc(10 * var(--global--spacing-unit)); } } .wp-block-media-text .wp-block-media-text__content { padding-top:calc(10 * var(--global--spacing-unit)) ; padding-right: calc(10 * var(--global--spacing-unit)) ; padding-bottom: calc(10 * var(--global--spacing-unit)) ; padding-left: calc(10 * var(--global--spacing-unit)) ; } @media only screen and (min-width: 482px) { .wp-block-media-text .wp-block-media-text__content { padding-top:calc(10 * var(--global--spacing-unit)) !important; padding-right: calc(10 * var(--global--spacing-unit)); padding-bottom: calc(12.5 * var(--global--spacing-unit)) !important; padding-left: calc(10 * var(--global--spacing-unit)); } } .wp-block-media-text .wp-block-media-text__content .wp-block-heading { margin-top: 0 !important; } /* * BLOCK Seperator (Trenner) */ /*hr*/.wp-block-separator { } /*hr*/.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { position: relative; height: 80px; text-align: center; border-bottom: none; } /*hr*/.wp-block-separator:not(.is-style-wide):not(.is-style-dots):before { content: '//'; position: absolute; top: 12.5%; left: calc(50% - 20px); width: 40px; font-family: var(--global--font-primary); font-size: var(--heading--font-size-h2); color: var(--global--color-dark-gray-200); } /* * BLOCK RankMath Breadcrumb */ .rank-math-breadcrumb { margin: 0; padding-top: calc(5 * var(--global--spacing-unit)); padding-bottom: calc(10 * var(--global--spacing-unit)); padding-left: 0; font-size: var(--global--font-size-xs); line-height: 1.75; text-align: left; color: var(--global--color-dark-gray-200); } @media only screen and (min-width: 822px) { .rank-math-breadcrumb { padding-bottom: calc(15 * var(--global--spacing-unit)); } } .rank-math-breadcrumb > p > * { display: inline-block; height: 28px; } .rank-math-breadcrumb p { display: flex; max-width: var(--responsive--alignwide-width); margin: 0 auto; padding-top: 0; padding-bottom: 0; } .rank-math-breadcrumb a { padding-right: calc(2 * var(--global--spacing-unit)); padding-left: calc(2 * var(--global--spacing-unit)); font-weight: 300; color: var(--global--color-dark-gray-200); } @media only screen and (max-width: 481px) { .rank-math-breadcrumb a:nth-of-type(2) { padding-left: 0; } } .rank-math-breadcrumb .last { display: inline-block; max-width: 320px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: calc(0 * var(--global--spacing-unit)); padding-left: calc(2 * var(--global--spacing-unit)); } @media only screen and (max-width: 821px) { .rank-math-breadcrumb .last { max-width: 240px; } } .rank-math-breadcrumb > * > .separator { } @media only screen and (max-width: 481px) { .rank-math-breadcrumb > * > *:nth-last-child(2), .rank-math-breadcrumb > * > *:last-child { display: none; } } @media only screen and (max-width: 651px) { .rank-math-breadcrumb > * > *:nth-last-child(2), .rank-math-breadcrumb > * > *:last-child { display: none; } } /* * BLOCK Slider */ .block-slider {} .block-slider .blockslider-justify-center { gap: calc(20 * var(--global--spacing-unit)); } .block-slider .reverse-mobile-only.is-layout-flex { } .block-slider .wp-block-image {} @media only screen and (max-width: 821px) { .block-slider .wp-block-image { margin-top: calc(10 * var(--global--spacing-unit)) !important; margin-bottom: calc(5 * var(--global--spacing-unit)) !important; } } .block-slider .wp-block-image img {} @media only screen and (max-width: 821px) { .block-slider .wp-block-image img { max-height: 360px; } } .block-slider .wp-block-columns .wp-block-column > h2 { margin-top: 0 !important; } @media only screen and (max-width: 821px) { .block-slider .wp-block-columns .wp-block-column > h2 { text-align: center; } } .block-slider .wp-block-columns .wp-block-column > *:last-child { } @media only screen and (max-width: 821px) { .block-slider .wp-block-columns .wp-block-column > *:last-child { justify-content: center; } } .block-slider .blockslider-navigation-wrapper button {} .block-slider .blockslider-navigation-wrapper .blockslider-next-btn { margin-left: 0; } .block-slider .blockslider-pagination-wrapper .blockslider-pagination-main { margin: 12px 16px 22px 8px; } .block-slider .blockslider-navigation-wrapper button:focus { border-radius: 50%; outline: 2px dotted #fff !important; outline-offset: 1px !important; } /* * BLOCK Image */ .wp-block-image.aligncenter { margin: 0 auto; } /* * Block RankMath Inhaltsverzeichnis / Table of Contents */ .wp-block-rank-math-toc-block { margin-top: calc(20 * var(--global--spacing-unit))!important; margin-bottom: calc(20 * var(--global--spacing-unit))!important; padding-top: calc(10 * var(--global--spacing-unit)); padding-right: calc(10 * var(--global--spacing-unit)); padding-bottom: calc(10 * var(--global--spacing-unit)); padding-left: calc(10 * var(--global--spacing-unit)); background-color: var(--global--color-dark-gray-700); } .wp-block-rank-math-toc-block p, /* Korrekte Einstellung */ .wp-block-rank-math-toc-block h2, .wp-block-rank-math-toc-block h3 { margin-bottom: calc(5 * var(--global--spacing-unit)); font-size: var(--global--font-size-sm); font-weight: 500; letter-spacing: 0.1rem; text-transform: uppercase; color: var(--global--color-dark-gray-100)!important; } .wp-block-rank-math-toc-block ul, .wp-block-rank-math-toc-block ol { display: flex; row-gap: calc(2.5 * var(--global--spacing-unit)) !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: calc(2.5 * var(--global--spacing-unit)); border-top: none !important; } .wp-block-rank-math-toc-block ul > li, .wp-block-rank-math-toc-block ol > li { position: relative; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; border-bottom: none !important; } .wp-block-rank-math-toc-block nav ol li:before { display: none !important; } .wp-block-rank-math-toc-block nav ol > li > a:before { position: relative; content: counters(item,".") ". "; counter-increment: item; } .wp-block-rank-math-toc-block ul a, .wp-block-rank-math-toc-block ol a { display: inline-block; padding-top: calc(1 * var(--global--spacing-unit)); padding-right: calc(1 * var(--global--spacing-unit)); padding-bottom: calc(1 * var(--global--spacing-unit)); padding-left: calc(1 * var(--global--spacing-unit)); width: 100%; text-decoration: none; color: var(--global--color-white); transition: all .25s ease-in-out; } .wp-block-rank-math-toc-block ul a:focus, .wp-block-rank-math-toc-block ol a:focus, .wp-block-rank-math-toc-block ul a:hover, .wp-block-rank-math-toc-block ol a:hover { padding-left: calc(2.5 * var(--global--spacing-unit)); } /* * BLOCK RankMath FAQ * Source: https://gist.github.com/neverything/93546eabd9d7399ab80b2f12630cd695#file-rankmath-faq-accordion-js */ #rank-math-faq { margin-bottom: calc(20 * var(--global--spacing-unit)); max-width: 100%; } #rank-math-faq .rank-math-list-item { margin-bottom: calc(5 * var(--global--spacing-unit)); margin-top: calc(5 * var(--global--spacing-unit)); } /*h3*/.rank-math-question { display: flex; gap: var(--global--spacing-unit); margin-top: 0!important; margin-bottom: 0!important; padding: calc(5 * var(--global--spacing-unit)); background-color: var(--global--color-dark-gray-700); font-family: var(--global--font-secondary); font-size: var(--heading--font-size-h4); line-height: 155%; cursor: pointer; } /*h3*/.rank-math-question:before { content: ""; width: 36px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMxMzgxIDYuNTI4MTdDMy43MzIyNCA2LjEwOTc1IDQuNDEwNjIgNi4xMDk3NSA0LjgyOTA1IDYuNTI4MTdMMTAuNSAxMi4xOTkyTDE2LjE3MSA2LjUyODE3QzE2LjU4OTQgNi4xMDk3NSAxNy4yNjc4IDYuMTA5NzUgMTcuNjg2MiA2LjUyODE3QzE4LjEwNDYgNi45NDY1OSAxOC4xMDQ2IDcuNjI1IDE3LjY4NjIgOC4wNDMzOUwxMS4yNTc2IDE0LjQ3MkMxMC44MzkyIDE0Ljg5MDQgMTAuMTYwOCAxNC44OTA0IDkuNzQyNCAxNC40NzJMMy4zMTM4MSA4LjA0MzM5QzIuODk1NCA3LjYyNSAyLjg5NTQgNi45NDY1OSAzLjMxMzgxIDYuNTI4MTdaIiBmaWxsPSIjODc5Zjk5Ii8+Cjwvc3ZnPg=="); transform: rotate(-90deg); transition: all 150ms ease-in-out; } /*h3*/.rank-math-question.collapse:before { transform: rotate(0deg); } /*h3*/.rank-math-question:hover { } .rank-math-answer { padding-top: calc(0 * var(--global--spacing-unit)); padding-right: calc(15 * var(--global--spacing-unit)); padding-bottom: calc(5 * var(--global--spacing-unit)); padding-left: calc(15 * var(--global--spacing-unit)); background-color: var(--global--color-dark-gray-700); } /* * BLOCK Brand Item */ .brand-item { margin-top: calc(5 * var(--global--spacing-unit)) !important; margin-bottom: calc(5 * var(--global--spacing-unit)) !important; } .brand-item h3 { margin-top: calc(0 * var(--global--spacing-unit)) !important; font-size: var(--heading--font-size-h4); } /* * BLOCK Liste Leuchtenhersteller */ /*ul*/.list-leuchtenhersteller { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; row-gap: calc(10 * var(--global--spacing-unit)); column-gap: calc(5 * var(--global--spacing-unit)); padding-top: calc(10 * var(--global--spacing-unit)); padding-left: calc(0 * var(--global--spacing-unit)); padding-bottom: calc(30 * var(--global--spacing-unit)); list-style-type: none; } @media only screen and (min-width: 482px) { /*ul*/.list-leuchtenhersteller { column-gap: calc(10 * var(--global--spacing-unit)); } } @media only screen and (min-width: 1024px) { /*ul*/.list-leuchtenhersteller { column-gap: calc(10 * var(--global--spacing-unit)); } } /*ul*/.list-leuchtenhersteller > li { flex-basis: auto; flex-grow: 0; width: 100%; margin-block-start: inherit !important; } @media only screen and (min-width: 482px) { /*ul*/.list-leuchtenhersteller > li { width: 45%; } } @media only screen and (min-width: 822px) { /*ul*/.list-leuchtenhersteller > li { width: 30%; } } @media only screen and (min-width: 1024px) { /*ul*/.list-leuchtenhersteller > li { width: 30%; /* width: 22.5%; */ } } /*ul*/.list-leuchtenhersteller a { display: block; transition: all ease-out .25s; } /*ul*/.list-leuchtenhersteller a:hover { box-shadow: var(--global--box-shadow); } /*ul*/.list-leuchtenhersteller img { max-width: 100% !important; } @media only screen and (min-width: 482px) { /*ul*/.list-leuchtenhersteller img { max-width: 100% !important; } } /* * BLOCK Liste Leuchtenhersteller */ /*ul*/.list-check { list-style-type: none; padding-left: 24px; padding-bottom: 20px; } /*ul*/.list-check > li { padding-left: 16px; } /*ul*/.list-check > li::marker { content: "✓"; font-size: 1.2em; } /* * PAGE Leuchtenhersteller Single Post Image */ .category-leuchtenhersteller .wp-post-image { max-width: 100% !important; max-height: 280px; background-color: var(--global--color-black); object-fit: contain; } @media only screen and (min-width: 652px) { .category-leuchtenhersteller .wp-post-image { max-height: 360px; } } @media only screen and (min-width: 1024px) { .category-leuchtenhersteller .wp-post-image { max-height: 400px; } } /* * BLOCK Liste Lichtexperten */ /*ul*/.list-lichtexperten { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; row-gap: calc(10 * var(--global--spacing-unit)); column-gap: calc(5 * var(--global--spacing-unit)); padding-top: calc(10 * var(--global--spacing-unit)); padding-left: calc(0 * var(--global--spacing-unit)); padding-bottom: calc(30 * var(--global--spacing-unit)); list-style-type: none; } @media only screen and (min-width: 482px) { /*ul*/.list-lichtexperten { justify-content: space-between; } } @media only screen and (min-width: 1024px) { /*ul*/.list-lichtexperten { justify-content: space-around; } } /*ul*/.list-lichtexperten > li { flex-basis: auto; flex-grow: 0; display:flex; justify-content: stretch; width: 100%; } @media only screen and (min-width: 482px) { /*ul*/.list-lichtexperten > li { width: 45%; } } @media only screen and (min-width: 822px) { /*ul*/.list-lichtexperten > li { width: 45%; } } @media only screen and (min-width: 1024px) { /*ul*/.list-lichtexperten > li { width: 45%; /* width: 22.5%; */ } } /*ul*/.list-lichtexperten a, /*ul*/.list-lichtexperten div { display: block; width: 100%; background-color: var(--global--color-dark-gray-700); text-decoration: none; transition: all ease-out .25s; } /*ul*/.list-lichtexperten a:hover { box-shadow: var(--global--box-shadow); } /*ul*/.list-lichtexperten img { max-width: 100% !important; aspect-ratio: 1 / 1; object-fit: cover; height: unset !important; } @media only screen and (min-width: 482px) { /*ul*/.list-lichtexperten img { max-width: 100% !important; } } /*ul*/.list-lichtexperten h2 { padding-right: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /*ul*/.list-lichtexperten p { padding-right: calc(10* var(--global--spacing-unit)); padding-bottom: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /* * PAGE Lichtexperten Single Post Image */ .category-lichtexperten .wp-post-image { max-width: 100% !important; max-height: 400px; background-color: var(--global--color-black); object-fit: cover; } @media only screen and (min-width: 652px) { .category-lichtexperten .wp-post-image { max-height: 640px; } } @media only screen and (min-width: 1024px) { .category-lichtexperten .wp-post-image { max-height: 960px; } } /* * BLOCK Liste Netzwerk */ /*ul*/.list-netzwerk { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; row-gap: calc(10 * var(--global--spacing-unit)); padding-top: calc(10 * var(--global--spacing-unit)); padding-left: calc(0 * var(--global--spacing-unit)); padding-bottom: calc(15 * var(--global--spacing-unit)); list-style-type: none; } /*ul*/.list-netzwerk > li { max-width: 100%; } /*ul*/.list-netzwerk__top { display: flex; flex-direction: column !important; flex-wrap: nowrap; gap: calc(10 * var(--global--spacing-unit)) !important; } @media only screen and (min-width: 822px) { /*ul*/.list-netzwerk__top { display: flex; flex-direction: row !important; flex-wrap: nowrap; gap: calc(10 * var(--global--spacing-unit)) !important; } } /*ul*/.list-netzwerk__top > li, /*ul*/.list-netzwerk__bottom > li { flex-basis: auto; flex-grow: 0; display:flex; justify-content: stretch; padding: 0 !important; width: 100%; border-bottom: none !important; } /*ul*/.list-netzwerk a, /*ul*/.list-netzwerk div { display: flex; flex-direction: column; column-gap: 0; width: 100%; background-color: var(--global--color-dark-gray-700); text-decoration: none; transition: all ease-out .25s; } @media only screen and (min-width: 482px) { /*ul*/.list-netzwerk a, /*ul*/.list-netzwerk div { column-gap: 0; } } @media only screen and (min-width: 822px) { /*ul*/.list-netzwerk a, .list-netzwerk div { display: flex; flex-direction: row; column-gap: 0; } } @media only screen and (min-width: 1024px) { /*ul*/.list-netzwerk a, .list-netzwerk div { column-gap: calc(10 * var(--global--spacing-unit)); } } /*ul*/.list-netzwerk a.featured, /*ul*/.list-netzwerk div.featured { display: flex; flex-direction: column; } /*ul*/.list-netzwerk a:hover { box-shadow: var(--global--box-shadow); } /*ul*/.list-netzwerk img { max-width: 100% !important; aspect-ratio: 4 / 3; object-fit: cover; height: unset !important; } @media only screen and (min-width: 822px) { /*ul*/.list-netzwerk__bottom img { max-width: 33.33% !important; aspect-ratio: 1 / 1; object-fit: contain; } } /*ul*/.list-netzwerk li > a > div, /*ul*/.list-netzwerk li > div > div { display: flex; flex-direction: column; } /*ul*/.list-netzwerk h2 { padding-right: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /*ul*/.list-netzwerk p { padding-right: calc(10* var(--global--spacing-unit)); padding-bottom: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /* * BLOCK Liste Referenzen */ /*ul*/.list-referenzen { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; row-gap: calc(10 * var(--global--spacing-unit)); padding-top: calc(10 * var(--global--spacing-unit)); padding-left: calc(0 * var(--global--spacing-unit)); padding-bottom: calc(30 * var(--global--spacing-unit)); list-style-type: none; } @media only screen and (min-width: 482px) { /*ul*/.list-referenzen { } } @media only screen and (min-width: 1024px) { /*ul*/.list-referenzen { } } /*ul*/.list-referenzen > li { flex-basis: auto; flex-grow: 0; display:flex; justify-content: stretch; width: 100%; } /*ul*/.list-referenzen a, /*ul*/.list-referenzen div { display: flex; flex-direction: row; column-gap: calc(10 * var(--global--spacing-unit)); width: 100%; background-color: var(--global--color-dark-gray-700); text-decoration: none; transition: all ease-out .25s; } /*ul*/.list-referenzen > li:nth-of-type(even) > a, /*ul*/.list-referenzen > li:nth-of-type(even) > div { flex-direction: row-reverse; } /*ul*/.list-referenzen a:hover { box-shadow: var(--global--box-shadow); } /*ul*/.list-referenzen img { max-width: 100% !important; aspect-ratio: 16 / 9; object-fit: fill; height: unset !important; } @media only screen and (min-width: 482px) { /*ul*/.list-referenzen img { max-width: 50% !important; } } /*ul*/.list-referenzen li > a > div, /*ul*/.list-referenzen li > div > div { display: flex; flex-direction: column; } /*ul*/.list-referenzen h2 { padding-right: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /*ul*/.list-referenzen p { padding-right: calc(10* var(--global--spacing-unit)); padding-bottom: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /*a*/.referenzen-box.wp-block-tiptip-hyperlink-group-block { padding: 0 !important; } /*a*/.referenzen-box > h3, /*a*/.referenzen-box > p, /*a*/.referenzen-box > div { margin-top: 0 !important; margin-bottom: 0 !important; padding-right: calc(10* var(--global--spacing-unit)) !important; padding-bottom: calc(10* var(--global--spacing-unit)) !important; padding-left: calc(10* var(--global--spacing-unit)) !important; } /*a*/.referenzen-box > h3 { padding-top: calc(5* var(--global--spacing-unit)) !important; padding-bottom: calc(5* var(--global--spacing-unit)) !important; } /* * BLOCK Liste Standorte */ /*ul*/.list-standorte { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; row-gap: calc(10 * var(--global--spacing-unit)); column-gap: calc(5 * var(--global--spacing-unit)); padding-top: calc(10 * var(--global--spacing-unit)); padding-left: calc(0 * var(--global--spacing-unit)); padding-bottom: calc(30 * var(--global--spacing-unit)); list-style-type: none; } /*ul*/.list-standorte > li.inquiry { align-items: center; border-left: 2px solid var(--global--color-dark-gray-700); } @media only screen and (min-width: 482px) { /*ul*/.list-standorte { justify-content: space-between; } } @media only screen and (min-width: 1024px) { /*ul*/.list-standorte { justify-content: space-around; } } /*ul*/.list-standorte > li { flex-basis: auto; flex-grow: 0; display:flex; justify-content: stretch; width: 100%; } @media only screen and (min-width: 482px) { /*ul*/.list-standorte > li { width: 45%; } } @media only screen and (min-width: 822px) { /*ul*/.list-standorte > li { width: 30%; } } @media only screen and (min-width: 1024px) { /*ul*/.list-standorte > li { width: 30%; /* width: 22.5%; */ } } /*ul*/.list-standorte a, /*ul*/.list-standorte div { display: block; background-color: var(--global--color-dark-gray-700); text-decoration: none; transition: all ease-out .25s; } /*ul*/.list-standorte /*li*/.inquiry div { background-color: transparent; } /*ul*/.list-standorte a.wp-block-button__link { width: fit-content; } /*ul*/.list-standorte a:hover { box-shadow: var(--global--box-shadow); } /*ul*/.list-standorte img { max-width: 100% !important; aspect-ratio: 3 / 2; object-fit: cover; height: unset !important; } @media only screen and (min-width: 482px) { /*ul*/.list-standorte img { max-width: 100% !important; } } /*ul*/.list-standorte h2 { padding-right: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /*ul*/.list-standorte /*li*/.inquiry h2 { margin-top: 0 !important; padding-top: calc(10* var(--global--spacing-unit)); } /*ul*/.list-standorte p { padding-right: calc(10* var(--global--spacing-unit)); padding-bottom: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /* * BLOCK Liste Blog */ /*ul*/.list-blog { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; row-gap: calc(10 * var(--global--spacing-unit)); column-gap: calc(10 * var(--global--spacing-unit)); padding-top: calc(10 * var(--global--spacing-unit)); padding-left: calc(0 * var(--global--spacing-unit)); padding-bottom: calc(30 * var(--global--spacing-unit)); list-style-type: none; } @media only screen and (min-width: 482px) { /*ul*/.list-blog { justify-content: space-between; } } @media only screen and (min-width: 1024px) { /*ul*/.list-blog { justify-content: space-around; } } /*ul*/.list-blog > li { flex-basis: auto; flex-grow: 2; display:flex; justify-content: stretch; order: 10; width: 100%; } /*ul*/.list-blog > li:nth-of-type(1) { order: 100; } /*ul*/.list-blog > li.inquiry { align-items: center; border-left: 2px solid var(--global--color-dark-gray-700); } @media only screen and (min-width: 822px) { /*ul*/.list-blog > li { width: 45%; /* width: 22.5%; */ } /*ul*/.list-blog > li:nth-of-type(1) { order: 3; } /*ul*/.list-blog > li:nth-of-type(2) { order: 1; width: 100%; } /*ul*/.list-blog > li:nth-of-type(3) { order: 2; } } @media only screen and (min-width: 1280px) { /*ul*/.list-blog > li { width: 30%; } /*ul*/.list-blog > li:nth-of-type(1) { order: 2; } /*ul*/.list-blog > li:nth-of-type(2) { order: 1; width: 60%; } /*ul*/.list-blog > li:nth-of-type(3) { order: 3; } } /*ul*/.list-blog a, /*ul*/.list-blog div { display: block; width: 100%; background-color: var(--global--color-dark-gray-700); text-decoration: none; transition: all ease-out .25s; } /*ul*/.list-blog a.wp-block-button__link { width: fit-content; } /*ul*/.list-blog a:hover { box-shadow: var(--global--box-shadow); } /*ul*/.list-blog /*li*/.inquiry div { background-color: transparent; } /*ul*/.list-blog img { max-width: 100% !important; aspect-ratio: 2 / 1; object-fit: cover; height: unset !important; } @media only screen and (min-width: 482px) { /*ul*/.list-blog img { max-width: 100% !important; } } /*ul*/.list-blog .h4 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding-right: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } @media only screen and (min-width: 822px) { /*ul*/.list-blog .h4 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-right: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } } /*ul*/.list-blog /*li*/.inquiry .h2 { margin-top: 0 !important; padding-top: calc(10* var(--global--spacing-unit)); padding-right: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); } /*ul*/.list-blog p { padding-right: calc(10* var(--global--spacing-unit)); padding-bottom: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); color: var(--global--color-dark-gray-100); } /*ul*/.list-blog p time { } @media only screen and (min-width: 822px) { /*ul*/.list-blog p time {} } /*ul*/.list-blog p span { } @media only screen and (min-width: 822px) { /*ul*/.list-blog p span {} } /* * PAGE Blog Single Post */ .category-blog > .entry-header { max-width: var(--responsive--alignwide-width); } .category-blog > .entry-header > .entry-title { max-width: 100%; } .category-blog > .entry-header > .wp-post-image { margin-top: calc(20* var(--global--spacing-unit)); max-width: 100% !important; max-height: 400px; background-color: var(--global--color-black); object-fit: cover; } @media only screen and (min-width: 652px) { .category-blog > .entry-header > .wp-post-image { max-height: 540px; } } @media only screen and (min-width: 1024px) { .category-blog > .entry-header > .wp-post-image { max-height: 640px; } } .category-blog .author-bio { margin-bottom: calc(10* var(--global--spacing-unit)); } .category-blog .entry-footer { margin-bottom: calc(20* var(--global--spacing-unit)); font-size: var(--global--font-size-base); } /* * PAGE Standort Single Post */ .single-rank_math_locations { } .single-rank_math_locations /*h1*/.entry-title.h1 { } .single-rank_math_locations .wp-block-columns .wp-block-column .wp-block-heading:first-of-type { margin-top: 0 !important; } .single-rank_math_locations .rank-math-business-wrapper { padding: calc(5 * var(--global--spacing-unit)); } .single-rank_math_locations .rank-math-business-name { margin-top: 0 !important; } .single-rank_math_locations .rank-math-business-wrapper h5, .single-rank_math_locations .rank-math-business-wrapper strong { /* display: flex; */ line-height: 1.15; margin-top: calc(10 * var(--global--spacing-unit)) !important; margin-bottom: calc(5 * var(--global--spacing-unit)) !important; font-weight: 700; } .single-rank_math_locations .rank-math-business-wrapper h5 { display: flex;} .single-rank_math_locations .rank-math-business-wrapper h5:after /* .single-rank_math_locations .rank-math-business-wrapper strong:after */ { content:''; flex: 1 0 20px; margin-left: calc(1* var(--global--spacing-unit)); height: 19px; border-bottom: 2px solid var(--global--color-dark-gray-200); } .single-rank_math_locations .rank-math-business-wrapper a { text-decoration: none; } /* * BLOCK Contact Form 7 Kontaktformular */ .wpcf7 { margin-top: calc(10* var(--global--spacing-unit)); margin-bottom: calc(10* var(--global--spacing-unit)); padding-right: calc(10* var(--global--spacing-unit)); padding-bottom: calc(10* var(--global--spacing-unit)); padding-left: calc(10* var(--global--spacing-unit)); padding-top: calc(10* var(--global--spacing-unit)); background-color: var(--global--color-dark-gray-700);; } .wpcf7 h3 { display: flex; flex-direction: row; width: 100%; margin-bottom: calc(10* var(--global--spacing-unit)) !important; } .wpcf7 h3:first-of-type { margin-top: 0 !important; } .wpcf7 h3:after { content:''; flex: 1 0 20px; margin-left: calc(2* var(--global--spacing-unit)); height: 32px; border-bottom: 2px solid var(--global--color-dark-gray-200); } .wpcf7 p > *, .wpcf7 p > * > *, .wpcf7 p > * > * > * { width: 100%; } .wpcf7 p { display: flex; flex-direction: column; } .wpcf7 p > label > span { margin-top: calc(2* var(--global--spacing-unit)); } .wpcf7 label { font-weight: 300; } .wpcf7-form-control-wrap { } .wpcf7 .wpcf7-form-control.wpcf7-radio { display: flex; flex-direction: row; flex-wrap: wrap; gap: calc(2* var(--global--spacing-unit)); } .wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item { flex-basis: 45%; margin-left: 0; margin-right: calc(2* var(--global--spacing-unit)); } .wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {display: flex; align-items: center; gap: calc(2* var(--global--spacing-unit)); } .wpcf7-form-control.wpcf7-acceptance { display: block; margin-bottom: calc(2* var(--global--spacing-unit)); font-size: 16px; } .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item { margin-left: 0; } .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label { display: flex; gap: calc(2* var(--global--spacing-unit)); } .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label { display: inline-block; width: calc(100% - 40px); font-size: var(--global--font-size-xs); } .wpcf7-form-control.wpcf7-submit { width: fit-content; margin-top: calc(10* var(--global--spacing-unit)); } /************************************************************** HEADER header.php, template-parts/header/site-branding.php, template-parts/header/site-header.php, template-parts/header/site-nav.php **************************************************************/ .site-header { position: relative; z-index: 1; overflow: visible; display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: column; row-gap: var(--global--spacing-vertical); max-width: 100%; padding: 0; background-color: var(--global--color-dark-gray-900); } .site-header::after{ content: ''; position: absolute; top: calc(100% - 320px); left: -25%; z-index: -1; width: 150%; height: 320px; background: radial-gradient(#8F8D8C,transparent,transparent); background-position: 50% 160px; opacity: 0.20; transition: 0.5s, top 0s, left 0s; } .site-header > .site-header-inner { display: flex; flex-direction: column; gap: calc(7.5 * var(--global--spacing-unit)); max-width: var(--responsive--alignwide-width); width: 100%; padding-top: calc(5 * var(--global--spacing-unit)); padding-bottom: calc(5 * var(--global--spacing-unit)); } .site-branding { margin: 0; padding: 0; flex-basis: 360px; } .site-logo { margin: 0 auto !important; padding: 0; width: fit-content; } .site-logo /*a*/.site-title:link, .site-logo /*a*/.site-title:active, .site-logo /*a*/.site-title:visited, .site-logo /*a*/.site-title:focus { display: block; max-width: var(--branding--logo--max-width-mobile); max-height: var(--branding--logo--max-height-mobile); margin-top: 0; margin-bottom: 0; width: 280px; height: 84px; text-indent: -99999px; background: initial; background-repeat: no-repeat; background-size: contain !important; background-position: center !important; transition: all 0.25s ease-in-out; } @media only screen and (min-width: 822px) { .site-logo /*a*/.site-title:link, .site-logo /*a*/.site-title:active, .site-logo /*a*/.site-title:visited, .site-logo /*a*/.site-title:focus { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); width: 320px; height: 96px; } } .site-logo /*a*/.site-title:focus { position: relative; z-index: 99999; outline: 2px dotted currentColor !important; outline-offset: 1px !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjYyMHB4Ig0KCSBoZWlnaHQ9IjE3NXB4IiB2aWV3Qm94PSItMC41NSAzNDcuNDUxIDYyMCAxNzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTAuNTUgMzQ3LjQ1MSA2MjAgMTc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJMb2dvIj4NCgk8cGF0aCBpZD0iR2VyaWNodGUiIGZpbGw9IiM4RjhEOEQiIGQ9Ik0yNTguMDU5LDQ3MS45MWMtMy41OTYsMC02Ljg5MywwLjU5OS05Ljk4OSwxLjc5N2MtMi45OTcsMS4xOTktNS41OTQsMi43OTctNy43OTIsNC45OTUNCgkJYy0yLjE5NywyLjE5Ny0zLjg5Niw0Ljc5NC01LjA5NCw3Ljc5MWMtMS4xOTgsMy4wOTYtMS43OTgsNi40OTItMS43OTgsMTAuMTg4czAuNiw2Ljk5MiwxLjc5OCw5Ljk4OA0KCQljMS4xOTksMi45OTcsMi44OTcsNS41OTUsNS4wOTQsNy42OTFjMi4xOTgsMi4wOTgsNC43OTUsMy43OTYsNy43OTIsNC45OTVjMi45OTcsMS4xOTgsNi4yOTIsMS43OTgsOS45ODksMS43OTgNCgkJYzcuMDkxLDAsMTMuNTg0LTEuNDk5LDE5LjM3OC00LjU5NXYtMjMuOTc0aC0xNy44OHY3LjQ5Mmg5LjU4OXYxMS4wODdjLTEuNDk4LDAuNzk5LTMuMDk2LDEuNDk4LTQuOTk0LDEuODk4DQoJCWMtMS44OTgsMC4zOTktMy44OTYsMC41OTktNS45OTMsMC41OTljLTIuMzk3LDAtNC41OTUtMC4zOTgtNi41OTItMS4yOThzLTMuNjk2LTIuMDk4LTUuMDk0LTMuNTk2DQoJCWMtMS4zOTgtMS40OTgtMi40OTgtMy4zOTYtMy4yOTctNS40OTRjLTAuNzk5LTIuMDk4LTEuMTk4LTQuMzk2LTEuMTk4LTYuODkzYzAtMi4yOTgsMC4zOTktNC40OTUsMS4xOTgtNi41OTMNCgkJYzAuNzk5LTEuOTk4LDEuODk4LTMuNzk2LDMuMjk3LTUuMjk0YzEuMzk4LTEuNDk4LDMuMDk3LTIuNjk3LDUuMDk0LTMuNTk2YzEuOTk4LTAuODk5LDQuMTk1LTEuMjk4LDYuNTkyLTEuMjk4DQoJCXM0LjU5NSwwLjM5OCw2Ljc5MiwxLjE5N2MyLjA5OCwwLjgsMy45OTYsMS44OTgsNS40OTQsMy4zOTZsNi4xOTMtNi4xOTJjLTIuNDk3LTIuMTk4LTUuMjk0LTMuNjk2LTguMzkxLTQuNTk1DQoJCUMyNjQuOTUxLDQ3Mi4zMDgsMjYxLjY1NCw0NzEuOTEsMjU4LjA1OSw0NzEuOTEgTTMyOC44NzgsNDczLjEwN2gtMzEuMDY0djQ2Ljc0OGgzMi4yNjN2LTcuNDkxaC0yMy44NzN2LTEyLjY4N2gyMS40NzZ2LTcuNTkyDQoJCWgtMjEuNDc2di0xMS40ODZoMjIuNjc0VjQ3My4xMDd6IE0zNTguNDQ1LDQ5Mi44ODVWNDgwLjJoNy4xOTJjMS4wOTgsMCwyLjA5NywwLjEsMy4yOTYsMC4yYzEuMDk5LDAuMSwyLjA5OCwwLjM5OCwzLjA5NiwwLjc5OQ0KCQljMC44OTksMC4zOTgsMS42OTgsMC45OTksMi4xOTgsMS44OTdjMC41OTksMC44LDAuODk5LDEuODk3LDAuODk5LDMuMjk3YzAsMS40OTgtMC4zLDIuNjk2LTAuODk5LDMuNTk2DQoJCWMtMC41OTksMC44OTktMS4zOTksMS40OTgtMi4zOTcsMS44OTdjLTAuOTk5LDAuMzk5LTIuMDk3LDAuNjk5LTMuMjk2LDAuOGMtMS4xOTksMC4wOTktMi4zOTYsMC4xOTktMy41OTUsMC4xOTlIMzU4LjQ0NQ0KCQlMMzU4LjQ0NSw0OTIuODg1eiBNMzY2LjQzNiw0NzMuMTA3aC0xNi4yODF2NDYuODQ4aDguMjkxdi0xOS44NzdoNi4wOTNsMTAuODg4LDE5Ljg3N2gxMC4wODhsLTEyLjM4NS0yMC42NzcNCgkJYzMuNDk2LTAuNDk5LDYuMTkyLTEuODk3LDcuOTkxLTQuMTk0YzEuODk3LTIuMjk5LDIuNzk3LTUuMDk1LDIuNzk3LTguNDkxYzAtMi41OTctMC41LTQuNzk1LTEuNDk5LTYuNTkzDQoJCWMtMC45OTktMS42OTgtMi4yOTctMy4wOTYtMy44OTYtNC4wOTVjLTEuNTk4LTAuOTk5LTMuNDk2LTEuNjk4LTUuNTkzLTIuMDk5QzM3MC44MzEsNDczLjMwNywzNjguNjM0LDQ3My4xMDcsMzY2LjQzNiw0NzMuMTA3DQoJCSBNNDAyLjE5NSw0NzMuMTA3aDguMjkxdjQ2Ljc0OGgtOC4yOTFWNDczLjEwN3ogTTQ1Mi4yMzgsNDcxLjkxYy0zLjU5NSwwLTYuODkzLDAuNTk5LTkuOTg4LDEuNzk3DQoJCWMtMi45OTcsMS4xOTktNS41OTQsMi43OTctNy43OTIsNC45OTVjLTIuMTk3LDIuMTk3LTMuODk1LDQuNzk0LTUuMDk0LDcuNzkxYy0xLjE5OCwzLjA5Ni0xLjg5OCw2LjQ5Mi0xLjg5OCwxMC4xODgNCgkJczAuNjAxLDYuOTkyLDEuODk4LDkuOTg4YzEuMTk5LDIuOTk3LDIuODk2LDUuNTk1LDUuMDk0LDcuNjkxYzIuMTk4LDIuMDk4LDQuNzk1LDMuNzk2LDcuNzkyLDQuOTk1DQoJCWMyLjk5NiwxLjE5OCw2LjI5NCwxLjc5OCw5Ljk4OCwxLjc5OGMzLjM5NiwwLDYuNjkyLTAuNyw5LjY4OC0xLjk5OGMyLjk5Ny0xLjI5OSw1LjU5Ni0zLjM5Niw3LjY5Mi02LjM5M2wtNi44OTMtNC44OTUNCgkJYy0xLjQ5OCwxLjk5OC0zLjE5NSwzLjM5Ni00Ljk5NCw0LjI5NWMtMS43OTksMC44OTktMy41OTYsMS4zOTgtNS40OTQsMS4zOThjLTIuMzk3LDAtNC41OTQtMC4zOTktNi41OTItMS4yOTgNCgkJYy0xLjk5OC0wLjg5OS0zLjY5Ny0yLjA5OS01LjA5NC0zLjU5N2MtMS4zOTktMS40OTgtMi40OTctMy4zOTYtMy4yOTctNS40OTRjLTAuOC0yLjA5Ny0xLjE5OC00LjM5NS0xLjE5OC02Ljg5Mg0KCQljMC0yLjI5OCwwLjM5OC00LjQ5NSwxLjE5OC02LjU5M2MwLjgtMS45OTgsMS44OTctMy43OTYsMy4yOTctNS4yOTRjMS4zOTYtMS40OTgsMy4wOTYtMi42OTcsNS4wOTQtMy41OTcNCgkJYzEuOTk4LTAuODk4LDQuMTk0LTEuMjk4LDYuNTkyLTEuMjk4YzEuNTk5LDAsMy4yOTgsMC4yOTksNC44OTYsMC44OTljMS41OTgsMC41OTksMy4yOTUsMS44OTcsNC45OTQsMy42OTRsNi40OTItNC43OTQNCgkJYy0yLjI5OC0yLjY5Ni00Ljg5NS00LjU5NS03LjU5MS01LjY5MkM0NTguMzMxLDQ3Mi40MDksNDU1LjMzNSw0NzEuOTEsNDUyLjIzOCw0NzEuOTEgTTUyMy4wNiw0NzMuMTA3aC04LjI5MnYxOC41OGgtMjEuODc2DQoJCXYtMTguNThoLTguMzg5djQ2Ljc0OGg4LjM4OXYtMjAuNTc2aDIxLjg3NnYyMC41NzZoOC4yOTJWNDczLjEwN3ogTTU3My43MDEsNDczLjEwN2gtMzcuMDU4djcuNDkyaDE0LjM4NHYzOS4yNTZoOC4yOXYtMzkuMjU2DQoJCWgxNC4zODRWNDczLjEwN3ogTTYxOC4zNTIsNDczLjEwN2gtMzEuMDY2djQ2Ljc0OGgzMi4xNjV2LTcuNDkxaC0yMy43NzN2LTEyLjY4N2gyMS40NzZ2LTcuNTkyaC0yMS40NzZ2LTExLjQ4NmgyMi42NzVWNDczLjEwN3oiDQoJCS8+DQoJPHBhdGggaWQ9IkxpY2h0IiBmaWxsPSIjRDBEMEQwIiBkPSJNNy43NDEsNDczLjEwN0gtMC41NXY0Ni43NDhoMjguMTY4di03LjQ5MUg3Ljc0MVY0NzMuMTA3eiBNNDUuMzk4LDQ3My4xMDdoOC4yOTF2NDYuNzQ4aC04LjI5MQ0KCQlWNDczLjEwN3ogTTk4LjEzOSw0NzEuOTFjLTMuNTk2LDAtNi44OTIsMC41OTktOS45ODksMS43OTdjLTIuOTk3LDEuMTk5LTUuNTk0LDIuNzk3LTcuNzkyLDQuOTk1DQoJCWMtMi4xOTcsMi4xOTctMy44OTYsNC43OTQtNS4wOTQsNy43OTFjLTEuMTk5LDMuMDk2LTEuNzk4LDYuNDkyLTEuNzk4LDEwLjE4OHMwLjU5OSw2Ljk5MiwxLjc5OCw5Ljk4OA0KCQljMS4xOTgsMi45OTcsMi44OTYsNS41OTUsNS4wOTQsNy42OTFjMi4xOTgsMi4wOTgsNC43OTUsMy43OTYsNy43OTIsNC45OTVjMi45OTcsMS4xOTgsNi4yOTIsMS43OTgsOS45ODksMS43OTgNCgkJYzMuMzk2LDAsNi42OTItMC43LDkuNjg4LTEuOTk4YzIuOTk3LTEuMjk5LDUuNTk0LTMuMzk2LDcuNjkyLTYuMzkzbC02Ljg5My00Ljg5NWMtMS40OTgsMS45OTgtMy4xOTYsMy4zOTYtNC45OTQsNC4yOTUNCgkJYy0xLjc5OCwwLjg5OS0zLjU5NiwxLjM5OC01LjQ5NCwxLjM5OGMtMi4zOTcsMC00LjU5NS0wLjM5OS02LjU5My0xLjI5OGMtMS45OTgtMC44OTktMy42OTYtMi4wOTktNS4wOTQtMy41OTcNCgkJcy0yLjQ5Ny0zLjM5Ni0zLjI5Ni01LjQ5NGMtMC43OTktMi4wOTctMS4xOTktNC4zOTUtMS4xOTktNi44OTJjMC0yLjI5OCwwLjM5OS00LjQ5NSwxLjE5OS02LjU5Mw0KCQljMC43OTktMS45OTgsMS44OTgtMy43OTYsMy4yOTYtNS4yOTRzMy4wOTctMi42OTcsNS4wOTQtMy41OTdjMS45OTgtMC44OTgsNC4xOTUtMS4yOTgsNi41OTMtMS4yOTgNCgkJYzEuNTk4LDAsMy4yOTYsMC4yOTksNC44OTQsMC44OTljMS41OTksMC41OTksMy4yOTYsMS44OTcsNC45OTUsMy42OTRsNi40OTMtNC43OTRjLTIuMjk3LTIuNjk2LTQuODk1LTQuNTk1LTcuNTkyLTUuNjkyDQoJCUMxMDQuMjMyLDQ3Mi40MDksMTAxLjIzNiw0NzEuOTEsOTguMTM5LDQ3MS45MSBNMTcwLjI1Nyw0NzMuMTA3aC04LjI5MXYxOC41OGgtMjEuODc1di0xOC41OGgtOC4zOTF2NDYuNzQ4aDguMzkxdi0yMC41NzZoMjEuODc1DQoJCXYyMC41NzZoOC4yOTFWNDczLjEwN3ogTTIyMy41OTgsNDczLjEwN2gtMzcuMDU5djcuNDkyaDE0LjM4NHYzOS4yNTZoOC4yOTF2LTM5LjI1NmgxNC4zODRWNDczLjEwN3oiLz4NCgk8cGF0aCBpZD0iU3ltYm9sIiBmaWxsPSIjRDBEMEQwIiBkPSJNMzE5Ljc4OSwzNDguNzQ4Yy0wLjIsMC0wLjQsMC0wLjU5OSwwLjEwMWMtMS4wOTksMC4zLTIuMjk4LDAuNjk5LTMuMzk2LDEuMTk4DQoJCWMtMi4zOTcsMC45OTktNC43OTQsMi4yOTgtNi45OTIsNC4wOTZjLTIuODk2LDIuMTk3LTUuMzk0LDQuODk1LTcuNDkxLDcuOTkxYy0yLjU5NywzLjc5NS00LjM5NSw4LjI5LTUuMjk0LDEyLjk4NQ0KCQljLTAuOTk5LDUuMTkzLTAuODk5LDEwLjk4NywwLjI5OSwxNi4zODJjMC41LDIuMTk2LDEuMTk5LDQuMjk1LDEuOTk4LDYuNDkybC0wLjEtMC4xMDFsLTAuMzk5LTAuMzk4bC0wLjItMC4ybC0wLjU5OS0wLjZsLTAuMS0wLjENCgkJbC0wLjItMC4ybC0wLjM5OS0wLjM5OWwtMC4xLTAuMTAxYy0wLjg5OS0wLjk5OC0xLjU5OS0xLjg5Ni0yLjI5Ny0yLjY5NmMtMC42LTAuNzk5LTEuMTk5LTEuNjk3LTEuNzk4LTIuNzk3DQoJCWMtMC41LTAuOTk5LTAuODk5LTIuMDk4LTEuMTk4LTMuMjk2Yy0wLjItMS4wOTktMC4zOTktMi4yOTgtMC4zOTktMy42OTZjMC0xLjE5OSwwLTIuMTk4LDAuMS0yLjk5Nw0KCQljMC4xLTAuODk4LTAuNC0xLjg5Ni0xLjE5OS0yLjM5NmMtMC4zOTktMC4zMDEtMC45OTktMC40OTktMS40OTgtMC40OTljLTAuMzk5LDAtMC43OTksMC4xLTEuMTk5LDAuMjk5DQoJCWMtMC45OTksMC41LTEuOTk4LDEuMDk5LTIuODk3LDEuNzk4Yy0xLjQ5OCwxLjEtMi43OTYsMi40OTctMy44OTYsNC4wOTdjLTAuODk5LDEuMzk3LTIuMTk4LDMuNjk0LTIuNjk3LDYuNjkxDQoJCWMtMC40OTksMi42OTctMC40OTksNS42OTMsMC4yLDguNDljMC42LDIuNjk3LDEuNjk4LDUuNDk0LDMuMjk2LDcuOTkxYzAuOCwxLjI5OSwxLjU5OSwyLjM5NywyLjM5NywzLjI5Nw0KCQljMC4yLDAuMywwLjY5OSwwLjc5OSwwLjg5OSwxLjA5OWwwLDBsMC4xOTksMC4yOTlsMC41LDAuNWwwLjMsMC4yOTlsMCwwYzAuNzk5LDAuOTk5LDEuODk3LDIuMjk5LDIuNzk2LDMuNDk2DQoJCWMwLjc5OSwwLjk5OSwxLjQ5OSwyLjA5OSwyLjA5OCwzLjA5OGMwLjY5OSwxLjA5OSwxLjE5OCwyLjA5NywxLjQ5OSwyLjk5NmMwLjM5OSwxLjA5OSwwLjY5OSwyLjI5OCwwLjc5OSwzLjU5Ng0KCQljMC4xLDEuMSwwLjEsMi4yOTgsMCwzLjc5NmMtMC4xLDAuOC0wLjIsMS42OTgtMC4zOTksMi42OTdjLTAuMiwwLjk5OSwwLjIsMS44OTcsMC45OTksMi40OTdjMC41LDAuMzk5LDEuMDk5LDAuNiwxLjY5OSwwLjYNCgkJYzAuMjk5LDAsMC42OTktMC4xMDEsMC45OTktMC4yYzAuODk5LTAuMzk5LDEuODk4LTAuODk5LDIuNjk3LTEuMzk4YzEuNTk4LTAuOTk5LDIuOTk3LTIuMTk4LDQuMTk1LTMuNzk2DQoJCWMxLjQ5OS0xLjc5OCwyLjU5Ny0zLjk5NSwzLjI5Ni02LjI5MmMwLjc5OS0yLjQ5OCwxLjA5OS01LjQ5NCwwLjc5OS04LjI5MWMtMC4xLTEuMS0wLjMtMi4xOTctMC42LTMuMjk3DQoJCWMwLjM5OSwwLjQ5OSwwLjc5OSwwLjk5OSwxLjE5OCwxLjQ5OGMwLjUsMC42MDEsMS42OTgsMS45OTgsMS42OTgsMS45OThsMC41LDAuNmMwLjMsMC4zOTksMC41OTksMC42OTksMC43OTksMC45OTkNCgkJYzAuMiwwLjMsMC40LDAuNSwwLjYsMC42OTlsMCwwYzIuMzk3LDIuNzk3LDMuOTk2LDQuODk1LDUuMzk0LDYuNjkyYzEuNDk4LDEuOTk3LDIuNzk2LDMuOTk1LDQuMDk2LDUuOTkzDQoJCWMxLjI5OCwyLjA5OCwyLjE5NywzLjk5NSwyLjg5Niw1Ljg5NGMwLjc5OSwyLjA5NywxLjI5OCw0LjM5NiwxLjQ5OSw2Ljg5M2MwLjIsMi4wOTcsMC4yLDQuNDk1LDAsNy4yOTENCgkJYy0wLjIsMi40OTgtMC41OTksNC43OTUtMC44OTgsNi40OTNjLTAuMiwxLjA5OS0wLjUsMi4xOTctMC42OTksMy4wOTZjLTAuMiwwLjc5OSwwLjA5OSwxLjU5OSwwLjU5OSwyLjE5OA0KCQljMC41LDAuNDk5LDEuMSwwLjY5OSwxLjY5OCwwLjY5OWgwLjRjMS4wOTktMC4yLDIuMTk3LTAuNDk5LDMuMTk2LTAuODk5YzIuNDk3LTAuNzk5LDQuODk1LTEuOTk4LDcuMTkyLTMuNDk2DQoJCWMyLjk5Ny0xLjg5Nyw1LjY5NC00LjI5NSw4LjA5Mi03LjI5MmMyLjc5Ni0zLjQ5NSw1LjA5NC03Ljc5MSw2LjM5Mi0xMi4xODZjMS40OTgtNC45OTUsMS45OTgtMTAuNDg4LDEuNDk4LTE1Ljk4Mg0KCQljLTAuNDk5LTUuMjk0LTEuOTk4LTEwLjc4Ny00LjM5NC0xNS45ODFjLTIuMDk4LTQuNjk1LTQuOTk1LTkuMTktOC4zOTEtMTMuMjg1Yy0wLjk5OS0xLjE5OS0xLjg5OC0yLjI5Ny0yLjM5Ny0yLjc5N2wtMS4xOTgtMS4yOTgNCgkJYy0wLjMtMC4zMDEtMC40OTktMC42MDEtMC44LTAuOGwtMC4yOTktMC4zOTljLTAuMzk5LTAuNC0wLjc5OS0wLjc5OS0xLjA5OS0xLjE5OWwtMC4xLTAuMDk5bC0wLjUtMC41DQoJCWMtMC4xOTktMC4yLTAuNS0wLjQ5OS0wLjc5OS0wLjhsLTAuMS0wLjFjLTEuNzk4LTEuODk4LTMuMTk3LTMuNjk2LTQuNDk1LTUuMzk1Yy0xLjQ5OC0xLjk5Ny0yLjU5OC0zLjU5NS0zLjM5Ni01LjI5Mw0KCQljLTAuOTk5LTEuODk3LTEuNzk4LTQuMDk2LTIuMjk3LTYuMzkzYy0wLjQ5OS0yLjA5OS0wLjY5OS00LjU5Ni0wLjc5OS03LjE5MmMtMC4xLTIuMzk3LDAuMS00LjY5NCwwLjItNi41OTMNCgkJYzAuMS0xLjI5OSwwLjE5OS0yLjM5NiwwLjM5OS0zLjM5NmMwLjEwMS0wLjc5OS0wLjItMS40OTktMC43OTktMi4wOTlDMzIwLjg4NywzNDguOTQ4LDMyMC4zODgsMzQ4Ljc0OCwzMTkuNzg5LDM0OC43NDgiLz4NCjwvZz4NCjwvc3ZnPg==") !important; background-repeat: no-repeat !important; background-size: 90% !important; background-color: var(--global--color-black) !important; } .site-header-navigation { position: fixed; z-index: 10000; bottom: 0; left: 0; width: 100%; } @media only screen and (min-width: 1024px) { .site-header-navigation { position: relative; height: fit-content; background: transparent; } } .page-header, .entry-header, .singular .entry-header, .site-main > article > .entry-header { display: flex; flex-direction: column; border-bottom: 0; margin-top: calc(0 * (var(--global--spacing-unit))); margin-bottom: calc(0 * (var(--global--spacing-unit))); padding-top: 0; padding-bottom: 0 !important; } .page-header, .entry-header { max-width: var(--responsive--aligndefault-width); } .page-header /*h1*/.page-title, .entry-header > /*h1*/.entry-title { margin-top: calc(10 * var(--global--spacing-unit)) !important; margin-right: 0; margin-bottom: 0 !important; margin-left: 0; width: 100%; max-width: var(--responsive--aligndefault-width); font-size: var(--heading--font-size-h3); text-transform: uppercase; text-align: left; letter-spacing: 0.5rem; overflow-wrap: break-word; color: var(--global--color-white-300); } @media only screen and (min-width: 422px) { .page-header /*h1*/.page-title, .entry-header > /*h1*/.entry-title { font-size: var(--heading--font-size-h2); } } @media only screen and (min-width: 822px) { .page-header /*h1*/.page-title, .entry-header > /*h1*/.entry-title { font-size: var(--heading--font-size-h1); margin-top: calc(20 * var(--global--spacing-unit)) !important; } } /************************************************************** MOBILE NAVIGATION MENU **************************************************************/ .primary-navigation .menu-button-container { position: fixed; bottom: 0; display: flex; justify-content: space-around; align-items: stretch; flex-wrap: nowrap; width: 100%; padding-top: calc(2 * var(--global--spacing-unit)); padding-bottom: calc(2 * var(--global--spacing-unit)); background-color: var(--global--color-dark-gray-900); box-shadow: 0 0 40px 0 rgb(0 0 0 / 80%); overflow: hidden; } @media only screen and (min-width: 1023px) { .primary-navigation .menu-button-container { display: none; } } /* Background color and gradient */ .primary-navigation .menu-button-container:after { content: ''; position: absolute; top: 0%; left: 50%; z-index: -1; transform: translate(-50%,-50%); background: radial-gradient(#8F8D8C,transparent,transparent); width: 150%; height: 200%; opacity: 0.20; transition: 0.5s, top 0s, left 0s; } /* Navigation Menu Items Sizes */ .primary-navigation .menu-button-container > a, .menu-button-container #primary-mobile-menu { flex-basis: 30%; display: flex; justify-content: space-around; align-items: center; flex-direction: column; gap: calc(2 * var(--global--spacing-unit)); padding: calc(2 * var(--global--spacing-unit)) calc(2 * var(--global--spacing-unit)); font-size: var(--global--font-size-xs); line-height: 1.15; } @media only screen and (min-width: 652px) { .primary-navigation .menu-button-container > a, .menu-button-container #primary-mobile-menu { padding: calc(1 * var(--global--spacing-unit)) calc(2 * var(--global--spacing-unit)); } } /* Navigation Menu Button */ .menu-button-container #primary-mobile-menu {padding: 0; margin: 0; } .menu-button-container #primary-mobile-menu:focus { position: relative; z-index: 99999; outline: 2px dotted var(--global--color-white) !important; outline-offset: 1px !important; background: var(--global--color-black); border-radius: 0; color: var(--global--color-white) !important; transition: all 0.25s ease-in-out; } /* Navigation Menu Button Link */ .menu-button-container #primary-mobile-menu .dropdown-icon { display: flex; align-items: center; justify-content: space-around; flex-direction: column; gap: calc(2 * var(--global--spacing-unit)); padding: calc(1 * var(--global--spacing-unit)) calc(2 * var(--global--spacing-unit)); width: 100%; font-size: var(--global--font-size-xs); } /* Navigation Menu Items Text */ .primary-navigation .menu-button-container > a > span, .menu-button-container #primary-mobile-menu > span > span { display: none; } @media only screen and (min-width: 652px) { .primary-navigation .menu-button-container > a > span, .menu-button-container #primary-mobile-menu > span > span { display: block; } } .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } .primary-navigation-open .menu-button-container { width: 100%; z-index: 500; background-color: var(--global--color-background); } .primary-navigation-open .menu-button-container #primary-mobile-menu { position: static; } /************************************************************** PRIMARY NAVIGATION **************************************************************/ @media only screen and (max-width: 1023px) { .primary-navigation > .primary-menu-container { position: fixed; visibility: hidden; z-index: 499; top: 134px; height: calc(100vh - 180px - 60px); overflow-x: hidden; overflow-y: auto; display: flex; justify-content: center; padding: 0; border: 2px solid transparent; } .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { transform: translateX(0) translateY(0); } .admin-bar .primary-navigation { top: initial; } } .primary-navigation {} .primary-navigation-open .primary-navigation > .primary-menu-container { position: fixed; visibility: visible; z-index: 499; top: 0; height: 100%; overflow-x: hidden; overflow-y: auto; display: flex; justify-content: center; padding: 0 0 60px 0; border: 1px solid transparent; background-color: var(--global--color-dark-gray-900); } .admin-bar .primary-navigation-open .primary-navigation > .primary-menu-container { top: 46px; } .primary-navigation > div > .menu-wrapper { flex-basis: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; align-content: center; gap: calc(5 * var(--global--spacing-unit)); position: relative; margin: 0; padding: calc(5 * var(--global--spacing-unit)) 0; max-width: var(--responsive--aligndefault-width); height: fit-content; list-style: none; } @media only screen and (min-width: 1024px) { .primary-navigation > div > .menu-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; align-content: center; gap: calc(0 * var(--global--spacing-unit)); padding: calc(2.5 * var(--global--spacing-unit)); max-width: 100%; height: auto; } } @media only screen and (min-width: 1024px) { .primary-navigation { color: var(--primary-nav--color-text); font-size: var(--primary-nav--font-size); line-height: 1.8; margin-left: auto; margin-right: auto; } .primary-navigation > .primary-menu-container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; transform: none; } .primary-navigation #toggle-menu { display: none; } .admin-bar .primary-navigation { top: initial; } .admin-bar .primary-navigation > .primary-menu-container { top: initial; } } @media only screen and (min-width: 1140px) { .primary-navigation { margin-left: auto; margin-right: 0; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { margin-left: 0; margin-right: 0; width: 32px; height: auto; background-color: transparent; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: none; width: 24px; height: 100%; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle:after { content: ''; width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY2NTc1MSAwLjU3NjA3OEMwLjg5OTg3OCAwLjMyMjQ0IDEuMjk1MjkgMC4zMDY2MjQgMS41NDg5MyAwLjU0MDc1MUwxMS4yOTg5IDkuNTQwNzVDMTEuNDI3MSA5LjY1OTA3IDExLjUgOS44MjU1NyAxMS41IDEwQzExLjUgMTAuMTc0NCAxMS40MjcxIDEwLjM0MDkgMTEuMjk4OSAxMC40NTkzTDEuNTQ4OTMgMTkuNDU5M0MxLjI5NTI5IDE5LjY5MzQgMC44OTk4NzggMTkuNjc3NiAwLjY2NTc1MSAxOS40MjM5QzAuNDMxNjI0IDE5LjE3MDMgMC40NDc0NCAxOC43NzQ5IDAuNzAxMDc4IDE4LjU0MDhMOS45NTM1NiAxMEwwLjcwMTA3OCAxLjQ1OTI2QzAuNDQ3NDQgMS4yMjUxMyAwLjQzMTYyNCAwLjgyOTcxNiAwLjY2NTc1MSAwLjU3NjA3OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(90deg); transition: all 0.5s ease-in-out; } .primary-navigation > div > .menu-wrapper .menu-item-has-children:hover .sub-menu-toggle:after { transform: rotate(270deg); } .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { outline: 2px dotted var(--global--color-white) !important; outline-offset: 1px !important; background-color: var(--global--color-black); color: var(--global--color-white); transition: all 0.25s ease-in-out; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus , .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { display: none !important; } .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: block; } @media only screen and (min-width: 1024px) { .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: flex; } .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { margin-left: calc(4 - var(--primary-nav--padding)); } .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: none; } } .primary-navigation .primary-menu-container > ul > .menu-item { display: flex; flex-direction: column; } @media only screen and (min-width: 1024px) { .primary-navigation .primary-menu-container > ul > .menu-item { flex-direction: row; } } .primary-navigation .primary-menu-container > ul > .menu-item > a { display: block; padding-top: calc(4* var(--global--spacing-unit)); padding-right: calc(2* var(--global--spacing-unit)); padding-bottom: calc(4* var(--global--spacing-unit)); padding-left: calc(2* var(--global--spacing-unit)); font-family: var(--primary-nav--font-family-mobile); font-size: var(--heading--font-size-h4);; font-weight: var(--primary-nav--font-weight); letter-spacing: 0.05rem; text-decoration: none; text-align: left; color: var(--primary-nav--color-link); } @media only screen and (min-width: 1024px) { .primary-navigation .primary-menu-container > ul > .menu-item > a { padding-top: 0; padding-left: var(--primary-nav--padding); padding-bottom: 0; padding-right: var(--primary-nav--padding); font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } } .primary-navigation a:focus { position: relative; z-index: 99999; outline: 2px dotted var(--global--color-white) !important; outline-offset: -2px !important; background-color: var(--global--color-black); color: var(--global--color-white); transition: all 0.25s ease-in-out; } /* Active Status - Sub Menu */ .primary-navigation .sub-menu > .current-menu-item > a { background-image: none; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { content: ""; display: none; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px 7px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu { position: relative; top: initial; left: initial; margin: 0; border: none; box-shadow: none; overflow: hidden; list-style: none; } @media only screen and (min-width: 1024px) { .primary-navigation > div > .menu-wrapper > li > .sub-menu { position: absolute; top: 100%; left: calc(-2 * var(--global--spacing-unit));; z-index: 88888; min-width: 160px; background-color: var(--global--color-dark-gray-700); border: none; border-radius: 0; box-shadow: 0 0 40px 0 rgb(0 0 0 / 40%); text-wrap: nowrap; } } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { display: block; width: 100%; } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper > li > .sub-menu > li { display: inline-block; width: auto; } } @media only screen and (min-width: 1024px) { .primary-navigation > div > .menu-wrapper > li > .sub-menu > li { display: block; width: 100%; background-color: transparent; } } .primary-navigation .sub-menu .menu-item > a { display: block; padding-left: calc(8 * var(--global--spacing-unit)); font-size: var(--primary-nav--font-size-sub-menu-mobile); font-style: var(--primary-nav--font-style-sub-menu-mobile); line-height: var(--global--line-height-body); } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu .menu-item > a { display: flex; padding-top: calc(4 * var(--global--spacing-unit)); padding-right: calc(3.5 * var(--global--spacing-unit)); padding-bottom: calc(4 * var(--global--spacing-unit)); padding-left: calc(3.5 * var(--global--spacing-unit)); background-color: rgb(var(--global--color-white)); font-size: var(--primary-nav--font-size-sub-menu); font-style: var(--primary-nav--font-style); transition: 0.25s, top 0s, left 0s; } .primary-navigation .sub-menu .menu-item > a:hover { padding-right: calc(3 * var(--global--spacing-unit)); padding-left: calc(4 * var(--global--spacing-unit)); text-decoration: none; } .primary-navigation .sub-menu .menu-item > a:focus { padding-right: calc(3 * var(--global--spacing-unit)); padding-left: calc(4 * var(--global--spacing-unit)); text-decoration: none; } } /************************************************************** FOOTER footer.php, template-parts/footer/footer-widgets.php **************************************************************/ .site-footer-aside { } .site-footer { position: relative; z-index: 0; overflow: hidden; display: flex; flex-direction: column; max-width: 100%; padding-top: calc(5 * var(--global--spacing-unit)); padding-bottom: calc(20 * var(--global--spacing-unit)); background-color: var(--global--color-dark-gray-900); font-size: var(--global--font-size-xs); } @media only screen and (min-width: 1024px) { .site-footer { padding-bottom: calc(5 * var(--global--spacing-unit)); } } .site-footer:before { content: ''; position: absolute; top: -5%; left: 50%; z-index: -1; transform: translate(-50%,-50%); background: radial-gradient(#8F8D8C,transparent,transparent); width: 150%; height: 480px; opacity: 0.20; transition: 0.5s, top 0s, left 0s; } .site-footer > * { margin-right: auto; margin-left: auto; max-width: var(--responsive--alignwide-width); /* width: 100%; */ } .no-widgets .site-footer { margin-top: 0; } .site-footer .location-area { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: calc(10 * var(--global--spacing-unit)); } @media only screen and (min-width: 1140px) { .site-footer .location-area { flex-wrap: nowrap; gap: calc(10 * var(--global--spacing-unit)); } } .site-footer .location-area > section.location-grid { flex-basis: auto; display: flex; flex-wrap: wrap; gap: calc(10 * var(--global--spacing-unit)); } @media only screen and (min-width: 1140px) { .site-footer .location-area > section.location-grid { flex-wrap: nowrap; gap: calc(10 * var(--global--spacing-unit)); } } .site-footer .location-item { flex-basis: auto; width: 100%; max-width: 100%; padding: calc(10 * var(--global--spacing-unit)); background-color: var(--global--color-dark-gray-700); } .site-footer .contact-item { flex-basis: 100%; padding: calc(10 * var(--global--spacing-unit)) 0 calc(10 * var(--global--spacing-unit)) 0; } @media only screen and (min-width: 822px) { .site-footer .location-item { flex-basis: 46.5%; } } @media only screen and (min-width: 1140px) { .site-footer .location-item , .site-footer .contact-item { flex-basis: auto; width: 360px; } } .site-footer .location-area img { display: block; max-width: var(--branding--logo--max-width-mobile); margin: 0 auto calc(10 * var(--global--spacing-unit)) auto; } @media only screen and (min-width: 822px) { .site-footer .location-area img { display: block; max-width: var(--branding--logo--max-width); margin: 0 auto calc(5 * var(--global--spacing-unit)) auto; } } .site-footer .location-area .contact-social { display: flex; flex-direction: row; justify-content: center; align-items: center; row-gap: calc(2.5 * var(--global--spacing-unit)); column-gap: calc(5 * var(--global--spacing-unit)); max-width: 240px; margin: 0 auto; margin-top: calc(10 * var(--global--spacing-unit)); padding-top: calc(7.5 * var(--global--spacing-unit)); border-top-width: 1px; border-top-style: solid; border-top-color: var(--global--color-dark-gray-200); } @media only screen and (min-width: 1140px) { .site-footer .location-area .contact-social { max-width: 100%; border-top-style: none; } } @media only screen and (min-width: 1140px) { .site-footer .location-area .contact-social { flex-direction: column; padding-top: 0; } } .site-footer .location-area .contact-social a { padding: calc(2.5 * var(--global--spacing-unit)) calc(5 * var(--global--spacing-unit)); transition: all 0.25s ease-in-out; } .site-footer .location-area .contact-social i { font-size: 1.5em; color: var(--global--color-dark-gray-200); } @media only screen and (min-width: 1140px) { .site-footer .location-area .contact-social i { font-size: 1em; } } .site-footer .location-area .contact-social span { display: none; padding-left: var(--global--spacing-unit); } @media only screen and (min-width: 1140px) { .site-footer .location-area .contact-social span { display: inline-block; } } .site-footer .location-area h4 { margin: 0 !important; padding-bottom: calc(5 * var(--global--spacing-unit)); font-size: var(--heading--font-size-h4); } @media only screen and (max-width: 821px) { .site-footer .location-area h4 br { display: none; } } .site-footer .location-area address { margin-top: 0; font-style: normal; } .site-footer .location-area a { text-decoration: none; transition: all 0.25s ease-in-out; } .site-footer .location-area a:focus { display: block; text-decoration: none !important; color: var(--global--color-white); background-color: var(--global--color-black); outline-offset: 4px; outline: 2px dotted currentColor !important; } .site-footer .widget-area { margin-top: 0; } .site-footer /*ul*/.footer-copyright { display: flex; justify-content: center; flex-wrap: wrap; column-gap: calc(2.5 * var(--global--spacing-unit)); row-gap: calc(2.5 * var(--global--spacing-unit)); padding: 0; list-style-type: none; } @media only screen and (min-width: 1140px) { .site-footer /*ul*/.footer-copyright { column-gap: calc(5 * var(--global--spacing-unit)); } } .site-footer /*ul*/.footer-copyright > li { position: relative; padding-left: calc(5 * var(--global--spacing-unit)); height: 40px; color: var(--global--color-dark-gray-100); } @media only screen and (max-width: 481px) { .site-footer /*ul*/.footer-copyright > li { flex-basis: 100%; padding-left: 0; text-align: center; } } @media only screen and (min-width: 1140px) { .site-footer /*ul*/.footer-copyright > li { padding-left: calc(7.5 * var(--global--spacing-unit)); } } .site-footer /*ul*/.footer-copyright > li:first-of-type { order: 10; flex-basis: 100%; padding-left: 0; text-align: center; } .site-footer /*ul*/.footer-copyright > li:nth-of-type(2) { padding-left: 0; } @media only screen and (min-width: 1140px) { .site-footer /*ul*/.footer-copyright > li:first-of-type { order: 0; flex-basis: auto; } .site-footer /*ul*/.footer-copyright > li:nth-of-type(2) { padding-left: calc(5 * var(--global--spacing-unit)); } } .site-footer /*ul*/.footer-copyright > li:before { content: '//'; position: absolute; left: 0; color: var(--global--color-dark-gray-200); } @media only screen and (max-width: 481px) { .site-footer /*ul*/.footer-copyright > li:before { content: ''; } } .site-footer /*ul*/.footer-copyright > li:first-of-type:before { content: ''; } .site-footer /*ul*/.footer-copyright > li:nth-of-type(2):before { content: ''; } @media only screen and (min-width: 1024px) { .site-footer /*ul*/.footer-copyright > li:nth-of-type(2):before { content: '//'; } } .site-footer /*ul*/.footer-copyright > li > a:link, .site-footer /*ul*/.footer-copyright > li > a:visited, .site-footer /*ul*/.footer-copyright > li > a:active { padding-top: calc(2 * var(--global--spacing-unit)); padding-right: calc(1 * var(--global--spacing-unit)); padding-bottom: calc(2 * var(--global--spacing-unit)); padding-left: calc(1 * var(--global--spacing-unit)); text-decoration: none; color: var(--global--color-dark-gray-100); transition: all 0.25s ease-in-out; } .site-footer /*ul*/.footer-copyright > li > a:focus { display: initial; padding-top: calc(2* var(--global--spacing-unit)); padding-bottom: calc(2* var(--global--spacing-unit)); text-decoration: none !important; color: var(--global--color-white); background-color: var(--global--color-black); outline-offset: 4px; outline: 2px dotted currentColor !important; } /************************************************************** FONTS **************************************************************/ /* raleway-300 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-display: swap; src: url('assets/fonts/raleway-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Raleway Light'), local('Raleway-Light'), url('assets/fonts/raleway-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/raleway-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/raleway-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/raleway-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/raleway-v14-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-regular - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/raleway-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Raleway'), local('Raleway-Regular'), url('assets/fonts/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/raleway-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/raleway-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/raleway-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/raleway-v14-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* muli-regular - latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/muli-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/muli-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/muli-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/muli-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/muli-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/muli-v20-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */ } /* muli-300 - latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; font-display: swap; src: url('assets/fonts/muli-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/muli-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/muli-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/muli-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/muli-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/muli-v20-latin-300.svg#Muli') format('svg'); /* Legacy iOS */ }