/*
Theme Name: Hello Elementor Child (Elementor Pro)
Theme URI: https://example.com
Description: Child Theme für Hello Elementor
Author: Mattheis. Werbeagentur GmbH
Author URI:https://www.mattheis-berlin.de/
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/
/*------------------------------- Variables ------------------------------*/
:root {
/* Color */
--red: #CD1449;
--red-rgb: 205, 20, 73;
--dark-blue: #002563;
--light-blue: #3381C4;
--light-blue-rgb: 51, 129, 196;
--blue: #164194;
--blue-rgb: 22, 65, 148;
--grey: #3F474B;
--font-color: #3F474B;
--dark-grey-blue: #191D24;
--link-color: #002563;
--link-color-hover: #3381C4;
--link-color-light: #3381C4;
--link-color-light-hover: #fff;
--body-bg: #F9FAFB;
--color-focus: darkorange;
--header-link-color: #fff;
--header-link-hover-color: var(--light-blue);
--elem-border-radius: 20px;
--cards-bg: #fff;
--box-border: 1px solid #AFAFAF;
--cards-bg-dark: #23272F;
--box-border-dark: 1px solid #343434;
--button-color-bg: var(--red);
--button-color-bg-hover: #fff;
--button-color-font: #fff;
--button-color-font-hover: var(--red);
--button-border-radius: 20px;
--button-border: 1px solid var(--red);
--button-border-hover: 1px solid var(--red);
/* Secondary Button */
--button-secondary-color-bg: transparent;
--button-secondary-color-bg-hover: rgba(255,255,255,.4);
--button-secondary-border: 1px solid #fff;
--button-secondary-border-hover: 1px solid #fff;
--font: 'Lato', sans-serif;
--font-size-base: 16px;
--header-font-size: 14px;
--icon-font-size: .45em;
--icon-font-size-large: .6em;
--icon-font-size-small: .35em;
--icon-border-radius: 10px;
/* Transitions */
--transition-duration-sticky-header: .3s;
--transition-timing-function-sticky-header: ease-in;
--transition-buttons: all .2s ease-in-out;
/* Header */
--header-height: 104px;
--logo-row-height: 110px;
--navi-row-height: 50px;
--admin-bar-height: 46px;
--padding-header: .25rem var(--padding-sides);
--logo-width: 180px;
/* Layout */
--padding-sides: 1rem;
--header-max-width: 1700px;
--content-max-width: 1400px;
--text-max-width: 880px;
--footer-max-width: 1400px;
--row-gap-vertical: 3rem;
--econ-row-gap: 2rem;
--econ-column-gap: 2rem;
--econ-column-gap: 20px;
--econ-row-small-gap: 1rem;
--econ-column-small-gap: 1rem;
--cards-gap: 1rem;
--title-image-margin-bottom: calc(var(--row-gap-vertical) / 2);
--inner-container-padding: 1.25rem;
}
@media screen and (min-width: 768px){
:root {
--header-height: 84px;
--navi-row-height: 80px;
--padding-sides: 2rem;
--padding-header: .5rem var(--padding-sides);
--logo-width: 200px;
--row-gap-vertical: 4rem;
--cards-gap: 1.5rem;
--inner-container-padding: 1rem;
}
}
@media screen and (min-width: 783px){
:root {
--admin-bar-height: 32px;
}
}
@media screen and (min-width: 1024px){
:root {
--padding-sides: 3rem;
--row-gap-vertical: 5rem;
--econ-row-gap: 40px;
--econ-column-gap: 27px;
}
}
@media screen and (min-width: 1200px){
:root {
--header-font-size: 16px;
}
}
@media screen and (min-width: 1366px){
:root {
--logo-width: 230px;
--font-size-base: 18px;
--row-gap-vertical: 7rem;
--inner-container-padding: 1.25rem;
}
}
@media screen and (min-width: 1600px){
:root {
--font-size-base: 19px;
--row-gap-vertical: 9rem;
}
}
/*------------------------------- General ------------------------------*/
* {
font-family: 'Lato', sans-serif;
font-family: var(--font);
color: var(--font-color);
line-height: 1.4;
font-size: var(--font-size-base, 20px);
font-size: 1em;
hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
white-space: normal;
word-break: break-word;
overflow-wrap: break-word;
}
html {
font-size: var(--font-size-base, 20px);
}
html body {
font-size: 1rem;
background-color: var(--body-bg, #F9FAFB);
}
/* @media screen and (min-width: 768px){
html body {
font-size: 1.1rem;
}
}
@media screen and (min-width: 1024px){
html body {
font-size: 1.2rem;
}
} */
.noscroll {
overflow: hidden;
}
.no-display, .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.noBreak {
white-space: nowrap;
}
@media screen and (min-width: 1200px){
.noBreakDesktop {
white-space: nowrap;
}
}
/*----- Scrollbar -----*/
body::-webkit-scrollbar {
width: 8px;
}
body::-webkit-scrollbar-track {
background: #fff;
}
body::-webkit-scrollbar-thumb {
background: var(--grey);
border-radius: 4px;
}
body::-webkit-scrollbar-thumb:hover {
background: var(--red);
}
/*----- Skip to Content Button -----*/
#skip-to-content {
position: fixed;
top: -1000px;
left: -1000px;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
white-space: nowrap;
z-index: -1;
}
#skip-to-content:focus {
position: fixed;
top: 10px;
left: 10px;
width: auto;
height: auto;
overflow: visible;
clip: auto;
clip-path: none;
white-space: normal;
z-index: 1000;
background-color: var(--red);
color: #fff;
padding: 10px;
border: 2px solid #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,.5);
z-index: 1000;
}
body.admin-bar #skip-to-content:focus {
top: 56px;
}
@media screen and (min-width: 783px){
body.admin-bar #skip-to-content:focus {
top: 42px;
}
}
/*------------------------------- Fonts ------------------------------*/
/*----- Heading Styles -----*/
body :is(h1, h2, h3, h4, h5, h6),
body :is(.entry-content, .comment-content, .entry-header, .elementor) :is(h1, h2, h3, h4, h5, h6, .elementor-widget-heading .elementor-heading-title) {
font-family: var(--font);
line-height: 1.3;
color: var(--font-color);
margin-top: 0;
}
@media screen and (min-width: 768px){
body :is(h1, h2, h3, h4, h5, h6),
body :is(.entry-content, .comment-content, .entry-header, .elementor) :is(h1, h2, h3, h4, h5, h6, .elementor-widget-heading .elementor-heading-title) {
hyphens: none;
-webkit-hyphens: none;
}
}
/* H1, H2, H3 */
body :is(h1, h2, h3),
body :is(.entry-content, .comment-content, .entry-header, .elementor) :is(h1, h2, h3, .elementor-widget-heading .elementor-heading-title) {
text-transform: uppercase;
}
/* H1 */
body :is(h1),
body :is(.entry-content, .comment-content, .entry-header, .elementor) :is(h1, .elementor-widget-heading h1.elementor-heading-title) {
/**/
}
/* H4, H5, H6 */
body :is(h4, h5, h6),
body :is(.entry-content, .comment-content, .entry-header, .elementor) :is(h4, h5, h6) {
text-transform: none;
}
/* body .headline-grey :is(h1, h2, h3, h4, h5, h6),
body :is(.entry-content, .comment-content, .entry-header, .elementor) .headline-grey :is(h1, h2, h3, h4, h5, h6, .elementor-widget-heading .elementor-heading-title) {
color: var(--dark-grey);
} */
/*----- Links -----*/
body a {
color: var(--light-blue);
}
/*----- Font Colors -----*/
/* White Text */
.title-image.elementor-element *:not(h1),
.text-white.elementor-element *,
body .text-white.elementor-element :is(h1, h2, h3, h4, h5, h6), body :is(.entry-content, .comment-content, .entry-header, .elementor) .text-white.elementor-element :is(h1, h2, h3, h4, h5, h6, .elementor-widget-heading .elementor-heading-title),
body.single-standort .text-white .elementor-widget-post-info :is(.elementor-icon-list-text, .elementor-icon-list-text a) {
color: #fff;
}
span.text-red {
color: var(--red) !important;
}
/*----- Font Sizes -----*/
/*--- Heading Sizes ---*/
body h1 {
font-size: 1.7rem;
}
body h2 {
font-size: 1.5rem;
}
body h3 {
font-size: 1.4rem;
}
body h4 {
font-size: 1.3rem;
}
body h5 {
font-size: 1.15rem;
}
body h6 {
font-size: 1rem;
}
@media screen and (min-width: 800px){
/*--- Heading Sizes ---*/
body h1 {
font-size: 2rem;
}
body h2 {
font-size: 1.7rem;
}
/* body h3 {
font-size: 1.46rem;
}
body h4 {
font-size: 1.3rem;
}
body h5 {
font-size: 1.15rem;
}
body h6 {
font-size: 1rem;
} */
}
@media screen and (min-width: 1366px){
/*--- Heading Sizes ---*/
body h1 {
font-size: 2.3rem;
}
body h2 {
font-size: 1.88rem;
}
body h3 {
font-size: 1.46rem;
}
body h4 {
font-size: 1.3rem;
}
body h5 {
font-size: 1.15rem;
}
body h6 {
font-size: 1rem;
}
}
@media screen and (min-width: 1600px){
/*--- Heading Sizes ---*/
body h1 {
font-size: 2.5rem;
}
body h2 {
font-size: 2.05rem;
}
body h3 {
font-size: 1.6rem;
}
body h4 {
font-size: 1.4rem;
}
body h5 {
font-size: 1.2rem;
}
body h6 {
font-size: 1.1rem;
}
}
/*------------------------------- Buttons ------------------------------*/
.vc_row .vc_btn3-container {
margin: 0;
}
.elementor-button .elementor-button-content-wrapper {
gap: .5rem;
}
/*----- General Button Styles -----*/
/* Button, Submit */button, input[type="submit"], input[type="button"],
/* Header Search */body .elementor-widget-search .e-search .e-search-submit,
/* Ninja Forms */body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit],
/* WPForms */body div.wpforms-container-full .wpforms-form :is(button, button[type=submit], input[type=submit]),
/* Header Search */.after-header form input.search-submit[type="submit"],
/* WP Bakery Page Builder */.vc_btn3-container .vc_general.vc_btn3, .vc_btn3-container .vc_btn3,
/* Elementor */ .elementor .elementor-widget-button a.elementor-button,
/* Elementor Post Grid Archive */ body .elementor-element :is(.elementor-widget-archive-posts, article.elementor-post) .elementor-post__read-more,
/* Newsletter */ #mlb2-6023083.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button[type="submit"],
/* Borlabs */ footer.elementor-location-footer #site-footer a.brlbs-cmpnt-cb-btn {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: var(--button-color-bg);
color: var(--button-color-font);
fill: var(--button-color-font);
font-size: .85em;
font-weight: 400;
line-height: 1.2;
height: auto;
text-align: center;
text-transform: uppercase;
text-decoration: none;
/* letter-spacing: 0.15em; */
padding: 12px 20px;
border: var(--button-border);
border-radius: var(--button-border-radius);
display: inline-flex;
justify-content: center;
align-items: center;
transition: var(--transition-buttons);
}
/* Hover, Focus, Active */
/* Button */
button:is(:hover, :focus, :focus-within, :focus-visible),
/* Header Search */
body .elementor-widget-search .e-search .e-search-submit:is(:hover, :focus, :focus-within, :focus-visible),
/* Input Submit */
input[type="submit"]:is(:hover, :focus, :focus-within, :focus-visible),
/* Input Button */
input[type="button"]:is(:hover, :focus, :focus-within, :focus-visible),
/* Ninja Forms */
body .nf-form-content button:is(:hover, :focus, :focus-within, :focus-visible),
body .nf-form-content input[type=button]:is(:hover, :focus, :focus-within, :focus-visible),
body .nf-form-content input[type=submit]:is(:hover, :focus, :focus-within, :focus-visible),
/* WPForms */
body div.wpforms-container-full .wpforms-form :is(button, button[type=submit], input[type=submit]):is(:hover, :focus, :focus-within, :focus-visible),
/* Search Form Header */
.after-header form input.search-submit[type="submit"]:is(:hover, :focus, :focus-within),
/* WP Bakery Page Builder */
.vc_btn3-container .vc_btn3:is(:hover, :focus, :focus-within, :focus-visible),
.vc_btn3-container .vc_general.vc_btn3:is(:hover, :focus, :focus-within, :focus-visible),
/* Elementor */
.elementor .elementor-widget-button a.elementor-button:is(:hover, :focus, :focus-within, :focus-visible),
/* Elementor Post Grid Archive */ body .elementor-element :is(.elementor-widget-archive-posts, article.elementor-post) .elementor-post__read-more:is(:hover, :focus, :focus-within, :focus-visible),
/* Borlabs */ footer.elementor-location-footer #site-footer a.brlbs-cmpnt-cb-btn:is(:hover, :focus, :focus-within, :focus-visible) {
color: var(--button-color-font-hover);
fill: var(--button-color-font-hover);
background: var(--button-color-bg-hover);
border: var(--button-border-hover);
}
/* Child Elements (Icons) */
/* Button, Submit */button *, input[type="submit"] *, input[type="button"] *,
/* Header Search */body .elementor-widget-search .e-search .e-search-submit *,
/* Ninja Forms */body .nf-form-content button *, body .nf-form-content input[type=button] *, body .nf-form-content input[type=submit] *,
/* WPForms */body div.wpforms-container-full .wpforms-form :is(button, button[type=submit], input[type=submit]) *,
/* Header Search */.after-header form input.search-submit[type="submit"] *,
/* WP Bakery Page Builder */.vc_btn3-container .vc_general.vc_btn3 *, .vc_btn3-container .vc_btn3 *,
/* Elementor */ .elementor .elementor-widget-button a.elementor-button *,
/* Elementor Post Grid Archive */ body .elementor-element :is(.elementor-widget-archive-posts, article.elementor-post) .elementor-post__read-more *,
/* Borlabs */ footer.elementor-location-footer #site-footer a.brlbs-cmpnt-cb-btn * {
color: inherit;
fill: inherit;
}
/* .elementor .elementor-widget-button a.elementor-button .elementor-button-icon {
margin-top: 2px;
} */
/*--- Arrow Icons ---*/
i.icon:is(.icon-Arrow-right, .icon-Arrow-left) {
font-size: .6em;
/* margin-top: 4px; */
}
/*--- Button secondary ---*/
/* Elementor */ .elementor .elementor-widget-button.secondary-btn a.elementor-button {
background: var(--button-secondary-color-bg);
border: var(--button-secondary-border);
}
/* Hover */
/* Elementor */ .elementor .elementor-widget-button.secondary-btn a.elementor-button:is(:hover, :focus, :focus-within, :focus-visible) {
background: var(--button-secondary-color-bg-hover);
border: var(--button-secondary-border-hover);
}
/*--- Button transparent ---*/
/* Elementor */ .elementor .elementor-widget-button.transparent-btn a.elementor-button {
background: transparent;
color: var(--light-blue);
fill: var(--light-blue);
padding: 0 !important;
}
.elementor .text-white .elementor-widget-button.transparent-btn a.elementor-button {
color: #fff;
fill: #fff;
}
/* Hover */
/* Elementor */ .elementor .elementor-widget-button.transparent-btn a.elementor-button:is(:hover, :focus, :focus-within, :focus-visible) {
background: transparent;
}
/*--- Button Link ---*/
/* Elementor */ .elementor .elementor-widget-button.btn-link a.elementor-button {
background: transparent;
padding: 0;
color: var(--light-blue);
}
/* Hover */
/* Elementor */ .elementor .elementor-widget-button.btn-link a.elementor-button:is(:hover, :focus, :focus-within, :focus-visible) {
background: transparent;
color: var(--blue);
}
/*----------------- Divider -----------------*/
/* .elementor-widget-divider .elementor-divider {
max-width: 285px;
} */
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider .elementor-divider-separator {
border-color: var(--red);
border-width: 2px;
}
/*------------------------------- Header ------------------------------*/
header.elementor-location-header {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
/* height: var(--header-height); */
background: #fff;
background: transparent;
font-size: 1em;
font-size: var(--header-font-size);
}
.site-search {
box-shadow: 0px 0px 12px 0px rgba(255,255,255,.5);
}
header.elementor-location-header > .elementor-element {
position: relative;
z-index: 2;
}
body.admin-bar header.elementor-location-header {
top: var(--admin-bar-height);
}
header.elementor-location-header + * {
margin-top: var(--header-height);
margin-top: 0;
}
header.elementor-location-header .navigation-header > .elementor-element > .e-con-inner {
row-gap: 0 !important;
}
header.elementor-location-header > .elementor-element {
padding: .5rem 1rem;
padding: var(--padding-header, .25rem 1rem);
}
/*---------- Top Row (white) ----------*/
header.elementor-location-header > .elementor-element:first-child {
height: var(--logo-row-height);
}
header.elementor-location-header > .elementor-element:first-child > .elementor-element > .e-con-inner {
justify-content: center;
max-width: none;
}
/*--- Contact Links Icons ---*/
header.elementor-location-header .elementor-icon-list-items {
gap: 1rem;
}
header.elementor-location-header .elementor-icon-list-items .elementor-icon-list-item a {
color: var(--header-link-color);
fill: var(--header-link-color);
}
header.elementor-location-header .elementor-icon-list-items .elementor-icon-list-item a:is(:hover, :focus) {
color: var(--header-link-hover-color);
fill: var(--header-link-hover-color);
}
/* .elementor-92 .elementor-element.elementor-element-abc5755 .elementor-icon-list-text */
header.elementor-location-header .elementor-icon-list-items .elementor-icon-list-item a * {
color: inherit !important;
}
header.elementor-location-header .elementor-icon-list-items .elementor-icon-list-icon i.icon {
font-size: 1.2em;
}
header.elementor-location-header .elementor-icon-list-items .elementor-icon-list-text {
padding-left: .375rem;
}
/*--- Logo Header ---*/
header.elementor-location-header .logo-header,
header.elementor-location-header .logo-header * {
height: 100%;
}
header.elementor-location-header .logo-header img {
/* width: 190px;
height: auto;
height: 86px; */
height: 100%;
width: auto;
max-width: none;
}
/*--- Header Left Logo ---*/
header.elementor-location-header .header-left {
width: var(--logo-width);
}
header.elementor-location-header .header-left img {
width: 100%;
}
header.elementor-location-header .header-left + div {
width: calc(100% - var(--logo-width));
align-items: flex-end;
}
header.elementor-location-header .header-left + div > .e-con-inner {
margin: 0;
}
/*---------- Bottom Row (blue) ----------*/
header.elementor-location-header > .elementor-element:nth-child(2) {
/* height: var(--navi-row-height); */
align-items: center;
/* box-sizing: content-box; */
}
@media screen and (max-width: 1200px){
header.elementor-location-header > .elementor-element:nth-child(2) > .elementor-element:nth-child(2) > .e-con-inner {
gap: 8px !important;
}
}
/*--- Buttons ---*/
header.elementor-location-header .navigation-header.elementor-element .elementor-widget-button.icon-btn {
/* height: 2.2rem;
width: 2.2rem; */
padding: .2rem;
height: calc(var(--navi-row-height) - .5rem);
width: calc(var(--navi-row-height) - .5rem);
}
header.elementor-location-header .navigation-header.elementor-element .elementor-widget-button.icon-btn a {
padding: 0;
height: 1.8rem;
width: 1.8rem;
border-radius: 4px !important;
font-size: 1.4em;
background-color: transparent;
}
header.elementor-location-header .navigation-header.elementor-element .elementor-widget-button.icon-btn a:is(:hover, :focus, :focus-within, :focus-visible) {
background-color: var(--header-link-hover-color);
}
header.elementor-location-header .navigation-header.elementor-element .elementor-widget-button.icon-btn svg {
height: 1.5rem;
width: 1.5rem;
}
header.elementor-location-header .navigation-header.elementor-element .elementor-widget-button.icon-btn a * {
font-size: 100%;
}
/*--- Toggle Menu Button ---*/
/* header.elementor-location-header .navigation-header.elementor-element .elementor-menu-toggle * {
color: inherit !important;
fill: inherit !important;
}
header.elementor-location-header .navigation-header.elementor-element .elementor-menu-toggle:is(:hover, :focus) {
background: var(--red);
color: #fff;
fill: #fff;
} */
/*---------- Navigation ----------*/
header.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu a,
header.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu a.highlighted,
header.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu a:focus,
header.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu a:hover {
font-weight: 700;
padding-inline: 10px;
}
header.elementor-location-header :is(.elementor-nav-menu--dropdown a) {
color: #fff;
fill: #fff;
background-color: var(--red);
}
header.elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu--layout-horizontal :is(ul.elementor-nav-menu--dropdown a) {
border-color: transparent;
}
header.elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu--layout-horizontal :is(
ul.elementor-nav-menu--dropdown a:focus,
ul.elementor-nav-menu--dropdown a:hover) {
border-color: var(--header-link-hover-color);
}
header.elementor-location-header :is(.elementor-nav-menu--dropdown a) * {
color: inherit;
fill: inherit;
}
/* Hover */
header.elementor-location-header :is(
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover) {
color: var(--header-link-color);
fill: var(--header-link-color);
background-color: var(--header-link-hover-color);
}
/* Hover First Layer Desktop */
/* header.elementor-location-header nav.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal > ul > li > a.elementor-item:hover {
color: var(--header-link-hover-color) !important;
}
header.elementor-location-header nav.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal li:not(.current-menu-item) > .elementor-item:after {
opacity: 0 !important;
} */
/* Current */
header.elementor-location-header ul.elementor-nav-menu li.menu-item.current-menu-ancestor:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
z-index: 2;
background-color: var( --e-global-color-accent );
border: none;
}
/*----- Sub Menu ----*/
body .elementor-nav-menu--dropdown {
font-size: 1em;
}
a.elementor-item.has-submenu .sub-arrow i {
color: #fff;
transition: transform .3s ease-in-out;
}
a.has-submenu.highlighted .sub-arrow i {
transform: rotate(180deg);
}
/*---------- Logos Row ----------*/
header.elementor-location-header .logos-row {
gap: .5rem !important;
max-width: 280px;
}
.logos-row > .elementor-widget-image {
flex: 1;
min-width: 0;
display: flex;
}
.logos-row .elementor-widget-image img {
height: 100%;
width: auto;
object-fit: contain;
max-width: 100%;
}
.logos-row > .volvo { flex: 0.8; }
.logos-row > .renault { flex: 1.2; }
.logos-row > .schmitz { flex: 1.2; }
.logos-row > .fassi { flex: 1; }
/*---------- Search Header ----------*/
/*----- Search Button -----*/
/* .elementor .search-button.elementor-widget-button a.elementor-button, .search-button.elementor-widget-button .elementor-widget-button :is(.elementor-button, .elementor-button *) {
background: transparent;
color: #fff;
fill: #fff;
padding-left: 8px;
padding-right: 8px;
} */
.elementor .search-button.elementor-widget-button {
display: flex;
align-items: center;
justify-content: center;
display: none !important;
}
/*----- Search Popup -----*/
header .site-search.elementor-element {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
/* padding: 1.5rem; */
background: rgba(255,255,255,.9);
opacity: 0;
z-index: 1000;
justify-content: center;
align-items: center;
visibility: visible !important;
display: flex;
position: relative;
z-index: 1;
top: unset;
height: auto !important;
background: var(--red);
transform: translateY(-100%);
transition: transform .3s ease-in-out;
display: none !important;
}
header .site-search.elementor-element * {
visibility: visible !important;
color: #fff;
}
header .site-search.elementor-element.visible {
/* display: flex;
height: 100%; */
opacity: 1;
transform: translateY(0);
}
/* Input */
body .elementor-location-header .elementor-widget-search .e-search {
max-width: 600px;
float: right;
}
/* body .elementor-location-header .elementor-widget-search .e-search-input-wrapper {
max-width: 400px;
} */
body .elementor-location-header .elementor-widget-search .e-search input.e-search-input {
background-color: var(--red);
color: #fff;
border: 1px solid #fff;
}
/* Placeholder */
body .elementor-location-header .elementor-widget-search .e-search input.e-search-input::placeholder {
color: rgba(255,255,255,.7);
}
/* Button */
body .elementor-location-header .elementor-widget-search .e-search .e-search-submit {
background-color: #fff;
color: var(--red);
}
body .elementor-location-header .elementor-widget-search .e-search .e-search-submit:is(:hover, :focus) {
background-color: var(--red);
color: #fff;
}
/* Admin Bar */
/* body.admin-bar header .site-search.elementor-element {
top: 46px;
height: calc(100vh - 46px);
}
@media screen and (min-width: 783px){
body.admin-bar header .site-search.elementor-element {
top: 32px;
height: calc(100vh - 32px);
}
} */
/* Close Search */
header .site-search.elementor-element .close-search {
position: absolute;
top: .5rem;
left: unset;
right: .5rem;
padding: 8px;
display: none !important;
}
header .site-search.elementor-element .close-search .elementor-button-icon {
display: flex;
align-items: center;
}
/*---------- Header Sticky ----------*/
header.elementor-location-header.headerSticky {
height: calc(var(--header-height) - var(--logo-row-height));
}
/* White Bar (first Row) */
header.elementor-location-header > .elementor-element:first-child {
background-color: rgba(var(--red-rgb),1) !important;
overflow: hidden;
transition: height .3s ease-in-out, background-color .3s ease-in-out, padding .3s ease-in-out;
}
header.elementor-location-header.headerSticky > .elementor-element:first-child {
background-color: rgba(var(--red-rgb),1) !important;
height: 0;
padding: 0 var(--padding-sides);
}
/* Logo White (second Row) */
header.elementor-location-header > .elementor-element:nth-child(2) {
background-color: #fff !important;
transition: height .3s ease-in-out, background-color .3s ease-in-out, padding .3s ease-in-out;
}
header.elementor-location-header.headerSticky > .elementor-element:nth-child(2) {
background-color: #fff !important;
}
/* Logo White */
header.elementor-location-header .logo-white {
display: block;
height: calc(100% + .5rem);
margin-top: -.25rem;
opacity: 0;
transition: opacity .3s ease-in-out;
}
header.elementor-location-header .logo-white :is(*, a img[src$=".svg"]) {
height: 100%;
width: auto;
aspect-ratio: 45 / 22;
}
header.elementor-location-header.headerSticky .logo-white {
opacity: 1;
}
/*---------- Mobile Menu ----------*/
header.elementor-location-header .navigation-header.elementor-element {
flex-direction: row;
justify-content: flex-end;
}
body .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
max-height: calc(100vh - var(--header-height) - 1rem);
overflow-y: auto;
}
body.admin-bar .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
max-height: calc(100vh - var(--header-height) - 1rem - 46px);
}
body .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
font-size: 1em;
}
body nav.elementor-nav-menu--dropdown:not(.elementor-nav-menu--layout-horizontal) :is(
ul.elementor-nav-menu--dropdown a,
ul.elementor-nav-menu--dropdown a:focus,
ul.elementor-nav-menu--dropdown a:hover) {
border-color: var(--red);
}
/* body nav.elementor-nav-menu--dropdown:not(.elementor-nav-menu--layout-horizontal) :is(
ul.elementor-nav-menu--dropdown a:focus,
ul.elementor-nav-menu--dropdown a:hover) {
border-color: #fff;
} */
/*---------- Header Media Queries ----------*/
@media screen and (min-width: 768px){
header.elementor-location-header :is(.mobile-button) {
display: none;
}
header.elementor-location-header :is(.buttons-row) {
display: none;
}
header.elementor-location-header .logos-row {
max-width: 300px;
}
}
@media screen and (min-width: 1025px){
header.elementor-location-header .logos-row {
max-width: 280px;
}
}
@media screen and (min-width: 1200px){
header.elementor-location-header .logos-row {
max-width: 310px;
}
}
@media screen and (min-width: 1400px){
header.elementor-location-header .logos-row {
max-width: 346px;
}
}
/* Max Width */
@media screen and (max-width: 1024px){
header.elementor-location-header .elementor-widget-icon-list .elementor-icon-list-text {
display: none;
}
header.elementor-location-header .navigation-header.elementor-element .header-right .navi-right {
flex-direction: row;
justify-content: flex-end;
}
/*--- Toggle Menu Button ---*/
header.elementor-location-header .navigation-header.elementor-element .elementor-nav-menu--toggle,
header.elementor-location-header .navigation-header.elementor-element .elementor-menu-toggle,
header.elementor-location-header .navigation-header.elementor-element .elementor-menu-toggle svg {
padding: 0;
/* font-size: 1.5rem; */
/* height: 2.2rem;
width: 2.2rem; */
height: 38px;
width: 38px;
}
}
@media screen and (max-width: 767px){
header.elementor-location-header .navigation-header.elementor-element {
flex-direction: row;
align-items: stretch;
justify-content: stretch;
row-gap: 0;
column-gap: 0;
}
header.elementor-location-header .navigation-header.elementor-element > * {
/* width: 50%; */
}
header.elementor-location-header .navigation-header.elementor-element .header-left > .e-con-inner {
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
/* Logo */
header.elementor-location-header .logo-white + .elementor-element {
width: calc(100% - 130px);
flex-direction: row;
justify-content: flex-end;
}
header.elementor-location-header .navigation-header.elementor-element > .logo-white + .elementor-element > .e-con-inner {
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: row;
gap: 1rem;
}
header.elementor-location-header .logo-header + .elementor-element {
display: none;
}
/* Navi */
header.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
position: absolute;
top: 100%;
width: calc(100vw - 2.5rem);
right: 0;
background-color: var(--red);
}
header.elementor-location-header .not-mobile-button {
display: none;
}
}
@media screen and (max-width: 400px){
header.elementor-location-header .navigation-header.elementor-element,
header.elementor-location-header .navigation-header.elementor-element > .elementor-element {
justify-content: space-between;
flex-wrap: nowrap;
gap: .25rem;
}
}
@media screen and (max-width: 350px){
header.elementor-location-header .navigation-header.elementor-element,
header.elementor-location-header .navigation-header.elementor-element > .elementor-element {
gap: .1rem;
}
}
/*------------------------------- To Top Button ------------------------------*/
.totop-button.elementor-widget-button {
position: fixed;
bottom: -5rem;
right: 1rem;
z-index: 1000;
transition: bottom .3s linear;
}
.totop-button.elementor-widget-button.vsbl {
bottom: 1rem;
}
.elementor .totop-button.elementor-widget-button a.elementor-button {
background: var(--red);
color: #fff;
fill: #fff;
width: 3rem;
height: 3rem;
border-radius: var(--button-border-radius);
border: 1px solid #fff;
display: flex;
justify-content: center;
align-items: center;
/* box-shadow: 0 0 10px rgba(255,255,255,.9); */
transition: var(--transition-buttons);
}
.elementor .totop-button.elementor-widget-button a.elementor-button * {
color: inherit !important;
fill: inherit !important;
}
.elementor .totop-button.elementor-widget-button a.elementor-button i {
font-size: 1.4em;
}
.elementor .totop-button.elementor-widget-button a.elementor-button:is(:hover, :focus) {
background: #fff;
color: var(--red);
fill: var(--red);
border-color: var(--red);
}
/*------------------------------- Footer ------------------------------*/
:root {
--padding-footer: 40px 1rem;
}
@media screen and (min-width: 768px){
:root {
--padding-footer: 40px 2rem;
}
}
@media screen and (min-width: 1024px){
:root {
--padding-footer: 40px 3rem;
}
}
footer.elementor-location-footer {
/* margin-block-start: var(--row-gap-vertical, 3rem); */
padding: var(--padding-footer, 40px 1rem);
background-color: var(--red);
}
footer.elementor-location-footer > .elementor-element.e-con:not(:last-child) {
padding-block-end: 3rem;
}
footer.elementor-location-footer > .elementor-element.e-con:last-child {
padding-block-end: var(--row-gap-vertical, 4rem);
}
/*----- Fonts -----*/
footer.elementor-location-footer .elementor-element.e-con .elementor-element *,
footer.elementor-location-footer .elementor-element.e-con .elementor-element :is(h1, h2, h3, h4, h5, h6, p, a, li, span, div) {
color: #fff;
text-transform: none;
}
/*-- H3 --*/
footer.elementor-location-footer .elementor-element.e-con .elementor-element :is(h3) {
font-size: 1.25rem;
text-transform: uppercase;
}
/*--- Borlabs Blocker ---*/
footer.elementor-location-footer .brlbs-cmpnt-container *:not(a.brlbs-cmpnt-cb-btn) {
color: #000 !important;
}
/*----- Columns -----*/
:root {
--footer-column-gap: 2rem;
--footer-row-gap: 4rem;
}
body footer.elementor-location-footer > .e-con,
body footer.elementor-location-footer > .e-con > .e-con-inner {
column-gap: var(--footer-column-gap);
row-gap: var(--footer-row-gap);
max-width: var(--footer-max-width, 1400px);
}
body footer.elementor-location-footer #site-footer > .e-con-inner {
display: flex;
flex-wrap: wrap;
}
body footer.elementor-location-footer #site-footer > .e-con-inner > .e-con {
width: 100%;
}
@media screen and (min-width: 768px){
body footer.elementor-location-footer #site-footer > .e-con-inner > .e-con {
width: calc(50% - var(--footer-column-gap) / 2);
}
}
@media screen and (min-width: 1100px){
body footer.elementor-location-footer #site-footer > .e-con-inner > .e-con {
flex: 1;
}
body footer.elementor-location-footer #site-footer > .e-con-inner > .e-con:nth-child(3) {
flex: .5;
}
body footer.elementor-location-footer #site-footer > .e-con-inner > .e-con:nth-child(4) {
flex: .8;
}
}
@media screen and (min-width: 1024px){
body footer.elementor-location-footer #site-footer > .e-con-inner > .e-con:nth-child(3) {
flex: .8;
}
body footer.elementor-location-footer #site-footer > .e-con-inner > .e-con:nth-child(4) {
flex: 1;
}
}
/*----- Text Widgets -----*/
body .elementor-location-footer .elementor-widget-text-editor,
body .elementor-location-footer .elementor.elementor .e-con > .elementor-widget.elementor-widget-text-editor {
max-width: none;
margin-inline: 0;
}
/*----- Links & Menu -----*/
footer.elementor-location-footer .footer-links-container.elementor-element {
flex-direction: row;
gap: 1rem;
}
footer.elementor-location-footer .footer-links-container.elementor-element .elementor-widget-icon + .elementor-widget-text-editor {
display: flex;
align-items: center;
width: auto !important;
}
@media screen and (max-width: 767px){
footer.elementor-location-footer .footer-links-container.elementor-element {
/* gap: 2rem; */
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
footer.elementor-location-footer .footer-links-container.elementor-element {
/* flex-direction: column; */
}
}
footer.elementor-location-footer .elementor-widget-text-editor a {
text-decoration: none;
}
footer.elementor-location-footer .elementor-widget-text-editor a:is(:hover, :focus) {
text-decoration: underline;
}
/*----- Menu -----*/
footer.elementor-location-footer .elementor-nav-menu__container .elementor-nav-menu li a {
font-weight: 400;
}
/* vertical */
footer.elementor-location-footer .elementor-nav-menu--layout-vertical .elementor-nav-menu {
/* display: flex;
flex-direction: column;
margin-top: -.5rem; */
}
footer.elementor-location-footer .elementor-nav-menu--layout-vertical .elementor-nav-menu li a {
padding: .5rem 0;
}
/* horizontal */
footer.elementor-location-footer .elementor-nav-menu--layout-horizontal .elementor-nav-menu li a {
padding-inline: 4px;
}
/* Dropdown */
footer.elementor-location-footer .elementor-nav-menu--dropdown {
background: transparent
}
/*----- Contact Icons -----*/
footer.elementor-location-footer .contact-icon-list .elementor-icon {
background-color: #fff;
color: var(--red) !important;
fill: var(--red) !important;
}
footer.elementor-location-footer .contact-icon-list .elementor-icon * {
color: var(--red) !important;
fill: var(--red) !important;
}
/*----- Google Maps -----*/
footer.elementor-location-footer .elementor-widget-google_maps {
border-radius: var(--elem-border-radius);
overflow: hidden;
background: rgba(255,255,255,.1);
}
/*----- Copyright Line -----*/
footer.elementor-location-footer .copyright-line {
column-gap: 0 !important;
border-top: 1px solid #fff;
padding-top: 3rem;
}
/* Menu horizontal */
footer.elementor-location-footer .copyright-line .elementor-nav-menu--layout-horizontal {
justify-content: flex-end;
}
footer.elementor-location-footer .copyright-line .elementor-nav-menu--layout-horizontal .elementor-nav-menu li a {
padding: 0 6px 8px;
}
/*------------------------------- Forms - Contact Forms ------------------------------*/
/*------ General ------*/
body :is(input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea) {
background-color: #fff;
color: #000;
border: 1px solid #AFAFAF;
border-radius: var(--elem-border-radius);
padding: .5rem 1rem;
}
/*------ Ninja Forms ------*/
.nf-before-form-content {
margin-block-end: 1rem;
}
/* Labels */
.label-above .field-wrap {
position: relative;
}
.label-above .nf-field-label {
background-color: #fff;
padding: 2px 5px;
position: absolute;
top: 0;
left: 14px;
z-index: 10;
opacity: 0;
}
.label-above .nf-field-label * {
font-weight: 400;
}
/* Focus */
.label-above .nf-field-label:has( + .nf-field-element input:focus),
.label-above .nf-field-label:has( + .nf-field-element textarea:focus) {
opacity: 1;
}
.label-above .nf-field-label + .nf-field-element:has( input:focus),
.label-above .nf-field-label + .nf-field-element:has( textarea:focus) {
margin-block-start: 20px;
}
.label-above .nf-field-label + .nf-field-element input:focus::placeholder,
.label-above .nf-field-label + .nf-field-element textarea:focus::placeholder {
color: transparent;
}
/* Checkbox */
.nf-field .field-wrap.checkbox-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: .25rem;
}
.nf-field .field-wrap.checkbox-wrap .nf-field-description {
width: 100%;
clear: both;
}
.nf-field .field-wrap.checkbox-wrap .nf-field-element {
position: absolute;
top: 0;
left: 0;
}
.nf-form-content .label-right .nf-field-label {
padding-inline-start: 24px;
}
/*------------------------------- Page Layout - Elementor ------------------------------*/
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive.elementor, body.error404 .elementor.elementor-location-single) {
/* padding-top: 2rem; */
margin-block-start: calc(var(--header-height) + 3rem) !important;
}
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive.elementor, body.error404 .elementor.elementor-location-single):has(> .title-image) {
margin-block-start: calc(var(--header-height)) !important;
}
/*--- Templates ---*/
body .elementor.elementor-location-single .elementor-widget-template .elementor-template > .elementor {
margin-block-start: 0 !important;
}
body .elementor.elementor-location-single .elementor-widget-template .elementor-template > .elementor > .e-con {
margin-block-end: 0 !important;
padding-inline: 0;
}
/*--- Rows: Gaps Between ---*/
main > .page-content > .elementor > .elementor-element,
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive, body.error404 .elementor.elementor-location-single) > .elementor-element {
margin-block-end: var(--row-gap-vertical, 3rem);
}
main > .page-content > .elementor > .elementor-element.text-white:last-child,
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive, body.error404 .elementor.elementor-location-single) > .elementor-element.text-white:last-child {
margin-block-end: 0;
}
main > .page-content > .elementor > .elementor-element,
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive, body.error404 .elementor.elementor-location-single) > .elementor-element {
padding-inline: var(--padding-sides);
/* padding-top: var(--econ-column-gap, 40px);
padding-bottom: var(--econ-column-gap, 40px); */
padding-block: 0;
}
main > .page-content > .elementor > .elementor-element:is(.text-white, .has-bg),
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive, body.error404 .elementor.elementor-location-single) .elementor-element:is(.text-white, .has-bg) {
padding-block-start: 2rem;
padding-block-end: 2rem;
padding-block: var(--row-gap-vertical, 3rem);
}
main > .page-content > .elementor > .elementor-element.no-pad-bottom,
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive, body.error404 .elementor.elementor-location-single) .elementor-element.no-pad-bottom {
padding-block-end: 0;
}
/* No Gaps */
:is(.noPaddingBottom, .noPaddingBottom > .e-con-inner) {
padding-block-end: 0;
}
.noMarginBottom, main > .page-content > .elementor > .elementor-element:is(.noMarginBottom, .noMarginBottom > .e-con-inner),
:is(.elementor.elementor-location-single .elementor, .elementor.elementor-location-archive, body.error404 .elementor.elementor-location-single) > .elementor-element:is(.noMarginBottom, .noMarginBottom.title-image) {
margin-block-end: 0 !important;
}
/*--- Containers: Inner Gaps ---*/
body .e-con,
body .e-con > .e-con-inner {
row-gap: var(--econ-row-gap, 40px);
column-gap: var(--econ-column-gap, 40px);
}
body .e-con.no-gap,
body .e-con.no-gap > .e-con-inner {
row-gap: 0 !important;
column-gap: 0 !important;
}
body .e-con > .e-con-inner {
padding-top: 0;
padding-bottom: 0;
}
/* Smal gap */
body .e-con.small-gap,
body .e-con.small-gap > .e-con-inner {
row-gap: var(--econ-row-small-gap, 20px);
column-gap: var(--econ-column-small-gap, 20px);
}
/*--- Divider / Separator ---*/
.elementor/* .elementor-location-single */ :is(.e-con, .e-con > .e-con-inner) > .elementor-element.elementor-widget-divider > .elementor-divider {
padding: 0;
}
/*--- Accordion / Akkordeon ---*/
.elementor-widget-n-accordion .e-n-accordion {
display: flex;
flex-direction: column;
gap: 1rem;
}
.elementor-widget-n-accordion .e-n-accordion summary.e-n-accordion-item-title {
border-radius: var(--button-border-radius);
/* background: var(--button-color-bg); */
background: var(--red);
background: #fff;
/* color: var(--button-color-font);
fill: var(--button-color-font); */
color: var(--grey);
fill: var(--grey);
align-items: flex-start;
}
.elementor-widget-n-accordion .e-n-accordion summary.e-n-accordion-item-title *,
.elementor-widget-n-accordion .e-n-accordion summary.e-n-accordion-item-title .e-n-accordion-item-title-icon span > svg {
color: inherit;
fill: inherit;
}
.elementor-widget-n-accordion .e-n-accordion summary.e-n-accordion-item-title .e-n-accordion-item-title-icon {
padding-top: 6px;
}
/* Hover + Expanded */
.elementor-widget-n-accordion .e-n-accordion summary.e-n-accordion-item-title[aria-expanded="true"],
.elementor-widget-n-accordion .e-n-accordion details.e-n-accordion-item:is(:hover, :focus) summary.e-n-accordion-item-title {
background: var(--red);
border: 1px solid var(--red);
color: #fff;
fill: #fff;
}
/* Answer Box */
.elementor-widget-n-accordion .e-n-accordion summary + .elementor-element {
border: none !important;
}
/*--- Image Box (Image + Text) ---*/
.elementor-image-box-wrapper .elementor-image-box-img img {
margin-left: auto;
margin-right: auto;
}
/*--- Single Images ---*/
.img-rounded-corners.elementor-widget-image img {
border-radius: var(--elem-border-radius);
}
/*--- Full Row Height Images ---*/
.img-full-row-height.elementor-widget-image,
.img-full-row-height.elementor-widget-image * {
height: 100%;
}
.img-full-row-height.elementor-widget-image img {
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
@media screen and (max-width: 767px){
.img-full-row-height.elementor-widget-image {
height: auto;
aspect-ratio: 4 / 3;
}
/* mobile image second */
.e-con-inner:has( > .elementor-element:first-child > .elementor-widget-image:only-child ) {
flex-direction: column-reverse;
}
}
/*--- Search ---*/
body .elementor-widget-search .e-search-input-wrapper/* input[type="search"] */ {
max-width: 400px;
}
/*--- Headlines ---*/
body .elementor-widget-heading .elementor-heading-title {
font-family: var(--font);
width: 100%;
max-width: var(--text-max-width, 1140px);
margin-inline: auto;
}
/*--- Text Editor ---*/
.e-con-full > .elementor-widget-text-editor {
margin-inline: auto;
}
body .elementor-widget-text-editor,
body .elementor.elementor :is(.e-con, .e-con > .e-con-inner) > .elementor-widget.elementor-widget-text-editor {
font-family: var(--font);
width: 100%;
max-width: var(--text-max-width, 1140px);
margin-inline: auto;
}
body .elementor-widget-text-editor.no-max-width {
max-width: none !important;
}
.elementor-widget-text-editor > *:not(:last-child) {
margin-bottom: 1rem;
}
.elementor-widget-text-editor > *:last-child {
margin-bottom: 0;
}
/* Lists */
.elementor .elementor-widget-text-editor ol {
padding-left: 28px;
}
/* .elementor-widget-text-editor > p:has( + :is(ul, ol)) {
margin-bottom: .25rem !important;
} */
.elementor .elementor-widget-text-editor ul {
list-style: none;
padding-left: 0;
}
.elementor .elementor-widget-text-editor ul li {
position: relative;
padding-left: 28px;
margin-bottom: .5rem;
}
.elementor .elementor-widget-text-editor ul li::before {
content: "";
position: absolute;
left: 0;
top: 5px;
/* transform: translateY(-50%); */
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='8.5' stroke='%236787A8'/%3E%3Cpath d='M6 8.99995L7.8 11.4L12 7.19995' stroke='%236787A8' stroke-linecap='round'/%3E%3C/svg%3E");
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
}
.elementor .text-white .elementor-widget-text-editor ul li::before {
background-image: url('data:image/svg+xml,');
}
/* Links */
.elementor .elementor-widget-text-editor a {
text-decoration: underline;
color: var(--link-color);
}
.elementor .elementor-widget-text-editor a:is(:hover, :focus) {
text-decoration: underline;
color: var(--link-color-hover);
}
/* Links Light */
.elementor .text-white .elementor-widget-text-editor a {
color: var(--link-color-light);
}
.elementor .text-white .elementor-widget-text-editor a:is(:hover, :focus) {
color: var(--link-color-light-hover);
}
/* Pre Headline */
body .elementor-widget-text-editor > p:first-child:has( + :is(h1, h2, h3, h4, h5, h6)) {
text-transform: uppercase;
font-size: 1.2em;
color: var(--red);
margin-bottom: .45rem;
}
body .title-image .elementor-widget-text-editor > p:first-child:has( + :is(h1, h2, h3, h4, h5, h6)) {
color: #fff;
}
/*---- blockquote ----*/
:is(body .elementor-widget-text-editor, body .elementor.elementor .e-con > .elementor-widget.elementor-widget-text-editor):has(> blockquote) {
max-width: none;
}
.elementor-widget.elementor-widget-text-editor > blockquote {
font-size: 1.8em;
font-style: italic;
font-weight: 600;
text-transform: uppercase;
}
/*--- child sticky (Map) ---*/
body .elementor .elementor-element.child-sticky {
display: block;
}
body .elementor .elementor-element.child-sticky > * {
position: sticky;
top: calc(100px + var(--admin-bar-height, 0px));
}
/*--- Title Image ---*/
.elementor.elementor-location-single .elementor .title-image.elementor-element:has(+ .elementor-element) {
width: 100%;
max-width: 100%;
height: auto;
height: calc(100vh - var(--header-height) - var(--admin-bar-height, 0px));
max-height: 700px;
/* max-height: calc(100vh - var(--header-height) - var(--admin-bar-height, 0px)); */
aspect-ratio: 4/3;
margin-top: 0 !important;
}
/*--- background row after ----*/
.elementor.elementor-location-single .elementor .title-image.elementor-element:has(+ .elementor-element.text-white) {
margin-bottom: 0 !important;
}
.elementor.elementor-location-single .elementor .title-image.elementor-element + .elementor-element.text-white {
padding-block: 40px !important;
}
body:not(.single-referenz) .elementor.elementor-location-single .elementor .title-image.elementor-element:has(+ .elementor-element)/* ,
body:not(.single-referenz) .elementor.elementor-location-single .elementor .title-image.elementor-element + .elementor-element */ {
margin-bottom: var(--title-image-margin-bottom, 1rem);
}
/* body:not(.single-referenz) .elementor.elementor-location-single .elementor .title-image.elementor-element + .elementor-element {
margin-bottom: calc(var(--title-image-margin-bottom, 1rem) * 2);
} */
/*--- icon bounce animation ----*/
.title-image.elementor-element .bottom-center.elementor-element {
position: absolute;
left: 0;
bottom: 1rem;
top: unset;
/* left: 50%;
transform: translateX(-50%); */
padding: 0;
width: 100%;
}
.elementor .elementor-widget-button.transparent-btn.bounce-anim-icon a.elementor-button {
color: #fff;
fill: #fff;
}
.title-image.elementor-element .bottom-center.elementor-element .elementor-element {
padding: 0;
}
.bounce-anim-icon .elementor-button-icon {
animation: bounceIcon 2s infinite;
}
@keyframes bounceIcon {
0% {
transform: translateY(0);
animation-timing-function: cubic-bezier(0.5, 0.85, 0.65, 1);
}
50% {
transform: translateY(-16px);
animation-timing-function: cubic-bezier(0.35, 0, 0.55, 0.15);
}
100% {
transform: translateY(0);
}
}
@media screen and (min-width: 768px){
.elementor .title-image.elementor-element {
height: auto;
aspect-ratio: 2/1;
}
}
@media screen and (min-width: 1024px){
.elementor .title-image.elementor-element {
aspect-ratio: 2.5/1;
}
}
@media screen and (min-width: 1366px){
.elementor .title-image.elementor-element {
aspect-ratio: 96/35;
}
}
/*--- Copyright / Image Captions ---*/
.copyright {
font-size: .9em;
}
.title-image .copyright {
padding: 0 1rem !important;
text-shadow: 0 0 5px rgba(0,0,0,1);
}
.title-image .copyright a {
color: #fff !important;
}
/*--- Big Numbers ---*/
:is(.big-number, .text-big) {
font-size: 1.8em;
}
@media screen and (min-width: 1366px ){
:is(.big-number, .text-big) {
font-size: 1.6em;
}
}
/*--- Price List ---*/
.elementor-widget-price-list {
font-size: 1.6em;
}
body :is(.elementor-price-list .elementor-price-list-item .elementor-price-list-header, .elementor-price-list .elementor-price-list-item .elementor-price-list-price) {
font-size: 1em;
font-weight: 400;
}
body :is(.elementor-price-list .elementor-price-list-item .elementor-price-list-price) {
white-space: nowrap;
}
/*--- Cards Grid ---*/
.cards-wrapper > .elementor-element.e-con {
border-radius: var(--elem-border-radius);
border: 1px solid var(--grey);
background: var(--cards-bg, #fff);
}
.cards-wrapper > .elementor-element.e-con {
padding: var(--cards-gap, 25px);
gap: var(--cards-gap, 25px);
}
/* Cards Image */
.cards-wrapper > .elementor-element.e-con > .elementor-widget-image:first-child {
border-radius: var(--elem-border-radius) var(--elem-border-radius) 0 0;
overflow: hidden;
width: calc(100% + var(--cards-gap, 25px) * 2);
max-width: none;
margin-inline: calc(var(--cards-gap, 25px) * -1);
margin-block-start: calc(var(--cards-gap, 25px) * -1);
}
.cards-wrapper > .elementor-element.e-con > .elementor-widget-image:last-child {
border-radius: 0 0 var(--elem-border-radius) var(--elem-border-radius);
overflow: hidden;
width: calc(100% + var(--cards-gap, 25px) * 2);
max-width: none;
margin-inline: calc(var(--cards-gap, 25px) * -1);
margin-block-end: calc(var(--cards-gap, 25px) * -1);
}
/*--- Counter Grid ---*/
.counter-grid > .e-con-inner > .elementor-element.e-con {
border-radius: var(--elem-border-radius);
border: var(--box-border-dark, 1px solid #343434);
background: #23272F;
}
.elementor-widget-counter :is(.elementor-counter, .elementor-counter *) {
font-family: var(--font) !important;
}
.elementor-widget-counter .elementor-counter .elementor-counter-title {
color: inherit;
}
.elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper {
font-size: 2em;
}
.elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper * {
font-style: italic;
}
/*--- Service Partner Grid ---*/
body .e-con.service-partner-grid {
gap: 70px;
}
body .e-con.service-partner-grid .volvo img {
transform: scale(0.8);
}
body .e-con.service-partner-grid .renault-trucks img {
transform: scale(0.7);
}
body .e-con.service-partner-grid .schmitz-cargobull img {}
body .e-con.service-partner-grid .fassi img {
transform: scale(0.85);
}
/*--- Icons ---*/
.elementor-widget-icon .elementor-icon {
font-size: 3em;
}
.elementor-widget-icon .elementor-icon * {
font-size: 1em;
}
/* icon font sizes (individual) */
.elementor-widget-icon .elementor-icon i.icon:is(.icon-hydraulik) {
font-size: var(--icon-font-size-large, .6em) !important;
}
.elementor-widget-icon .elementor-icon i.icon:is(.icon-phone, .icon-mail-envelope-open) {
font-size: var(--icon-font-size-small, .35em) !important;
}
/*--- Tiles Wrapper ---*/
.tiles-wrapper > .e-con-inner > .elementor-element,
.tiles-wrapper > .elementor-element {
padding: 1rem;
padding: var(--inner-container-padding, 1rem);
gap: 1rem;
}
/* Hover */
.tiles-wrapper > .e-con-inner > .elementor-element:is(:hover, :focus),
.tiles-wrapper > .elementor-element:is(:hover, :focus) {
transform: translateY(-10px);
transition: var(--transition-buttons);
}
/* Image : First Child */
.tiles-wrapper > .e-con-inner > .elementor-element .elementor-widget.elementor-widget-image:first-child,
.tiles-wrapper > .elementor-element .elementor-widget.elementor-widget-image:first-child {
width: calc(100% + var(--inner-container-padding, 1rem) * 2);
max-width: none;
margin-inline: calc(var(--inner-container-padding, 1rem) * -1);
margin-block-start: calc(var(--inner-container-padding, 1rem) * -1);
border-radius: var(--elem-border-radius) var(--elem-border-radius) 0 0;
overflow: hidden;
}
.tiles-wrapper .testkit-card.elementor-widget-image img {
aspect-ratio: 4/3;
object-position: center;
object-fit: cover;
transform: scale(1.4);
}
/* Button transparent */
.elementor .tiles-wrapper .elementor-widget-button.transparent-btn a.elementor-button {
color: var(--light-blue);
}
/* Text */
.tiles-wrapper > .e-con-inner > .elementor-element > .elementor-widget-text-editor {
max-width: none !important;
container-type: inline-size;
}
@container (min-width: 600px) {
.tiles-wrapper > .e-con-inner > .elementor-element > .elementor-widget-text-editor ul {
column-count: 2;
column-gap: 20px;
}
}
@container (min-width: 1024px) {
.tiles-wrapper > .e-con-inner > .elementor-element > .elementor-widget-text-editor ul {
column-count: 3;
}
}
@container (min-width: 1200px) {
.tiles-wrapper > .e-con-inner > .elementor-element > .elementor-widget-text-editor ul {
column-count: 4;
}
}
/* Icon */
/* .tiles-wrapper .elementor-widget-icon {
aspect-ratio: 1/1;
width: 100%;
max-width: 12rem;
height: auto;
max-height: 7rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.tiles-wrapper .elementor-widget-icon .elementor-icon * {
color: inherit;
} */
/* .tiles-wrapper .elementor-widget-icon .elementor-icon i {
display: flex;
justify-content: center;
align-items: center;
}
.tiles-wrapper .elementor-widget-icon .elementor-icon i.icon:before {
font-size: clamp(2rem, 50vw, 7rem);
} */
@media screen and (min-width: 768px){
/* .tiles-wrapper .elementor-widget-icon {
max-height: 6rem;
}
.tiles-wrapper .elementor-widget-icon .elementor-icon i.icon:before {
font-size: clamp(2rem, 12vw, 5rem);
} */
}
@media screen and (min-width: 1366px){
}
@media screen and (min-width: 1600px){
.tiles-wrapper > .e-con-inner > .elementor-element .elementor-widget-text-editor p {
hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
-moz-hyphens: none;
}
}
/*--- Contact Person ---*/
/* person image */
.contact-person.tiles-wrapper .elementor-widget-image:first-child {
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
width: 100%;
}
/* 1 child element */
.contact-person.tiles-wrapper > .e-con-inner:not(:has(> .elementor-element.e-con:nth-child(2))) {
max-width: 450px;
}
/* 2 child elements */
.contact-person.tiles-wrapper > .e-con-inner:has(> .elementor-element.e-con:nth-child(2)):not(:has(> .elementor-element.e-con:nth-child(3))) {
max-width: calc(900px + var(--econ-row-gap, 40px));
}
/*--- Contact Icon List ---*/
/* Wrapper */
.contact-icon-list > .elementor-element.e-con {
flex-direction: row;
gap: 20px;
}
/* Links */
.contact-icon-list .elementor-widget-text-editor a {
text-decoration: none;
color: var(--dark-grey-blue) !important;
}
.text-white .contact-icon-list .elementor-widget-text-editor a {
color: #fff !important;
}
/* Icons */
.contact-icon-list .elementor-icon {
background-color: var(--red);
width: 50px;
height: 50px;
border-radius: var(--icon-border-radius);
display: flex;
justify-content: center;
align-items: center;
}
.contact-icon-list .elementor-icon i {
font-size: var(--icon-font-size, .45em);
color: #fff;
}
/* Text */
body .elementor .elementor-element .contact-icon-list .elementor-widget-text-editor {
margin-inline: 0 !important;
}
.no-column-gap {
column-gap: 0 !important;
}
/*--- 2 Columns ---*/
.elementor.elementor-location-single .two-cols-layout {
column-gap: 0 !important;
row-gap: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor.elementor-location-single .two-cols-layout > .elementor-element {
padding: 40px var(--padding-sides) 40px 30px;
align-items: flex-start;
}
.elementor.elementor-location-single .two-cols-layout > .elementor-element:first-child {
padding: 40px 30px 40px var(--padding-sides);
align-items: flex-end;
}
.elementor.elementor-location-single .two-cols-layout > .elementor-element > .elementor-element {
width: 100%;
max-width: 685px;
/* float: left; */
}
/* Image Column Mobile */
@media screen and (max-width: 767px){
.elementor.elementor-location-single .two-cols-layout > .elementor-element:not(:has( > .elementor-element )) {
aspect-ratio: 3/2;
aspect-ratio: 2/1;
}
/* .elementor.elementor-location-single .two-cols-layout:not(:has( > .elementor-element:first-child > .elementor-element )) {
flex-direction: column-reverse;
} */
}
@media screen and (min-width: 768px){
.elementor.elementor-location-single .two-cols-layout {
min-height: 560px;
}
}
/* @media screen and (min-width: 1366px){
.elementor.elementor-location-single .two-cols-layout {
min-height: 560px;
}
} */
@media screen and (min-width: 1600px){
.elementor.elementor-location-single .two-cols-layout {
min-height: 700px;
}
}
/*--- Overlapping Section Top ---*/
@media screen and (min-width: 768px){
body:not(.elementor-editor-active) .elementor-element:has(+ .overlap-top.elementor-element) > .elementor-element {
padding-bottom: calc(var(--row-gap-vertical, 3rem) * 1.5) !important;
}
body:not(.elementor-editor-active) .overlap-top.elementor-element {
margin-top: calc(var(--row-gap-vertical, 3rem) * 2 * -1) !important;
}
}
/*--- Tiles in Overlapping Section Top ---*/
.tiles-wrapper > .e-con-inner > .elementor-element,
.tiles-wrapper > .elementor-element {
border-radius: var(--button-border-radius);
background: var(--cards-bg, #fff);
border: var(--box-border, 1px solid #AFAFAF);
}
/*--- Overlapping Bottom ---*/
@media screen and (min-width: 768px){
.overlap-bottom {
margin-bottom: -50px !important;
}
}
/*--- Icon & Number on blue square ---*/
:is(.number-square, .number-circle) p {
font-weight: 600;
}
.tiles-wrapper .elementor-widget-icon .elementor-icon i {
font-size: var(--icon-font-size, .45em);
}
:is(.tiles-wrapper .elementor-widget-icon .elementor-icon, .number-square, .number-circle) {
background-color: var(--red);
width: 50px !important;
height: 50px !important;
aspect-ratio: 1/1;
border-radius: var(--elem-border-radius);
display: flex;
justify-content: center;
align-items: center;
margin: 0 !important;
color: #fff !important;
fill: #fff !important;
}
.tiles-wrapper .elementor-widget-text-editor.number-circle {
border-radius: 100% !important;
margin: 0 auto !important;
}
:is(.tiles-wrapper .elementor-widget-icon .elementor-icon, .number-square, .number-circle) svg {
width: 60% !important;
height: 60% !important;
}
:is(.tiles-wrapper .elementor-widget-icon .elementor-icon, .number-square, .number-circle) * {
color: inherit !important;
fill: inherit !important;
}
/*------------------------------- Contact ------------------------------*/
/*--- Contact Persons List ---*/
.contacts-list > .elementor-element.e-con,
:is(.elementor.elementor-location-single.standort) .contacts-list > .elementor-element.e-con {
align-items: stretch !important;
padding: 1.25rem !important;
gap: 1.25rem !important;
}
@media screen and (max-width: 767px){
.contacts-list > .elementor-element.e-con,
:is(.elementor.elementor-location-single.standort) .contacts-list > .elementor-element.e-con {
max-width: calc(326px + 2.5rem);
margin: 0 auto;
}
}
/* Image */
.contacts-list > .elementor-element.e-con > .elementor-element:first-child {
aspect-ratio: 1/1;
max-width: 326px;
}
.contacts-list > .elementor-element.e-con > .elementor-element:first-child * {
height: 100%;
}
.contacts-list > .elementor-element.e-con > .elementor-element:first-child img {
width: auto;
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
border-radius: var(--button-border-radius);
}
/* Text */
.contacts-list > .elementor-element.e-con > .elementor-element:nth-child(2) {
justify-content: space-between;
}
.contacts-list > .elementor-element.e-con > .elementor-element:nth-child(2) > .e-con {
gap: .25rem !important;
}
/*---------------- Post Grid Cards Layout -----*/
/* Post Thumbnail Image Section */
.elementor-widget-posts .elementor-post.elementor-grid-item.type-referenz .elementor-post__thumbnail__link {
margin: 0;
}
/* Text Section */
.elementor-widget-posts .elementor-post.elementor-grid-item.type-referenz .elementor-post__text {
margin-top: 0;
padding: 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: space-between;
align-items: space-between;
}
.elementor-widget-posts .elementor-post.elementor-grid-item.type-referenz .elementor-post__text > * {
margin: 0;
}
/* Button "Read More" */
body :is(.elementor-widget-archive-posts, article.elementor-post) .elementor-post__read-more::after {
/* content: '\e902';
font-family: 'icomoon' !important; */
content: '';
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1em;
height: 1em;
margin-bottom: -3px;
display: inline-block;
}
body :is(.elementor-widget-archive-posts, article.elementor-post) .elementor-post__read-more:is(:hover, :focus, :focus-within, :focus-visible)::after {
background-image: url('data:image/svg+xml,');
}
/*------------------------------- Post Grid Tiles ------------------------------*/
/*----- Elementor Default Cards -----*/
.elementor-posts-container.elementor-posts--skin-cards.elementor-grid > article.elementor-post.elementor-grid-item {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);
border-radius: var(--button-border-radius);
overflow: hidden;
background: #fff;
transition: var(--transition-buttons);
}
/*----- Elementor Custom Grid Cards - Locations -----*/
.elementor-widget-loop-grid .e-loop-item.elementor-832 {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);
border-radius: var(--button-border-radius);
overflow: hidden;
background: #fff;
}
.elementor-widget-loop-grid .e-loop-item.elementor-832 * {
color: #000;
}
.elementor-widget-loop-grid .e-loop-item.elementor-832 > .elementor-element {
padding: 1rem !important;
}
.elementor-widget-loop-grid .e-loop-item.elementor-832 > .elementor-element > .e-con-inner {
row-gap: 1rem !important;
justify-content: space-between;
}
/*-- Headline --*/
body :is(.entry-content, .comment-content, .entry-header, .elementor) .elementor-widget-loop-grid .e-loop-item.elementor-832 :is(h1, h2, h3, h4, h5, h6, .elementor-widget-heading .elementor-heading-title) {
color: var(--red);
font-size: 1.2rem;
}
/*-- Address --*/
/* .elementor-widget-loop-grid .e-loop-item.elementor-832 */.address-container,
/* .elementor-widget-loop-grid .e-loop-item.elementor-832 */.address-container * {
gap: 0 !important;
}
/* .elementor-widget-loop-grid .e-loop-item.elementor-832 */.address-container .plz-city > *:nth-child(2) {
margin-right: 4px;
display: none;
}
.address-container .plz-city > *:first-child {
margin-right: 4px;
}
/*-- Buttons --*/
.elementor-widget-loop-grid .e-loop-item.elementor-832 .elementor-widget-button a.elementor-button {
background: var(--red);
color: #fff;
fill: #fff;
}
/* Hover */
.elementor-widget-loop-grid .e-loop-item.elementor-832 .elementor-widget-button a.elementor-button:is(:hover, :focus, :focus-within, :focus-visible) {
color: #fff;
fill: #fff;
background: var(--red);
}
/*-- Responsive --*/
@media screen and (min-width: 500px) and (max-width: 767px){
.elementor-widget-loop-grid .elementor-loop-container.elementor-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.elementor-widget-loop-grid .elementor-loop-container.elementor-grid {
grid-template-columns: repeat(1, 1fr);
}
}
/*------------------------------- Custom Box Grid ------------------------------*/
.box-grid > .elementor-element {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);
border-radius: var(--button-border-radius);
overflow: hidden;
background: #fff;
transition: var(--transition-buttons);
color: #000;
fill: #000;
}
.box-grid > .elementor-element .elementor-heading-title {
color: var(--red) !important;
}
.box-grid > .elementor-element * {
color: inherit !important;
fill: inherit !important;
}
.box-grid > .elementor-element > .e-flex.e-con {
gap: .5rem !important;
}
/* Hover */
.box-grid > .elementor-element:is(:hover, :focus, :focus-within, :focus-visible) {
background: var(--red);
color: #fff;
fill: #fff;
transform: translateY(-10px);
}
.box-grid > .elementor-element:is(:hover, :focus, :focus-within, :focus-visible) .elementor-heading-title {
color: #fff !important;
}
/* Icon */
.box-grid .elementor-icon-list-item {
flex-direction: row-reverse;
justify-content: flex-end !important;
gap: .5rem;
}
.box-grid .elementor-icon-list-item .elementor-icon-list-icon i::before {
font-size: 1.45em;
}