:root {
--primary-color: #8bd648;
--primary-dark: #222;
--accent-color: #8bd648;
--text-light: #fff;
--text-dark: #222;
--border-color: #ccc;
--background-color: #fff;
--transition: 300ms;
} .et_pb_blurb_content {
word-break: break-word;
} #top-header a:hover {
color: var(--accent-color);
}
#et-info-phone:hover {
color: #3f4448;
transition: 300ms;
}
#top-header #et-info {
text-align: right;
width: 50%;
float: right;
}
#top-header .fd_topbar_ls {
width: 50%;
float: left;
}
.fd_topbar_ls span {
font-size: 14px;
}
.fd_topbar_ls a:first-child {
margin-right: 22px;
}
.fd_topbar_ls a {
color: #fff;
font-size: 13px;
text-align: center;
background-color: var(--accent-color);
border-radius: 5px;
padding: 3px 15px 4px 15px;
margin-left: 20px;
opacity: 1;
}
.fd_topbar_ls a:hover {
color: var(--text-light) !important;
opacity: .9;
} #top-menu li a {
font-weight: 600 !important;
}
#main-header .nav li ul a,
.et-fixed-header #top-menu .sub-menu li.current-menu-item > a {
color: var(--text-light) !important;
} .footer-widget .fwidget {
margin-bottom: 30px !important;
}
.fwidget .title {
margin-bottom: 15px !important;
}
.widget_custom_html {
display: block;
width: 100%;
}
.footer-widget a:hover {
color: var(--primary-color) !important;
transition: var(--transition);
opacity: 1;
} .fd-footer-nav {
border-right: none !important;
}
.fd-footer-nav ul li {
margin: 0px !important;
padding: 0px !important;
line-height: 1.3em;
}
.fd-footer-nav ul li a {
color: var(--text-dark) !important;
font-size: 15px;
font-weight: 600;
transition: 300ms;
}
.fd-footer-nav ul li a:hover {
color: var(--text-light) !important;
} #footer-info {
float: none;
text-align: center;
padding-bottom: 5px;
}
#footer-info, #footer-info a {
font-weight: 600 !important;
}
#footer-info a {
color: inherit;
}
#footer-info a:hover {
color: var(--accent-color) !important;
}
#footer-bottom .et-social-icons {
padding: 10px;
}
#footer-info,
.et-social-icons {
text-align: center;
display: block;
float: none;
}  .fd-list-col-4 {
column-count: 4;
}
.fd-list-col-3 {
column-count: 3;
}
.fd-list-col-2 {
column-count: 2;
} .fd-list-o li a {
font-weight: 600;
}
.fd-list-o li i {
width: 30px;
font-weight: 600;
} .et_pb_newsletter_result {
max-width: 600px;
margin: 0 auto 40px auto;
padding: 35px 10px;
border: 1px solid var(--text-light);
}
.et_pb_newsletter_result h2 {
color: var(--text-light) !important;
font-size: 18px;
line-height: 1.4em;
} .fd-gallery.no-lightbox a {
pointer-events: none !important;
}
.fd-gallery.no-lightbox .et-pb-slider-arrows a {
pointer-events: auto !important;
} @media only screen and (min-width: 981px) { .fd-header-cta a,
body #main-header.et-fixed-header .fd-header-cta a {
color: var(--text-light) !important;
font-size: 15px;
font-weight: inherit;
text-transform: uppercase;
padding: 12px 15px!important;
background-color: var(--primary-color);
border-radius: 50px;
margin-bottom: 24px;
}
.fd-header-cta a:hover,
body #main-header.et-fixed-header .fd-header-cta a:hover {
opacity: .7 !important;
} .fd-email-optin-1 .et_pb_newsletter_field, .fd-email-optin-1 .et_pb_newsletter_button_wrap {
flex-basis: calc(33.33% - 20px) !important;
}
} #footer-info {
float: none;
padding-bottom: 5px;
color: #000;
text-align: center;
}
.fd-header-cta {
display: none !important
}
@media only screen and (max-width: 980px) { .mobile_menu_bar::before {
color: var(--primary-color) !important; 
}
#main-header .et_mobile_menu { border-radius: 5px;
} .fd-primary-header .header-content {
width: 100% !important;
}
.et_mobile_menu li a { } .fd-reverse-row {
display: flex;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 1024px), (max-width: 768px) {
#top-menu li a {
font-size: 11px;
}
}
@media only screen and (max-width: 768px) {
#top-header .fd_topbar_ls {
display: none;
}
#top-header #et-info {
width: 100%;
text-align: center;
} .fd-list-col-2, .fd-list-col-3, .fd-list-col-4 {
column-count: 2;
}
}
@media only screen and (max-width: 767px) { .fd-list-col-2, .fd-list-col-3, .fd-list-col-4 {
column-count: 1;
}
} .mx-blog-page {
background: #fff;
}
.mx-blog-hero {
width: 100%;
overflow: hidden;
}
.mx-blog-hero__image {
display: block;
width: 100%;
height: auto;
}
.mx-blog-section {
padding: 70px 0 45px;
}
.mx-blog-section__title {
margin: 0 0 42px;
text-align: center;
font-family: "Roboto Condensed", Arial, sans-serif;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 1.2;
color: #222;
}
.mx-blog-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
width: 100%;
}
.mx-blog-card {
position: relative;
min-height: 360px;
overflow: hidden;
background: #000;
}
.mx-blog-card__image {
position: absolute;
inset: 0;
display: block;
}
.mx-blog-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 300ms ease, opacity 300ms ease;
}
.mx-blog-card::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .45);
transition: background 300ms ease;
}
.mx-blog-card:hover .mx-blog-card__image img {
transform: scale(1.04);
}
.mx-blog-card:hover::after {
background: rgba(0, 0, 0, .62);
}
.mx-blog-card__content {
position: relative;
z-index: 1;
display: flex;
min-height: 360px;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 34px 28px;
text-align: center;
color: #fff;
}
.mx-blog-card__title {
margin: 0 0 22px;
font-family: "Roboto Condensed", Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
}
.mx-blog-card__title a,
.mx-blog-card__title a:hover {
color: #fff;
}
.mx-blog-card__meta {
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
color: #fff;
}
.mx-blog-card__meta::after {
content: "";
display: block;
width: 25px;
height: 2px;
margin: 15px auto 5px;
background-color: #c4c4c3;
}
.mx-blog-card__excerpt {
display: none;
}
.mx-blog-card__button {
display: inline-block;
margin-top: 0;
padding: 12px 26px;
border: 1px solid #fff;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
transition: background 300ms ease, color 300ms ease;
}
.mx-blog-card__button:hover {
background: #fff;
color: #000;
}
body.home .mx-blog-card__meta {
font-size: 15px;
font-style: italic;
font-weight: 400;
letter-spacing: .03em;
text-transform: uppercase;
}
body.home .mx-blog-card__meta::after {
width: 34px;
height: 2px;
margin: 11px auto 24px;
background-color: #fff;
}
body.home .mx-blog-card__title {
margin-bottom: 26px;
font-family: "Lato", Sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
text-transform: uppercase;
}
body.home .mx-blog-card__title a {
font-family: "Lato", Sans-serif !important;
font-size: inherit !important;
font-weight: 600 !important;
line-height: inherit !important;
text-transform: uppercase !important;
}
body.home .mx-blog-card__button {
padding: 11px 30px;
border: 2px solid #fff;
background: transparent;
color: #fff;
font-size: 13px;
font-weight: 600;
letter-spacing: .03em;
}
.mx-blog-cta {
padding: 48px 20px 58px;
text-align: center;
background: #fff;
}
.mx-blog-cta h2 {
max-width: 950px;
margin: 0 auto 18px;
font-family: "Roboto Condensed", Arial, sans-serif;
font-size: 28px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
}
.mx-blog-cta h2 a,
.mx-blog-cta p a {
color: #222;
}
.mx-blog-cta p {
margin: 0 0 24px;
font-family: "Roboto Condensed", Arial, sans-serif;
font-size: 22px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
}
.mx-blog-cta__button {
display: inline-block;
padding: 14px 48px;
background: #8bd648;
color: #fff;
font-family: "Roboto Condensed", Arial, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 700;
text-transform: lowercase;
}
.mx-blog-cta__button:hover {
background: rgba(151, 211, 61, .85);
color: #fff;
}
@media only screen and (max-width: 980px) {
.mx-blog-grid {
grid-template-columns: 1fr;
}
.mx-blog-card,
.mx-blog-card__content {
min-height: 330px;
}
.mx-blog-section {
padding-top: 45px;
}
.mx-blog-section__title {
font-size: 30px;
}
} #wpadminbar #wp-admin-bar-et-use-visual-builder.maxrich-adminbar-primary-edit > .ab-item,
#wpadminbar #wp-admin-bar-et-use-visual-builder.maxrich-adminbar-primary-edit:hover > .ab-item,
#wpadminbar #wp-admin-bar-et-disable-visual-builder.maxrich-adminbar-primary-edit > .ab-item,
#wpadminbar #wp-admin-bar-et-disable-visual-builder.maxrich-adminbar-primary-edit:hover > .ab-item {
background: #c62828 !important;
color: #fff !important;
font-weight: 700 !important;
}
#wpadminbar #wp-admin-bar-et-use-visual-builder.maxrich-adminbar-primary-edit > .ab-item::before,
#wpadminbar #wp-admin-bar-et-disable-visual-builder.maxrich-adminbar-primary-edit > .ab-item::before {
color: #fff !important;
}
#wpadminbar #wp-admin-bar-edit.maxrich-adminbar-wp-editor > .ab-item {
opacity: .72;
} .fd-play-btn a.et_pb_button,
.fd-play-btn-2 a.et_pb_button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 76px !important;
height: 76px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #fff !important;
font-size: 0 !important;
line-height: 1 !important;
opacity: 1 !important;
overflow: visible !important;
}
.fd-play-btn a.et_pb_button::after,
.fd-play-btn-2 a.et_pb_button::after {
content: "\49" !important;
position: static !important;
display: block !important;
margin: 0 !important;
opacity: 1 !important;
color: #fff !important;
font-family: ETmodules !important;
font-size: 76px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
transform: none !important;
}
.fd-play-btn a.et_pb_button:hover::after,
.fd-play-btn-2 a.et_pb_button:hover::after {
transform: scale(1.08) !important;
}
.page-id-2353 .et_pb_button.et_pb_custom_button_icon[data-icon]::after {
content: "\39" !important;
position: relative !important;
display: inline-block !important;
margin-left: .35em !important;
opacity: 1 !important;
font-family: ETmodules !important;
font-size: inherit !important;
font-weight: 400 !important;
line-height: inherit !important;
vertical-align: middle !important;
} @media only screen and (min-width: 981px) {
.et_pb_row.et_pb_equal_columns.et_pb_gutters2:has(> .et_pb_column .et_pb_text h3):has(> .et_pb_column .et_pb_button[href*="/bewerben/"]) {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 28px !important;
}
.et_pb_row.et_pb_equal_columns.et_pb_gutters2:has(> .et_pb_column .et_pb_text h3):has(> .et_pb_column .et_pb_button[href*="/bewerben/"]) > .et_pb_column:first-child {
width: auto !important;
flex: 1 1 auto !important;
margin-right: 0 !important;
}
.et_pb_row.et_pb_equal_columns.et_pb_gutters2:has(> .et_pb_column .et_pb_text h3):has(> .et_pb_column .et_pb_button[href*="/bewerben/"]) > .et_pb_column:last-child {
width: auto !important;
flex: 0 0 auto !important;
margin-right: 0 !important;
}
.et_pb_row.et_pb_equal_columns.et_pb_gutters2:has(> .et_pb_column .et_pb_text h3):has(> .et_pb_column .et_pb_button[href*="/bewerben/"]) h3 {
white-space: nowrap !important;
}
}
.mx-blog-cta h2 {
text-transform: uppercase;
}
@media only screen and (min-width: 981px) {
.mx-blog-cta {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 12px 28px;
max-width: 1150px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
.mx-blog-cta h2 {
grid-column: 1 / -1;
max-width: none;
margin-right: 0;
margin-left: 0;
text-align: center;
}
.mx-blog-cta p {
margin-bottom: 0;
white-space: nowrap;
}
.mx-blog-cta__button {
white-space: nowrap;
}
} .mx-blog-cta h2 {
font-style: normal !important;
text-transform: uppercase !important;
}
.mx-blog-cta p,
.mx-blog-cta__button {
font-style: normal !important;
}
.mx-blog-cta p {
text-transform: uppercase !important;
}
.mx-blog-cta__button {
text-transform: uppercase !important;
}
@media only screen and (min-width: 981px) {
.mx-blog-cta {
display: grid !important;
grid-template-columns: auto auto !important;
align-items: center !important;
justify-content: center !important;
column-gap: 34px !important;
row-gap: 22px !important;
max-width: 1150px !important;
margin-right: auto !important;
margin-left: auto !important;
text-align: left !important;
}
.mx-blog-cta h2 {
grid-column: 1 / -1 !important;
max-width: none !important;
margin: 0 0 6px !important;
text-align: center !important;
}
.mx-blog-cta p {
margin: 0 !important;
white-space: nowrap !important;
}
.mx-blog-cta__button {
justify-self: start !important;
white-space: nowrap !important;
}
} .mx-single-post {
background: #fff;
}
.mx-single-post__hero {
min-height: 520px;
background-color: #111;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.mx-single-post__hero-overlay {
display: flex;
align-items: center;
justify-content: center;
min-height: 520px;
padding: 90px 24px;
background: rgba(0, 0, 0, .42);
text-align: center;
}
.mx-single-post__title {
max-width: 1120px;
margin: 0;
padding: 0;
color: #fff !important;
font-family: "Roboto Condensed", Arial, sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 1.12;
text-transform: uppercase;
}
.mx-single-post__body {
max-width: 980px;
margin: 0 auto;
padding: 58px 24px 70px;
}
.mx-single-post__content {
color: #222;
font-size: 17px;
line-height: 1.85;
}
.mx-single-post__content p,
.mx-single-post__content ul,
.mx-single-post__content ol,
.mx-single-post__content blockquote {
margin-bottom: 1.25em;
}
.mx-single-post__content h2,
.mx-single-post__content h3,
.mx-single-post__content h4 {
margin-top: 1.35em;
margin-bottom: .65em;
font-family: "Roboto Condensed", Arial, sans-serif;
font-weight: 700;
line-height: 1.2;
}
.mx-single-post__share {
margin-top: 38px;
padding-top: 26px;
border-top: 1px solid #e2e2e2;
text-align: center;
}
.mx-single-post__share .addtoany_shortcode,
.mx-single-post__share .addtoany_content {
text-align: center;
}
.mx-single-post #comment-wrap {
padding-top: 42px;
}
@media only screen and (max-width: 980px) {
.mx-single-post__hero,
.mx-single-post__hero-overlay {
min-height: 420px;
}
.mx-single-post__title {
font-size: 42px;
}
}
@media only screen and (max-width: 600px) {
.mx-single-post__hero,
.mx-single-post__hero-overlay {
min-height: 340px;
}
.mx-single-post__hero-overlay {
padding: 70px 18px;
}
.mx-single-post__title {
font-size: 32px;
}
.mx-single-post__body {
padding: 38px 20px 52px;
}
}