:root {
--baseFontColor: #092d4f;
--baseBgColor: #fff;
--primaryColor: #0b3a66;
--primaryDark: #062038;
--secondaryColor: tomato;
--greyColor: #c2cacf;
--darkGreyColor: #4D4D4D;
--lightGreyColor: #F2F2F2;
--errorColor: tomato;
--successColor: green;
--warnColor: yellow;
--baseFontFamily: 'VW-Text', sans-serif;
--headlineFamily: 'VW-Head', sans-serif;
--hightightFontFamily: 'VW-Text', sans-serif;
--baseFontSize: 0.83vw;
--h1FontSize: 3.6em;
--h2FontSize: 2.7em;
--h3FontSize: 2.4em;
--h4FontSize: 1.2em;
--h5FontSize: 1.1em;
--h6FontSize: 1.1em;
--baseLineHeight: 1.5;
--headlineLineHeight: 1.4;
--wrapperWidth: 70vw;
--maxWrapperWith: 85vw;
--wrapperBackgroundColor: transparent;
--tabletLarge: 1024px;
--tabletSmall: 768px;
--phoneLarge: 600px;
--phoneSmall: 400px;
--12px: 0.625vw;
--14px: 0.72vw;
--15px: 0.78vw;
--16px: 0.83vw;
--17px: 0.88vw;
--18px: 0.93vw;
--19px: 0.98vw;
--20px: 1.04vw;
--22px: 1.14vw;
--24px: 1.25vw;
--25px: 1.3vw;
--26px: 1.35vw;
--29px: 1.51vw;
--30px: 1.56vw;
--32px: 1.66vw;
--33px: 1.71vw;
--34px: 1.77vw;
--36px: 1.87vw;
--40px: 2.08vw;
--43px: 2.26vw;
--45px: 2.34vw;
--46px: 2.39vw;
--47px: 2.44vw;
--48px: 2.5vw;
--51px: 2.65vw;
--56px: 2.91vw;
--63px: 3.28vw;
--71px: 3.72vw;
--72px: 3.75vw;
}
@media (max-width: 1024px) {
:root {
--baseFontSize: 1.1vw;
--h1FontSize: 4.25em;
--h2FontSize: 2.6em;
--h3FontSize: 3em;
--h4FontSize: 1.5em;
--h5FontSize: 1.3em;
--h6FontSize: 1.1em;
}
}
@media (max-width: 1000px) {
:root {
--baseFontSize: 1.4vw;
--h1FontSize: 4.25em;
--h2FontSize: 2.6em;
--h3FontSize: 3em;
--h4FontSize: 1.5em;
--h5FontSize: 1.3em;
--h6FontSize: 1.1em;
}
}
@media (max-width: 768px) {
:root {
--baseFontSize: 2vw;
--h1FontSize: 3.5em;
--h2FontSize: 2.4em;
--h3FontSize: 2.2em;
--h4FontSize: 1.7em;
--h5FontSize: 1.3em;
--h6FontSize: 1.1em;
}
}
@media (max-width: 600px) {
:root {
--baseFontSize: 3.5vw;
--h1FontSize: 2.5em;
--h2FontSize: 2em;
--h3FontSize: 1.8em;
--h4FontSize: 1.2em;
--h5FontSize: 1.1em;
--h6FontSize: 1.1em;
}
}
@font-face {
font-display: swap;
font-family: 'VW-Head';
font-style: normal;
font-weight: 400;
src: url(//www.autohaus-krumnow.de/wp-content/themes/nrWpOOP-child/assets/fonts/VWHeadRegular.woff) format('woff'); }
@font-face {
font-display: swap;
font-family: 'VW-Head';
font-style: normal;
font-weight: 600;
src: url(//www.autohaus-krumnow.de/wp-content/themes/nrWpOOP-child/assets/fonts/VWHeadBold.woff) format('woff'); }
@font-face {
font-display: swap;
font-family: 'VW-Text';
font-style: normal;
font-weight: 400;
src: url(//www.autohaus-krumnow.de/wp-content/themes/nrWpOOP-child/assets/fonts/VWTextRegular.woff) format('woff'); }
@font-face {
font-display: swap;
font-family: 'VW-Text';
font-style: normal;
font-weight: 600;
src: url(//www.autohaus-krumnow.de/wp-content/themes/nrWpOOP-child/assets/fonts/VWTextBold.woff) format('woff'); }
body {
font-family: var(--baseFontFamily);
color: var(--baseFontColor) !important;
font-size: var(--baseFontSize) !important;
line-height: var(--baseLineHeight);
font-weight: 400 !important;
overflow-x: hidden;
}
body.no-scroll {
overflow: hidden !important;
}
.wrapper {
margin: auto;
width: var(--wrapperWidth);
max-width: var(--maxWrapperWith);
}
@media (max-width: 1024px) {
.wrapper {
width: var(--maxWrapperWith) !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
line-height: var(--headlineLineHeight);
font-family: var(--hightightFontFamily);
margin-bottom: 0;
font-weight: 700;
}
h1,
.h1 {
font-size: var(--h1FontSize);
font-weight: 700;
margin-bottom: 0.25em;
line-height: 1.1;
}
h2,
.h2 {
font-size: var(--h2FontSize);
}
h3,
.h3 {
font-size: var(--h3FontSize);
}
h4,
.h4 {
font-size: var(--h4FontSize);
}
h5,
.h5 {
font-size: var(--h5FontSize);
}
h6,
.h6 {
font-size: var(--h6FontSize);
}
a {
color: var(--primaryColor);
text-decoration: none;
transition: 0.3s ease;
}
ul {
list-style: none;
}
.icon {
line-height: 0;
}
.slick-slider .slick-dots {
display: flex !important;
justify-content: center;
align-items: center;
z-index: 4;    }
.slick-slider .slick-dots li {
margin: 0.25em;
width: unset;
height: unset; display: none;
}
.slick-slider .slick-dots li button {
background-color: transparent;
color: var(--baseFontColor);
font-size: 1em;
font-weight: 700;
height: 1.25em;
width: 1.25em;
text-indent: unset;
text-align: center;
}
.slick-slider .slick-dots li button:before {
color: transparent !important;
background-color: var(--baseFontColor);
border-radius: 50%;
font-size: 1em;
top: -0.825em;
width: 0.3em;
height: 0.3em;
left: 50%;
transform: translateX(-50%);
opacity: unset;
}
.slick-slider .slick-dots li.slick-active button {
background-color: transparent;
}
.slick-slider .slick-dots li.slick-active button:before {
background-color: var(--baseFontColor);
top: -1em;
width: 0.6em;
height: 0.6em;
opacity: unset;
}
.slick-slider .slick-dots li.slick-active,
.slick-slider .slick-dots li.slick-active + li,
.slick-slider .slick-dots li.slick-active + li + li {
display: block;
}
.slick-slider .slick-dots li:nth-last-child(1),
.slick-slider .slick-dots li:nth-last-child(2),
.slick-slider .slick-dots li:nth-last-child(3) {
display: block;
}
.slick-slider .slick-dots li.slick-active ~ li:nth-last-child(1),
.slick-slider .slick-dots li.slick-active ~ li:nth-last-child(2),
.slick-slider .slick-dots li.slick-active ~ li:nth-last-child(3) {
display: none;
}
.slick-slider .slick-dots li.slick-active + li + li:nth-last-child(3),
.slick-slider .slick-dots li.slick-active + li + li:nth-last-child(2),
.slick-slider .slick-dots li.slick-active + li + li:nth-last-child(1),
.slick-slider .slick-dots li.slick-active + li:nth-last-child(3),
.slick-slider .slick-dots li.slick-active + li:nth-last-child(2),
.slick-slider .slick-dots li.slick-active + li:nth-last-child(1) {
display: block;
}
.slick-slider .slick-dots > li:only-child {
display: none;
}
@media (max-width: 600px) {
.slick-slider .slick-dots {
justify-content: flex-start;
padding-left: 3em;
}
}
.pr-wide {
padding-right: 15vw !important;
}
@media (max-width: 1024px) {
.pr-wide {
padding-right: 7.5vw !important;
}
}
.pl-wide {
padding-left: 15vw !important;
}
@media (max-width: 1024px) {
.pl-wide {
padding-left: 7.5vw !important;
}
}
.text-big {
font-size: 1.25em;
}
.text-small {
font-size: 0.8em;
}
.pr-small {
padding-right: 4em !important;
}
@media (max-width: 1024px) {
.pr-small {
padding-right: 0 !important;
}
}
.pl-small {
padding-left: 4em !important;
}
.small-inner {
margin: 0 auto;
width: 75%;
}
@media (max-width: 1024px) {
.small-inner {
width: 100%;
}
}
.row .is-1-1 {
width: 100%;
grid-column: span 12;
}
@media (max-width: 600px) {
.row .column.is-1-2,
.row .column.is-1-3,
.row .column.is-2-3,
.row .column.is-1-4,
.row .column.is-3-4,
.row .column.is-1-5,
.row .column.is-2-5,
.row .column.is-3-5 {
grid-column: span 12;
}
}
.mobile-view {
display: none;
}
@media (max-width: 1024px) {
.mobile-view {
display: block;
}
}
.desktop-view {
display: block;
}
@media (max-width: 1024px) {
.desktop-view {
display: none;
}
}
.more-button {
width: 100%;
text-align: right;
}
.more-button .more-button-inner {
display: flex;
justify-content: end;
align-items: center;
align-content: center;
flex-wrap: wrap;
padding: 0 1em;
gap: 0.5em;
}
.more-button .more-button-inner:hover {
cursor: pointer;
}
.more-button .more-button-inner .icon-line {
height: 3.5em;
width: 2.5em;
}
.more-button .more-button-inner .icon-line svg {
height: 3.5em;
width: 1em;
}
.more-button .more-button-inner .link {
display: flex;
align-items: center;
position: relative;
z-index: 5;
}
.more-button .more-button-inner .link .icon {
display: block;
margin-right: 0.25em;
line-height: 0;
}
.more-button .more-button-inner .link .icon svg {
width: 1.5em;
height: 1.5em;
}
.more-button .more-button-inner .link .icon svg path {
fill: var(--baseFontColor);
transition: 0.3s ease;
}
.more-button .more-button-inner .link .txt {
display: block;
color: var(--baseFontColor);
font-weight: 700;
transition: 0.3s ease;
}
.more-button .more-button-inner .link:hover .icon svg path {
fill: var(--darkGreyColor);
}
.more-button .more-button-inner .link:hover .txt {
color: var(--darkGreyColor);
}
.car-search-link {
background-color: var(--primaryColor);
color: white;
box-shadow: none;
display: inline-block;
font-weight: 700;
padding: 0.72em 2.5em;
transition: all 0.3s;
}
.car-search-link:hover {
background-color: var(--primaryDark);
color: white;
}
.car-search-link.wide {
padding: 0.72em 3.5em;
}
.primary-button {
background-color: transparent;
border: 1px solid var(--baseFontColor);
color: var(--baseFontColor);
box-shadow: none;
display: inline-block;
font-weight: 400;
padding: 0.75em 2.5em;
transition: all 0.3s;
border-radius: 1.5em;
}
.primary-button:hover {
border-color: var(--primaryColor);
background-color: var(--primaryColor);
color: white;
}
.primary-button.ghost.white {
background-color: transparent;
border: 2px solid white;
color: white;
}
.primary-button.ghost.white:hover {
background-color: white;
color: var(--baseFontColor);
}
.primary-button.ghost.dark {
background-color: transparent;
border: 2px solid var(--baseFontColor);
color: var(--baseFontColor);
}
.primary-button.ghost.dark:hover {
background-color: var(--baseFontColor);
color: white;
}
.primary-button.icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75em 1em;
}
.primary-button.icon-button .icon {
line-height: 0;
margin-right: 1em;
}
.primary-button.icon-button .icon svg {
width: 1.5em;
height: 1.5em;
}
.primary-button.icon-button .icon svg path {
fill: var(--baseFontColor);
transition: 0.3s ease;
}
.primary-button.icon-button .txt {
color: var(--baseFontColor);
}
.primary-button:hover .icon svg path {
fill: #fff;
}
.primary-button:hover .txt {
color: #fff;
}
.image {
width: 100%;
line-height: 0;
}
.image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.global-ajax-form h4 {
padding-top: 1em;
margin-bottom: 0.75em;
}
.global-ajax-form h4:first-of-type {
padding-top: 0;
}
.global-ajax-form .form-row .column {
margin-bottom: 1em;
}
.global-ajax-form .form-row .column label {
display: block;
margin-bottom: 0.3em;
}
.global-ajax-form .form-row .column input,
.global-ajax-form .form-row .column textarea,
.global-ajax-form .form-row .column select {
flex: 1;
border: 1px solid var(--greyColor);
border-radius: 0.2em;
box-shadow: inset 0 1px 2px rgba(38, 38, 38, 0.1);
padding: 1em;
margin-right: 1em;
background-color: white;
font-weight: 300;
}
.global-ajax-form .form-row .column input.invalid,
.global-ajax-form .form-row .column textarea.invalid,
.global-ajax-form .form-row .column select.invalid {
border-color: tomato;
}
.global-ajax-form .form-row .column select {
font-weight: 300;
appearance: none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 20.1214V15.8787L24 30.8787L39 15.8787V20.1213L24 35.1213L9 20.1214Z' fill='black'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 1.25em 1.25em;
background-position: 98% 50%;
}
.global-ajax-form .form-row .column ::placeholder {
font-weight: 300;
}
.global-ajax-form .form-row .column.is-1-1 {
width: 100%;
}
@media (max-width: 600px) {
.global-ajax-form .form-row .column {
margin-bottom: 0;
}
}
@media (max-width: 600px) {
.global-ajax-form .form-row {
margin-bottom: 1em;
}
}
@media (max-width: 600px) {
.global-ajax-form .submit-row .action .primary-button {
width: 100%;
text-align: center;
}
}
.global-ajax-form .submit-row .response {
color: green;
text-align: center;
margin-top: 1em;
}
.global-ajax-form .checkbox-group {
margin-bottom: 1em;
}
.global-ajax-form .checkbox-group.custom {
margin-bottom: 0;
}
.global-ajax-form .checkbox-label {
display: flex !important;
margin-bottom: 1em !important;
}
.global-ajax-form .checkbox-label:last-child,
.global-ajax-form .checkbox-label.privacy {
margin-bottom: 0 !important;
}
.global-ajax-form .checkbox-label input:checked + .status {
background-color: var(--primaryColor);
border-color: #fff;
border-width: 5px;
}
.global-ajax-form .checkbox-label .status {
border: 1px solid var(--baseFontColor);
box-shadow: inset 0 1px 2px rgba(38, 38, 38, 0.1);
border-radius: 0;
}
.global-ajax-form .checkbox-label .text {
margin-bottom: 0;
}
.global-ajax-form .checkbox-label .text a {
color: inherit;
text-decoration: none;
}
.global-ajax-form .checkbox-label .text a:hover {
text-decoration: underline;
}
.global-ajax-form.footer-form .column {
width: 100%;
}
.global-ajax-form.footer-form .column input,
.global-ajax-form.footer-form .column textarea,
.global-ajax-form.footer-form .column select {
border: none;
border-bottom: 1px solid transparent;
}
.global-ajax-form.footer-form .column input.invalid,
.global-ajax-form.footer-form .column textarea.invalid,
.global-ajax-form.footer-form .column select.invalid {
border-color: tomato;
}
.global-ajax-form.footer-form .column select {
background-position: 97% 50%;
}
@media (max-width: 1000px) {
.global-ajax-form.footer-form .column.column.is-1-3 {
width: 33.33%;
}
.global-ajax-form.footer-form .column.column.is-1-2 {
width: 50%;
}
}
@media (max-width: 600px) {
.global-ajax-form.footer-form .column.column.is-1-3 {
width: 100%;
}
.global-ajax-form.footer-form .column.column.is-1-2 {
width: 100%;
}
}
.global-ajax-form.footer-form .checkbox-label .status {
border: none;
}
div.single-post {
height: inherit;
position: relative;
padding: 1em;
border: 1px solid var(--greyColor);
border-radius: 0;
}
div.single-post .label {
position: absolute;
top: 0;
left: 0;
padding: 0.5em 0.75em;
background-color: var(--baseFontColor);
z-index: 1;
}
div.single-post .label h3 {
color: white;
line-height: 1;
font-weight: 700;
}
div.single-post .inner {
height: 100%;
display: flex;
flex-direction: column;
padding: 0.5em;
}
div.single-post .inner a.link-image {
display: block;
margin-bottom: 1.5em;
}
div.single-post .inner a.link-image .image {
display: block;
aspect-ratio: 1.66666667;
overflow: hidden;
}
div.single-post .inner a.link-image .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease;
border-radius: 0;
}
div.single-post .inner .content {
flex: 1;
display: flex;
flex-direction: column;
}
div.single-post .inner .content .published-at {
font-size: 0.8em;
margin-bottom: 0.5em;
}
div.single-post .inner .content h4 a {
display: block;
color: var(--baseFontColor);
transition: 0.3s ease;
}
div.single-post .inner .content .text {
flex: 1;
margin-top: 0.5em;
}
div.single-post .inner .content .text h5 {
margin-bottom: 0.4em;
line-height: 1.5;
}
div.single-post .inner .content .action {
margin-top: 1.5em;
}
div.single-post .inner .content .action .more-button {
padding-top: 0;
}
div.single-post .inner .content .action .more-button .more-button-inner {
padding-left: 0;
justify-content: flex-start;
}
.page-wrapper {
margin-top: -11em;
}
.service-bar-section {
padding: 3em 0;
}
.service-bar-section .wrapper .services {
display: flex;
}
.service-bar-section .wrapper .services .is-1-5 {
width: 20%;
}
@media (max-width: 600px) {
.service-bar-section .wrapper .services {
display: none;
}
}
.service-bar-section .wrapper .services .service {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 1em;
}
.service-bar-section .wrapper .services .service .icon {
line-height: 0;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1em;
}
.service-bar-section .wrapper .services .service .icon svg {
width: 3em;
height: 3em;
}
.service-bar-section .wrapper .services .service .icon svg path {
fill: var(--baseFontColor);
transition: 0.3s ease;
}
.service-bar-section .wrapper .services .service .title {
display: block;
flex: 1;
text-align: center;
font-weight: 700;
color: var(--baseFontColor);
transition: 0.3s ease;
}
.service-bar-section .wrapper .services .service:hover .icon svg path {
fill: var(--primaryColor);
}
.service-bar-section .wrapper .services .service:hover .title {
color: var(--primaryColor);
}
.service-bar-section .wrapper .services-slider {
display: flex;
}
@media (min-width: 600px) {
.service-bar-section .wrapper .services-slider {
display: none;
}
}
.service-bar-section .wrapper .services-slider .slick-arrow {
top: 15%;
}
.service-bar-section .wrapper .services-slider .slick-prev {
left: -40px;
}
.service-bar-section .wrapper .services-slider .service {
width: 100%;
height: 100%;
display: flex;
flex-direction: column; }
.service-bar-section .wrapper .services-slider .service .icon {
line-height: 0;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1em;
}
.service-bar-section .wrapper .services-slider .service .icon svg {
width: 3.5em;
height: 3.5em;
}
.service-bar-section .wrapper .services-slider .service .icon svg path {
fill: var(--baseFontColor);
transition: 0.3s ease;
}
.service-bar-section .wrapper .services-slider .service .title {
display: block;
flex: 1;
text-align: center;
font-weight: 700;
color: var(--baseFontColor);
transition: 0.3s ease;
}
.service-bar-section .wrapper .services-slider .service:hover .icon svg path {
fill: var(--primaryColor);
}
.service-bar-section .wrapper .services-slider .service:hover .title {
color: var(--primaryColor);
}
@media (max-width: 768px) {
.service-bar-section {
padding: 2em 0;
}
}
.service-bar-section + .teaser-card-section {
padding-top: 0;
}
.teaser-card-section {
padding: 3em 0;
}
.teaser-card-section .teaser-card-row {
margin: 0 -0.5em;
}
.teaser-card-section .teaser-card-row .column {
padding: 0 0.5em;
}
@media (max-width: 768px) {
.teaser-card-section .teaser-card-row .column {
width: 100%;
}
}
.teaser-card-section .teaser-card-row .column .teaser-card {
position: relative;
width: 100%;
aspect-ratio: 1.77777778;
}
.teaser-card-section .teaser-card-row .column .teaser-card .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}
.teaser-card-section .teaser-card-row .column .teaser-card .background img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s ease;
}
.teaser-card-section .teaser-card-row .column .teaser-card:hover .background img {
transform: scale(1.05);
}
.teaser-card-section .teaser-card-row .column .teaser-card .content {
position: relative;
height: 100%;
display: flex;
align-items: flex-end;
z-index: 1;
}
@media (max-width: 1024px) {
.teaser-card-section .teaser-card-row .column .teaser-card .content {
align-items: center;
}
}
.teaser-card-section .teaser-card-row .column .teaser-card .content .content-inner {
padding: 2em;
}
@media (max-width: 1024px) {
.teaser-card-section .teaser-card-row .column .teaser-card .content .content-inner {
width: 100%;
padding: 2em 4.5em;
}
}
@media (max-width: 1000px) {
.teaser-card-section .teaser-card-row .column .teaser-card .content .content-inner {
padding: 2em 3.25em;
}
}
@media (max-width: 600px) {
.teaser-card-section .teaser-card-row .column .teaser-card .content .content-inner {
padding: 1em;
}
}
.teaser-card-section .teaser-card-row .column .teaser-card .content .content-inner .icon {
margin-bottom: 1em;
}
.teaser-card-section .teaser-card-row .column .teaser-card .content .content-inner .icon svg {
height: 2.5em;
width: auto;
}
.teaser-card-section .teaser-card-row .column .teaser-card .content .content-inner h3 {
font-weight: 700;
margin-bottom: 1em;
color: white;
font-size: 2em;
}
@media (max-width: 768px) {
.teaser-card-section {
padding: 2em 0;
}
}
.car-search-section + .title-section {
padding-top: 4em;
}
.title-section {
padding: 3em 0;
}
@media (max-width: 900px) {
.title-section .small-inner {
width: 100%;
}
}
.title-section .small-inner h2 {
font-weight: 300;
text-transform: uppercase;
color: #092d4f;
margin-bottom: 0.2em;
text-align: center;
}
.title-section .small-inner .subtitle {
font-weight: 300;
text-align: center;
}
@media (max-width: 600px) {
.title-section .small-inner .subtitle .primary-button {
width: 100%;
text-align: center;
}
}
@media (max-width: 768px) {
.title-section {
padding: 2em 0;
}
}
.video-wide-section {
padding: 3em 0;
}
.video-wide-section .video {
width: 100%;
aspect-ratio: 2.42857143;
line-height: 0;
}
.video-wide-section .video video,
.video-wide-section .video img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.video-wide-section {
padding: 2em 0;
}
}
.number-card-section {
padding: 3em 0;
}
.number-card-section h3 {
margin-bottom: 0.75em;
}
.number-card-section .number-card-row .column {
margin-bottom: 2em;
}
@media (max-width: 768px) {
.number-card-section .number-card-row .column {
width: 100%;
}
}
.number-card-section .number-card-row .column.is-1-2 .number-card .image {
aspect-ratio: 1.5;
}
.number-card-section .number-card-row .column.is-1-1 .number-card .image {
aspect-ratio: 3;
}
@media (max-width: 600px) {
.number-card-section .number-card-row .column.is-1-1 .number-card .image {
aspect-ratio: 1.5;
}
}
@media (max-width: 600px) {
.number-card-section .number-card-row .column.is-1-1 .number-card .title-wrap {
margin-top: 0;
}
}
@media (max-width: 600px) {
.number-card-section .number-card-row .column.is-1-1 .number-card .title-wrap .title-inner {
width: 90%;
}
}
.number-card-section .number-card-row .column .number-card .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.number-card-section .number-card-row .column .number-card .title-wrap {
width: 100%;
margin-top: -4em;
position: relative;
left: -0.1em;
z-index: 2;
}
@media (max-width: 900px) {
.number-card-section .number-card-row .column .number-card .title-wrap {
margin-left: -0.1em;
}
}
@media (max-width: 768px) {
.number-card-section .number-card-row .column .number-card .title-wrap {
margin-top: -2em;
}
}
@media (max-width: 600px) {
.number-card-section .number-card-row .column .number-card .title-wrap {
margin-top: -3em;
}
}
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner {
background-color: white;
display: flex;
align-items: center;
width: fit-content;
}
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner .number {
font-size: 5em;
}
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner .title {
line-height: 1.3;
padding: 0.5em 1em 0.5em 0;
}
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner .number + .title {
padding-left: 0.5em;
}
@media (max-width: 1024px) {
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner {
width: 95%;
}
}
@media (max-width: 1000px) {
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner {
width: 98%;
}
}
@media (max-width: 768px) {
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner {
width: 84%;
}
}
@media (max-width: 600px) {
.number-card-section .number-card-row .column .number-card .title-wrap .title-inner {
width: 90%;
}
}
.number-card-section .number-card-row .column .number-card .text {
font-weight: 300;
}
@media (max-width: 900px) {
.number-card-section .contacts-row {
flex-direction: column;
}
}
.number-card-section .contacts-row .column {
margin-bottom: 2em;
}
@media (max-width: 900px) {
.number-card-section .contacts-row .column {
width: 100%;
}
}
.number-card-section .contacts-row .column .title {
margin-bottom: 0.5em;
}
.number-card-section .contacts-row .column .inner .part {
display: flex;
align-items: center;
padding: 0.5em 0;
border-bottom: 1px solid var(--greyColor);
}
.number-card-section .contacts-row .column .inner .part .left {
flex: 1;
}
.number-card-section .contacts-row .column .inner .part .right {
text-align: right;
}
@media (max-width: 768px) {
.number-card-section {
padding: 2em 0;
}
}
@media (max-width: 600px) {
.number-card-section .action .primary-button {
width: 100%;
text-align: center;
}
}
.number-card-section + .number-card-section {
padding-top: 0;
}
.card-columns-section {
padding: 3em 0;
}
.card-columns-section h3 {
margin-bottom: 0.75em;
}
.card-columns-section .card-columns-row {
margin: 0 -0.75em;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
grid-gap: unset;
}
.card-columns-section .card-columns-row .is-1-3 {
padding: 0 0.75em;
width: 33.33%;
margin-bottom: 1.5em;
}
.card-columns-section .card-columns-row .is-1-3 .card-column {
height: 100%;
padding: 1em; border-radius: 0;
display: flex;
flex-direction: column;
}
.card-columns-section .card-columns-row .is-1-3 .card-column * {
color: var(--baseFontColor);
}
.card-columns-section .card-columns-row .is-1-3 .card-column .image {
width: 100%;
aspect-ratio: 1.77777778;
line-height: 0;
margin-bottom: 1em;
overflow: hidden;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .image img {
object-fit: cover;
border-radius: 0;
transition: 0.4s linear;
}
@media (max-width: 768px) {
.card-columns-section .card-columns-row .is-1-3 .card-column .image {
aspect-ratio: 1.33333333;
}
}
.card-columns-section .card-columns-row .is-1-3 .card-column .text {
flex: 1;
padding-top: 0em;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .text.text-big {
font-size: 2em;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .text ul {
margin: 0;
padding: 0;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .text ul li {
margin: 0;
padding-left: 2em;
position: relative;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .text ul li:before {
content: '';
width: 1em;
height: 1em;
position: absolute;
top: 0.2em;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8106 4.5L21.3106 12L13.8106 19.5H11.6894L18.4394 12.75H3V11.25H18.4394L11.6894 4.5H13.8106Z' fill='black'/%3E%3C/svg%3E");
background-size: cover;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .more-button {
padding-top: 1em;
justify-self: flex-end;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .more-button .more-button-inner {
padding: 0;
justify-content: flex-start;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .more-button .more-button-inner .link {
justify-content: space-between;
width: 100%;
}
.card-columns-section .card-columns-row .is-1-3 .card-column .more-button .more-button-inner .link .txt {
font-size: 1.3em;
text-align: left;
}
.card-columns-section .card-columns-row .is-1-3 .card-column:hover .image img {
transform: scale(1.05);
}
@media (max-width: 1000px) {
.card-columns-section .card-columns-row .is-1-3 {
width: 50%;
margin-bottom: 2em;
}
}
@media (max-width: 768px) {
.card-columns-section .card-columns-row .is-1-3 {
width: 100%;
}
}
@media (max-width: 768px) {
.card-columns-section {
padding: 2em 0;
}
}
.contacts-section {
padding-bottom: 3em;
}
@media (max-width: 900px) {
.contacts-section .contacts-row {
flex-direction: column;
}
}
.contacts-section .contacts-row .column {
margin-bottom: 2em;
}
@media (max-width: 900px) {
.contacts-section .contacts-row .column {
width: 100%;
}
}
.contacts-section .contacts-row .column .title {
margin-bottom: 0.5em;
}
.contacts-section .contacts-row .column .inner .part {
display: flex;
align-items: center;
padding: 0.5em 0;
border-bottom: 1px solid var(--greyColor);
}
.contacts-section .contacts-row .column .inner .part .left {
flex: 1;
}
.contacts-section .contacts-row .column .inner .part .right {
text-align: right;
}
@media (max-width: 768px) {
.contacts-section {
padding-bottom: 2em;
}
}
.module-block-section {
padding: 3em 0;
}
.module-block-section .module-block-row {
margin: 0 -0.75em;
}
.module-block-section .module-block-row .column {
padding: 0 0.75em;
}
.module-block-section .module-block-row .video-col {
width: 64%;
display: flex;
flex-direction: column;
}
.module-block-section .module-block-row .video-col .block-video,
.module-block-section .module-block-row .video-col .block-image {
width: 100%;
aspect-ratio: 1.66666667;
line-height: 0;
margin-bottom: 1.5em;
}
.module-block-section .module-block-row .video-col .block-video video,
.module-block-section .module-block-row .video-col .block-image video,
.module-block-section .module-block-row .video-col .block-video img,
.module-block-section .module-block-row .video-col .block-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.module-block-section .module-block-row .video-col .inner-row {
flex: 1;
margin: 0 -0.5em;
}
.module-block-section .module-block-row .video-col .inner-row .column {
padding: 0 0.5em;
margin-bottom: 0;
}
.module-block-section .module-block-row .video-col .inner-row .column .image {
height: 100%;
width: 100%;
aspect-ratio: 1.66666667;
}
.module-block-section .module-block-row .video-col .inner-row .column .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.module-block-section .module-block-row .video-col .inner-row .column .content {
height: 100%;
width: 50%;
}
.module-block-section .module-block-row .video-col .inner-row .column .content .icons {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.module-block-section .module-block-row .video-col .inner-row .column .content .icon {
width: 100%;
display: flex;
justify-content: center;
}
.module-block-section .module-block-row .video-col .inner-row .column .content .icon svg {
height: 6em;
width: auto;
}
.module-block-section .module-block-row .video-col .inner-row .column.left {
display: flex;
justify-content: flex-end;
width: 55%;
}
.module-block-section .module-block-row .video-col .inner-row .column.right {
width: 45%;
}
.module-block-section .module-block-row .content-col {
width: 36%;
}
.module-block-section .module-block-row .content-col .inner {
padding-top: 1em;
height: 100%;
display: flex;
flex-direction: column;
}
.module-block-section .module-block-row .content-col .inner .top {
padding-top: 0.5em;
width: 65%;
margin-bottom: 3em;
}
@media (max-width: 1024px) {
.module-block-section .module-block-row .content-col .inner .top {
width: 90%;
}
}
.module-block-section .module-block-row .content-col .inner .top .icon {
margin-bottom: 1em;
}
.module-block-section .module-block-row .content-col .inner .top .icon svg {
height: 7em;
width: auto;
}
.module-block-section .module-block-row .content-col .inner .top h3 {
font-weight: 700;
margin-bottom: 0.5em;
line-height: 1.3;
}
.module-block-section .module-block-row .content-col .inner .top .action {
margin-top: 2.5em;
}
.module-block-section .module-block-row .content-col .inner .down {
flex: 1;
}
.module-block-section .module-block-row .content-col .inner .down .image {
width: 100%;
height: 100%;
}
.module-block-section .module-block-row .content-col .inner .down .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.module-block-section-mobile {
padding-bottom: 3em;
}
.module-block-section-mobile .module-block-row {
margin: 0 -0.75em;
}
@media (max-width: 600px) {
.module-block-section-mobile .module-block-row {
flex-direction: column;
}
}
.module-block-section-mobile .module-block-row .column {
padding: 0 0.75em;
}
.module-block-section-mobile .module-block-row .video-col {
width: 73%;
display: flex;
flex-direction: column;
}
@media (max-width: 600px) {
.module-block-section-mobile .module-block-row .video-col {
width: 100%;
}
}
.module-block-section-mobile .module-block-row .video-col .block-video,
.module-block-section-mobile .module-block-row .video-col .block-image {
width: 100%;
line-height: 0;
margin-bottom: 1.5em;
}
.module-block-section-mobile .module-block-row .video-col .block-video video,
.module-block-section-mobile .module-block-row .video-col .block-image video {
width: 100%;
aspect-ratio: 1.66666667;
object-fit: cover;
}
.module-block-section-mobile .module-block-row .right-icons {
width: 25%;
}
@media (max-width: 600px) {
.module-block-section-mobile .module-block-row .right-icons {
width: 100%;
}
}
.module-block-section-mobile .module-block-row .right-icons .inner {
height: 95%;
}
.module-block-section-mobile .module-block-row .right-icons .inner .content {
height: 100%;
}
.module-block-section-mobile .module-block-row .right-icons .inner .content .icons {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (max-width: 600px) {
.module-block-section-mobile .module-block-row .right-icons .inner .content .icons {
flex-direction: row;
padding-bottom: 1.5em;
}
}
.module-block-section-mobile .module-block-row .right-icons .inner .content .icons .icon {
width: 100%;
height: 30%;
}
.module-block-section-mobile .module-block-row .right-icons .inner .content .icons .icon svg {
width: 100%;
height: 80%;
}
@media (max-width: 600px) {
.module-block-section-mobile .module-block-row .right-icons .inner .content .icons .icon svg {
height: 4em;
width: auto;
}
}
@media (max-width: 600px) {
.module-block-section-mobile .module-block-row .right-icons .inner .content .icons .icon {
display: flex;
justify-content: center;
}
}
.module-block-section-mobile .content-down {
padding-top: 2em;
}
.module-block-section-mobile .content-down .text {
margin: 1em 0;
}
@media (max-width: 600px) {
.module-block-section-mobile .content-down .action .primary-button {
width: 100%;
text-align: center;
}
}
@media (max-width: 600px) {
.module-block-section-mobile .down .is-3-5 {
width: 50%;
}
.module-block-section-mobile .down .is-3-5 .image {
height: 100%;
}
.module-block-section-mobile .down .is-3-5 .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.module-block-section-mobile .down .is-2-5 {
width: 50%;
}
.module-block-section-mobile .down .is-2-5 .image {
height: 100%;
}
.module-block-section-mobile .down .is-2-5 .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media (max-width: 768px) {
.module-block-section-mobile {
padding-bottom: 2em;
}
}
.car-offer-slider-section {
padding: 3em 0;
}
.car-offer-slider-section .headline {
margin-bottom: 1em;
}
.car-offer-slider-section .car-offers-slider .slick-list {
margin: 0 -1em;
overflow: auto;
overflow-x: hidden;
padding: 1em 0;
}
.car-offer-slider-section .car-offers-slider .slick-track {
display: flex !important;
}
.car-offer-slider-section .car-offers-slider .slick-slide {
height: inherit !important;
}
.car-offer-slider-section .car-offers-slider .slick-slide > div {
height: 100%;
}
.car-offer-slider-section .car-offers-slider .card {
height: inherit;
padding: 0 1em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap {
height: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon {
line-height: 0;
position: absolute;
background: rgba(38, 38, 38, 0.8);
top: 0;
right: 0;
padding: 0.5em;
display: flex;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon:hover {
cursor: pointer;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon .like {
display: none;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon svg {
width: 2em;
height: 2em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon svg path {
fill: white;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon.liked .pure,
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon:hover .pure {
display: none;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon.liked .like,
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-icon:hover .like {
display: block;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner {
flex: 1;
background-color: white;
border: 1px solid var(--greyColor);
display: flex;
flex-direction: column;
height: 100%;
border-radius: 10px;
overflow: hidden;
color: var(--baseFontColor);
transition: 0.3s ease;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner span {
display: block;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-image {
width: 100%;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body {
flex: 1;
display: flex;
flex-direction: column;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content {
flex: 1;
padding: 1em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content h5 {
text-transform: uppercase;
font-weight: 300;
margin-bottom: 0;
line-height: 1.5;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .under-title {
font-weight: 700;
color: #092d4f;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos {
width: 100%;
padding: 0.1em 1em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos .icon-infos {
display: flex;
align-items: center;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos .icon-infos .card-inner-infos {
flex: 1;
display: flex;
align-items: center;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos .icon-infos .card-inner-infos .icon {
margin-right: 0.5em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos .icon-infos .card-inner-infos .icon svg {
width: 1em;
height: 1em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos .icon-infos .card-inner-infos .infos {
flex: 1;
display: flex;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos .icon-infos .card-inner-infos .infos .pr {
display: inline-block;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .card-content .card-infos .icon-infos .card-inner-infos.smaller {
width: 34%;
flex: unset;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise {
display: flex;
justify-content: space-between;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise .left {
width: 57.5%;
background-color: var(--baseFontColor);
color: #fff;
padding: 1em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise .left p {
font-weight: 300;
margin-bottom: unset;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise .left .how-much {
font-weight: 700;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise .left .how-much span.pr {
display: inline-block;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise .right {
flex: 1;
background-color: var(--baseFontColor);
color: #fff;
padding: 1em;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise .right p {
font-weight: 300;
margin-bottom: unset;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner .card-body .prise .right .how-much {
font-weight: 700;
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .card-inner:hover {
box-shadow: 0 0 0.6em 0 rgba(38, 38, 38, 0.7);
}
.car-offer-slider-section .car-offers-slider .card .card-wrap .smallprint {
font-weight: 300;
color: #666666;
font-size: 0.75em;
padding: 0.75em 2em 0 2em;
}
.car-offer-slider-section .car-offers-slider .just-prise .right-gray {
background-color: var(--baseFontColor);
color: #fff;
padding: 1em;
}
.car-offer-slider-section .car-offers-slider .just-prise .right-gray p {
font-weight: 300;
margin-bottom: unset;
}
.car-offer-slider-section .car-offers-slider .just-prise .right-gray .how-much-gray {
font-weight: 700;
}
.car-offer-slider-section .car-offers-slider .slick-dots {
bottom: -4em;
}
.car-offer-slider-section .car-offers-slider .slick-arrow {
font-size: 1em;
width: 3em;
height: 3em;
top: 50%;
transform: translateY(-50%);
}
.car-offer-slider-section .car-offers-slider .slick-arrow svg {
width: 3em;
height: 3em;
}
.car-offer-slider-section .car-offers-slider .slick-arrow svg path {
fill: none;
}
.car-offer-slider-section .car-offers-slider .slick-arrow svg polyline {
stroke: var(--baseFontColor);
transition: 0.3s ease;
}
.car-offer-slider-section .car-offers-slider .slick-arrow:before {
display: none;
}
.car-offer-slider-section .car-offers-slider .slick-arrow:hover svg polyline {
stroke: var(--greyColor);
}
@media (max-width: 600px) {
.car-offer-slider-section .car-offers-slider .slick-arrow {
display: none;
}
}
.car-offer-slider-section .car-offers-slider .slick-next {
right: -3.5em;
}
.car-offer-slider-section .car-offers-slider .slick-prev {
left: -3.5em;
}
@media (max-width: 768px) {
.car-offer-slider-section {
padding: 2em 0;
}
}
.post-slider-double-section {
padding: 3em 0;
}
.post-slider-double-section .headline {
margin-bottom: 0.7em;
}
.post-slider-double-section .post-slider-row .news-slider .slick-dots {
bottom: -5.5em;
}
.post-slider-double-section .post-slider-row .news-slider .slick-list {
height: 100%;
margin: 0 -1em;
}
.post-slider-double-section .post-slider-row .news-slider .slick-track {
display: flex !important;
height: 100%;
}
.post-slider-double-section .post-slider-row .news-slider .slick-slide {
padding: 0 1em;
margin-bottom: 0.1em;
}
.post-slider-double-section .post-slider-row .news-slider .slick-arrow {
font-size: 1em;
width: 2.5em;
height: 2.5em;
top: 50%;
transform: translateY(-50%);
}
.post-slider-double-section .post-slider-row .news-slider .slick-arrow svg {
width: 2.5em;
height: 2.5em;
}
.post-slider-double-section .post-slider-row .news-slider .slick-arrow svg path {
fill: none;
}
.post-slider-double-section .post-slider-row .news-slider .slick-arrow svg polyline {
stroke: var(--baseFontColor);
transition: 0.3s ease;
}
.post-slider-double-section .post-slider-row .news-slider .slick-arrow:before {
display: none;
}
.post-slider-double-section .post-slider-row .news-slider .slick-arrow:hover svg polyline {
stroke: var(--greyColor);
}
@media (max-width: 600px) {
.post-slider-double-section .post-slider-row .news-slider .slick-arrow {
display: none !important;
}
}
.post-slider-double-section .post-slider-row .news-slider .slick-next {
right: -3.5em;
}
.post-slider-double-section .post-slider-row .news-slider .slick-prev {
left: -3.5em;
}
@media (max-width: 768px) {
.post-slider-double-section {
padding: 2em 0;
}
}
.event-slider-section {
padding: 3em 0;
}
.event-slider-section .events-slider .slick-list {
margin: 0 -1em;
overflow: auto;
overflow-x: hidden;
}
.event-slider-section .events-slider .slick-track {
display: flex !important;
}
.event-slider-section .events-slider .single-post {
padding: 0 1em;
}
.event-slider-section .events-slider .single-post .inner {
padding: 0;
}
.event-slider-section .events-slider .slick-dots {
bottom: -5.5em;
}
.event-slider-section .events-slider .slick-arrow {
font-size: 1em;
width: 3em;
height: 3em;
top: 50%;
transform: translateY(-50%);
}
.event-slider-section .events-slider .slick-arrow svg {
width: 3em;
height: 3em;
}
.event-slider-section .events-slider .slick-arrow svg path {
fill: var(--baseFontColor);
}
.event-slider-section .events-slider .slick-arrow:before {
display: none;
}
.event-slider-section .events-slider .slick-next {
right: -3.5em;
}
.event-slider-section .events-slider .slick-prev {
left: -3.5em;
}
@media (max-width: 768px) {
.event-slider-section {
padding: 2em 0;
}
}
.text-wide-section {
padding: 3em 0;
}
@media (max-width: 768px) {
.text-wide-section {
padding: 2em 0;
}
}
@media (max-width: 600px) {
.text-wide-section .primary-button {
width: 100%;
text-align: center;
}
}
.text-image-slider-section {
padding: 3em 0;
}
.text-image-slider-section .text-image-slider {
margin-bottom: 0 !important;
}
.text-image-slider-section .text-image-slider .slick-track {
display: flex !important;
}
.text-image-slider-section .text-image-slider .slick-slide {
height: inherit !important;
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row {
grid-gap: 4em;
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col {
padding: 0 1em;
text-align: right;
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col.align {
text-align: left;
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col.align h3,
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col.align h4 {
margin-left: unset;
margin-right: auto;
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col h3,
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col h4 {
width: 85%;
margin-left: auto;
}
@media (max-width: 1000px) {
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col h3,
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col h4 {
width: 100%;
}
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col h4 {
padding: 0.3em 0;
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col .sub-subtitle {
font-weight: 700;
padding-bottom: 0.75em;
}
@media (max-width: 768px) {
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .text-col {
grid-column: span 12;
text-align: left;
}
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .image-col .image {
height: 100%;
}
@media (max-width: 768px) {
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .image-col .image img {
width: 80%;
height: auto;
margin: auto;
}
}
@media (max-width: 768px) {
.text-image-slider-section .text-image-slider .text-image-slide .inner.row .image-col {
grid-column: span 12;
}
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row.reverse {
grid-auto-flow: dense;
direction: rtl;
}
.text-image-slider-section .text-image-slider .text-image-slide .inner.row.reverse .column {
direction: ltr;
}
@media (max-width: 768px) {
.text-image-slider-section .text-image-slider .text-image-slide .inner.row.reverse {
grid-auto-flow: unset;
direction: ltr;
}
}
@media (max-width: 1000px) {
.text-image-slider-section .text-image-slider .text-image-slide .inner.row {
grid-gap: 2em;
}
}
.text-image-slider-section .text-image-slider .slick-dots {
position: unset;
padding-top: 2em;
}
@media (max-width: 600px) {
.text-image-slider-section .text-image-slider .slick-dots {
justify-content: center;
padding-left: 0;
}
}
.text-image-slider-section .text-image-slider .slick-arrow {
font-size: 1em;
width: 3em;
height: 3em;
top: 50%;
transform: translateY(-50%);
}
.text-image-slider-section .text-image-slider .slick-arrow svg {
width: 3em;
height: 3em;
}
.text-image-slider-section .text-image-slider .slick-arrow svg path {
fill: none;
}
.text-image-slider-section .text-image-slider .slick-arrow svg polyline {
stroke: var(--baseFontColor);
transition: 0.3s ease;
}
.text-image-slider-section .text-image-slider .slick-arrow:before {
display: none;
}
.text-image-slider-section .text-image-slider .slick-arrow:hover svg polyline {
stroke: var(--greyColor);
}
@media (max-width: 600px) {
.text-image-slider-section .text-image-slider .slick-arrow {
display: none;
}
}
.text-image-slider-section .text-image-slider .slick-next {
right: -3.5em;
}
@media (max-width: 600px) {
.text-image-slider-section .text-image-slider .slick-next {
right: -2em;
}
}
.text-image-slider-section .text-image-slider .slick-prev {
left: -3.5em;
}
@media (max-width: 600px) {
.text-image-slider-section .text-image-slider .slick-prev {
left: -2em;
}
}
.text-image-slider-section.with-bg {
background-color: var(--lightGreyColor);
}
.quotes-slider-section {
padding: 3em 0;
}
.quotes-slider-section .headline {
margin-bottom: 2em;
text-align: center;
}
.quotes-slider-section .headline .subtitle {
padding-top: 1em;
}
.quotes-slider-section .quotes-slider {
padding-bottom: 3em;
margin-bottom: 0 !important;
}
.quotes-slider-section .quotes-slider .single-quote .inner .image {
width: 10em;
height: 10em;
margin: auto;
}
.quotes-slider-section .quotes-slider .single-quote .inner .image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.quotes-slider-section .quotes-slider .single-quote .inner .quote {
text-align: center;
font-style: italic;
font-weight: 400;
font-family: 'Lora', serif;
font-size: 1.4em;
padding: 0.5em 1em;
}
.quotes-slider-section .quotes-slider .single-quote .inner .description {
display: flex;
justify-content: center;
margin-bottom: 1em;
}
.quotes-slider-section .quotes-slider .single-quote .inner .description .inner {
padding-top: 0.2em;
border-top: 1px solid #8E8E8E;
}
.quotes-slider-section .quotes-slider .slick-dots {
bottom: 0;
}
@media (max-width: 600px) {
.quotes-slider-section .quotes-slider .slick-dots {
justify-content: center;
padding-left: 0;
}
}
.quotes-slider-section .quotes-slider .slick-arrow {
font-size: 1em;
width: 3em;
height: 3em;
top: 50%;
transform: translateY(-50%);
}
.quotes-slider-section .quotes-slider .slick-arrow svg {
width: 3em;
height: 3em;
}
.quotes-slider-section .quotes-slider .slick-arrow svg path {
fill: none;
}
.quotes-slider-section .quotes-slider .slick-arrow svg polyline {
stroke: var(--baseFontColor);
transition: 0.3s ease;
}
.quotes-slider-section .quotes-slider .slick-arrow:before {
display: none;
}
.quotes-slider-section .quotes-slider .slick-arrow:hover svg polyline {
stroke: var(--greyColor);
}
@media (max-width: 600px) {
.quotes-slider-section .quotes-slider .slick-arrow {
display: none;
}
}
.quotes-slider-section .quotes-slider .slick-next {
right: -3.5em;
}
.quotes-slider-section .quotes-slider .slick-prev {
left: -3.5em;
}
.accordion-section {
padding: 3em 0;
}
.accordion-section .headline {
margin-bottom: 1.5em;
}
.accordion-section .accordion-wrap .accordion {
width: 100%;
padding: 1.25em;
border-bottom: 2px solid var(--greyColor);
margin-bottom: 0.7em;
}
.accordion-section .accordion-wrap .accordion .accordion_tab {
cursor: pointer;
display: flex;
align-items: center;
transition: var(--transition);
position: relative;
border-bottom: 2px dashed var(--darkBgColor);
}
.accordion-section .accordion-wrap .accordion .accordion_tab .title {
flex: 1;
padding-right: 1em;
}
.accordion-section .accordion-wrap .accordion .accordion_tab .accordion_arrow {
height: 100%;
display: flex;
align-items: center;
transition: var(--transition);
padding: 0 1em;
}
.accordion-section .accordion-wrap .accordion .accordion_tab .accordion_arrow svg {
width: 1.5em;
height: 1.5em;
}
.accordion-section .accordion-wrap .accordion .accordion_tab .accordion_arrow svg path {
fill: var(--baseFontColor);
transition: var(--transition);
}
@media (max-width: 1000px) {
.accordion-section .accordion-wrap .accordion .accordion_tab .accordion_arrow {
padding: 0 0 0 1em;
}
}
.accordion-section .accordion-wrap .accordion .accordion_tab.active .accordion_arrow {
transform: rotate(180deg);
}
@media (max-width: 1000px) {
.accordion-section .accordion-wrap .accordion .accordion_tab.active .accordion_arrow {
padding: 0 1em 0 0;
}
}
.accordion-section .accordion-wrap .accordion .accordion_content {
display: none;
padding-top: 1em;
}
@media (max-width: 600px) {
.accordion-section .accordion-wrap .accordion .accordion_content {
padding-left: 0;
}
}
.accordion-section .accordion-wrap .accordion .accordion_content .inner-row .image img {
border-radius: 0;
}
@media (max-width: 768px) {
.accordion-section .accordion-wrap .accordion .accordion_content .inner-row .image {
grid-column: span 12;
}
}
.accordion-section .accordion-wrap .accordion .accordion_content .inner-row .text-content {
padding: 1.5em;
}
.accordion-section .accordion-wrap .accordion .accordion_content .inner-row .text-content .action {
padding-top: 1em;
}
@media (max-width: 768px) {
.accordion-section .accordion-wrap .accordion .accordion_content .inner-row .text-content {
grid-column: span 12;
padding: 1em 0;
}
}
.accordion-section .accordion-wrap .accordion .accordion_content ul {
list-style-type: disc;
}
@media (max-width: 600px) {
.accordion-section .accordion-wrap .accordion .accordion_content .primary-button {
width: 100%;
text-align: center;
}
}
.accordion-section .accordion-wrap .accordion:first-child .accordion_content {
display: block;
}
.accordion-section .accordion-wrap .accordion:last-child {
border-bottom: 2px solid var(--greyColor);
}
.accordion-section .more-button {
margin-top: 3em;
text-align: left;
}
.accordion-section .more-button .more-button-inner {
padding: 0;
justify-content: flex-start;
}
@media (max-width: 768px) {
.accordion-section {
padding: 2em 0;
}
}
.accordion-section:last-child {
padding-bottom: 6em;
}
.timeline-section {
padding: 3em 0;
}
.timeline-section .headline {
margin-bottom: 1.5em;
}
.timeline-section .timeline-slider .slick-track {
display: flex !important;
}
.timeline-section .timeline-slider .slick-slide {
height: inherit !important;
}
.timeline-section .timeline-slider .slick-slide .inner {
height: 100%;
display: flex;
flex-direction: column;
padding: 0 2em;
}
.timeline-section .timeline-slider .slick-slide .inner .year {
text-align: center;
margin-bottom: 0;
padding: 0.4em 0;
}
.timeline-section .timeline-slider .slick-slide .inner .dot-wrap {
display: flex;
justify-content: center;
position: relative;
padding-bottom: 1em;
}
.timeline-section .timeline-slider .slick-slide .inner .dot-wrap .dot {
background-color: var(--baseFontColor);
width: 2em;
height: 2em;
border-radius: 50%;
line-height: 0;
}
.timeline-section .timeline-slider .slick-slide .inner .dot-wrap:before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.9em;
width: 3px;
bottom: -1em;
z-index: 2;
background-color: var(--baseFontColor);
}
.timeline-section .timeline-slider .slick-slide .inner .dot-wrap:after {
content: '';
position: absolute;
left: -2em;
right: -2em;
top: 0.9em;
height: 3px;
z-index: 2;
background-color: var(--baseFontColor);
}
.timeline-section .timeline-slider .slick-slide .inner .title {
background-color: var(--baseFontColor);
border-radius: 0;
padding: 0.5em;
color: white;
font-weight: 700;
text-align: center;
}
.timeline-section .timeline-slider .slick-slide .inner .image {
width: 100%;
height: 15em;
}
.timeline-section .timeline-slider .slick-slide .inner .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.timeline-section .timeline-slider .slick-slide .inner .text-wrap {
flex: 1;
}
.timeline-section .timeline-slider .slick-slide .inner .text-wrap .text {
padding: 1.5em 2em 1em 2em;
background-color: var(--greyColor);
}
.timeline-section .timeline-slider .slick-arrow {
font-size: 1em;
width: unset;
height: unset;
top: 3.6em;
transform: translateY(-50%);
z-index: 5;
line-height: 0;
padding: 0.2em;
border: 3px solid var(--baseFontColor);
border-radius: 50%;
background-color: white;
}
.timeline-section .timeline-slider .slick-arrow svg {
width: 2em;
height: 2em;
}
.timeline-section .timeline-slider .slick-arrow svg path {
fill: none;
}
.timeline-section .timeline-slider .slick-arrow svg polyline {
stroke: var(--baseFontColor);
transition: 0.3s ease;
}
.timeline-section .timeline-slider .slick-arrow:before {
display: none;
}
.timeline-section .timeline-slider .slick-prev {
left: -1.5em;
}
.timeline-section .timeline-slider .slick-prev svg {
position: relative;
left: -0.1em;
}
.timeline-section .timeline-slider .slick-next {
right: -1.5em;
}
.timeline-section .timeline-slider .slick-next svg {
position: relative;
right: -0.1em;
}
.center-slider-section {
padding: 3em 0;
}
.center-slider-section .headline {
margin-bottom: 2em;
}
.center-slider-section .headline h3 {
font-weight: bold;
}
.center-slider-section .center-slider {
padding-bottom: 3em;
height: 29em;
}
.center-slider-section .center-slider .slick-list {
height: 100%;
}
.center-slider-section .center-slider .slick-list .slick-track {
height: 100%;
}
.center-slider-section .center-slider .slick-slide {
transform: scale(0.7);
filter: blur(2.5px);
transition: all 0.5s;
margin: 0 -6em;
position: relative;
}
.center-slider-section .center-slider .slick-slide.slick-active {
transform: scale(0.8);
z-index: 2;
}
.center-slider-section .center-slider .slick-slide.slick-current {
transform: scale(1);
opacity: 1;
filter: unset;
z-index: 3;
}
.center-slider-section .center-slider .slick-slide.slick-current .image {
position: relative;
box-shadow: 0px 0px 20px 0px rgba(38, 38, 38, 0.3);
}
.center-slider-section .center-slider .slick-slide.slick-current .image:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
@media (max-width: 900px) {
.center-slider-section .center-slider .slick-slide.slick-current {
transform: scale(0.9);
}
}
@media (max-width: 900px) {
.center-slider-section .center-slider .slick-slide {
transform: scale(0.9);
}
}
.center-slider-section .center-slider .center-card {
position: relative;
height: inherit;
padding: 1em;
}
.center-slider-section .center-slider .center-card .image {
height: 100%;
overflow: hidden;
}
.center-slider-section .center-slider .center-card .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s ease;
}
.center-slider-section .center-slider .center-card .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 1em;
}
.center-slider-section .center-slider .center-card .content .inner {
text-align: center;
width: 70%;
padding: 1em;
}
.center-slider-section .center-slider a.center-card:hover .image img {
transform: scale(1.05);
}
.center-slider-section .center-slider .slick-dots {
bottom: -2em;
}
@media (max-width: 600px) {
.center-slider-section .center-slider .slick-dots {
justify-content: center;
padding-left: 0;
}
}
.center-slider-section .center-slider .slick-arrow {
font-size: 1em;
width: 3em;
height: 3em;
top: 50%;
transform: translateY(-50%);
}
.center-slider-section .center-slider .slick-arrow svg {
width: 3em;
height: 3em;
}
.center-slider-section .center-slider .slick-arrow svg path {
fill: var(--baseFontColor);
}
.center-slider-section .center-slider .slick-arrow:before {
display: none;
}
.center-slider-section .center-slider .slick-next {
right: -3.5em;
}
.center-slider-section .center-slider .slick-prev {
left: -3.5em;
}
.center-slider-section .headline + .custom-center-slider {
margin-top: 6em;
}
.center-slider-section .custom-center-slider {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4em;
padding-bottom: 3em;
}
.center-slider-section .custom-center-slider .center-card {
width: 33.33%;
position: relative;
height: 19em;
filter: blur(2.5px);
transition: 0.3s ease;
z-index: 1;
}
.center-slider-section .custom-center-slider .center-card .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.center-slider-section .custom-center-slider .center-card .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s ease;
}
.center-slider-section .custom-center-slider .center-card .content {
position: relative;
height: 100%;
z-index: 1;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.center-slider-section .custom-center-slider .center-card .content .inner {
text-align: center;
width: 70%;
padding: 1em;
}
.center-slider-section .custom-center-slider .center-card .content .inner h4 {
font-size: 1.8em;
}
.center-slider-section .custom-center-slider .center-card .content .inner .subtitle {
font-size: 0.8em;
}
@media (max-width: 600px) {
.center-slider-section .custom-center-slider .center-card .content .inner {
width: 100%;
}
}
.center-slider-section .custom-center-slider .center-card.active-card {
box-shadow: 0 0 1em 0 rgba(38, 38, 38, 0.3);
transform: scale(1.25);
filter: unset;
z-index: 3;
transition: 0.5s ease;
}
.center-slider-section .custom-center-slider .center-card.active-card .image:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
@media (max-width: 1024px) {
.center-slider-section .custom-center-slider .center-card.active-card {
transform: unset;
box-shadow: none;
}
}
@media (max-width: 1024px) {
.center-slider-section .custom-center-slider .center-card {
filter: unset;
}
}
@media (max-width: 900px) {
.center-slider-section .custom-center-slider .center-card {
width: 50%;
}
}
@media (max-width: 900px) {
.center-slider-section .custom-center-slider .center-card {
width: 100%;
}
}
.center-slider-section .custom-center-slider a.center-card {
display: block;
}
.center-slider-section .custom-center-slider a.center-card:hover .image img {
transform: scale(1.05);
}
@media (max-width: 900px) {
.center-slider-section .custom-center-slider {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.center-slider-section {
padding: 2em 0;
}
}
.image-text-split-section .image-text-split-row .image-col {
position: relative;
}
@media (max-width: 768px) {
.image-text-split-section .image-text-split-row .image-col {
grid-column: span 12;
}
}
.image-text-split-section .image-text-split-row .image-col .image {
height: 100%;
padding: 2em 0 0 2em;
}
.image-text-split-section .image-text-split-row .image-col .image:after {
content: "";
position: absolute;
top: 0em;
left: -2em;
background: var(--primaryColor);
display: block;
width: 100%;
height: calc(100% - 2em);
}
.image-text-split-section .image-text-split-row .image-col .image img {
position: relative;
z-index: 2;
}
.image-text-split-section .image-text-split-row .image-col .quote-slider {
margin-bottom: 0;
height: 100%;
background-color: var(--greyColor);
}
.image-text-split-section .image-text-split-row .image-col .quote-slider .slick-list,
.image-text-split-section .image-text-split-row .image-col .quote-slider .slick-track {
height: inherit;
}
.image-text-split-section .image-text-split-row .image-col .quote-slider .single-quote {
height: inherit;
}
.image-text-split-section .image-text-split-row .image-col .quote-slider .single-quote .inner {
height: 100%;
padding: 7em 3em;
}
.image-text-split-section .image-text-split-row .image-col .quote-slider .single-quote .inner .quote {
font-family: 'Lora', serif;
font-size: 1.2em;
font-style: italic;
}
.image-text-split-section .image-text-split-row .image-col .quote-slider .single-quote .inner .name {
margin-top: 2em;
padding-top: 0.3em;
border-top: 1px solid var(--baseFontColor);
display: inline-block;
font-size: 0.9em;
}
@media (max-width: 900px) {
.image-text-split-section .image-text-split-row .image-col .quote-slider .single-quote .inner {
padding: 7em 2em;
}
}
.image-text-split-section .image-text-split-row .image-col .quote-slider .slick-dots {
bottom: 2em;
}
@media (max-width: 768px) {
.image-text-split-section .image-text-split-row .content-col {
grid-column: span 12;
}
}
.image-text-split-section .image-text-split-row .content-col .content {
height: 100%;
padding: 3em 0 3em 4em;
}
@media (max-width: 1024px) {
.image-text-split-section .image-text-split-row .content-col .content {
padding: 3em 0 3em 3em;
}
}
@media (max-width: 900px) {
.image-text-split-section .image-text-split-row .content-col .content {
padding: 3em 0 3em 5vw;
}
}
@media (max-width: 768px) {
.image-text-split-section .image-text-split-row .content-col .content {
padding: 2em 0 2em 7.5vw;
}
}
.image-text-split-section .image-text-split-row .content-col .content .text {
padding: 1em 0;
}
@media (max-width: 600px) {
.image-text-split-section .image-text-split-row .content-col .content .text .primary-button {
width: 100%;
text-align: center;
}
}
.image-text-split-section .image-text-split-row .content-col .content .action {
padding-top: 1em;
display: flex;
justify-content: space-between;
}
@media (max-width: 1000px) {
.image-text-split-section .image-text-split-row .content-col .content .action .primary-button {
margin-bottom: 1em;
}
.image-text-split-section .image-text-split-row .content-col .content .action .primary-button:last-child {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.image-text-split-section .image-text-split-row .content-col .content .action .primary-button {
margin-bottom: 0;
}
}
@media (max-width: 600px) {
.image-text-split-section .image-text-split-row .content-col .content .action .primary-button {
margin-bottom: 1em;
}
.image-text-split-section .image-text-split-row .content-col .content .action .primary-button:last-child {
margin-bottom: 0;
}
}
@media (max-width: 1000px) {
.image-text-split-section .image-text-split-row .content-col .content .action {
flex-direction: column;
justify-content: unset;
}
}
@media (max-width: 768px) {
.image-text-split-section .image-text-split-row .content-col .content .action {
flex-direction: row;
justify-content: space-between;
}
}
@media (max-width: 600px) {
.image-text-split-section .image-text-split-row .content-col .content .action {
flex-direction: column;
justify-content: unset;
}
}
.image-text-split-section .image-text-split-row .content-col.with-bg {
background-color: var(--greyColor);
}
.image-text-split-section .image-text-split-row .content-col.align-left {
text-align: left;
}
.image-text-split-section .image-text-split-row .content-col.align-right {
text-align: right;
}
@media (max-width: 900px) {
.image-text-split-section .image-text-split-row .content-col.align-right {
text-align: left;
}
}
.image-text-split-section .image-text-split-row.reverse {
grid-auto-flow: dense;
direction: rtl;
}
.image-text-split-section .image-text-split-row.reverse .image-col {
direction: ltr;
}
.image-text-split-section .image-text-split-row.reverse .image-col .image {
padding: 2em 2em 0 0;
}
.image-text-split-section .image-text-split-row.reverse .image-col .image:after {
content: "";
position: absolute;
top: 0em;
right: -2em;
left: unset;
background: var(--primaryColor);
display: block;
width: 100%;
height: calc(100% - 2em);
}
.image-text-split-section .image-text-split-row.reverse .image-col .quote-slider .single-quote .inner {
text-align: right;
}
.image-text-split-section .image-text-split-row.reverse .content-col {
direction: ltr;
}
.image-text-split-section .image-text-split-row.reverse .content-col .content {
padding: 3em 4em 3em 0;
}
@media (max-width: 1024px) {
.image-text-split-section .image-text-split-row.reverse .content-col .content {
padding: 3em 3em 3em 0;
}
}
@media (max-width: 900px) {
.image-text-split-section .image-text-split-row.reverse .content-col .content {
padding: 3em 5vw 3em 0;
}
}
@media (max-width: 768px) {
.image-text-split-section .image-text-split-row.reverse .content-col .content {
padding: 2em 7.5vw 2em 0;
}
}
@media (max-width: 900px) {
.image-text-split-section .wrapper > .image-text-split-row .content-col .content {
padding: 3em 0 3em 2em;
}
}
@media (max-width: 768px) {
.image-text-split-section .wrapper > .image-text-split-row .content-col .content {
padding: 2em 0;
}
}
@media (max-width: 900px) {
.image-text-split-section .wrapper > .image-text-split-row.reverse .content-col .content {
padding: 3em 2em 3em 0;
}
}
@media (max-width: 768px) {
.image-text-split-section .wrapper > .image-text-split-row.reverse .content-col .content {
padding: 2em 0;
}
}
.car-search-section + .car-offer-slider-section {
padding-top: 5em;
}
@media (max-width: 768px) {
.car-search-section + .car-offer-slider-section {
padding-top: 3em;
}
}
.modell-card-section {
padding: 3em 0;
}
.modell-card-section h3 {
text-transform: uppercase;
font-size: 2.35em;
font-weight: 700;
margin-bottom: 1em;
}
@media (max-width: 100px) {
.modell-card-section .modell-cards-row {
flex-direction: column;
}
}
.modell-card-section .modell-cards-row .card {
margin-bottom: 2em;
}
@media (max-width: 1000px) {
.modell-card-section .modell-cards-row .card {
width: 50%;
}
}
@media (max-width: 600px) {
.modell-card-section .modell-cards-row .card {
width: 100%;
}
}
.modell-card-section .modell-cards-row .card .card-body {
position: relative;
transition: height 0.8s ease;
height: 80%;
}
.modell-card-section .modell-cards-row .card .card-body:hover {
height: 100%;
box-shadow: 0 0 20px 0 #8e8e8e;
}
.modell-card-section .modell-cards-row .card .card-body:hover .image img {
transform: scale(1);
}
.modell-card-section .modell-cards-row .card .card-body:hover .body {
opacity: 1;
transition: 1.5s ease-in;
}
.modell-card-section .modell-cards-row .card .card-body:hover .body .button-link {
opacity: 1;
}
.modell-card-section .modell-cards-row .card .card-body .car-infos {
position: absolute;
display: flex;
top: 1em;
left: 1em;
right: 0;
z-index: 5;
}
.modell-card-section .modell-cards-row .card .card-body .car-infos .car-infos-wrapper .car-typ {
color: #8e8e8e;
font-size: 0.7em;
font-weight: 300;
}
.modell-card-section .modell-cards-row .card .card-body .car-infos .car-infos-wrapper .car-model {
font-weight: 300;
font-size: 3.5em;
color: var(--baseFontColor);
margin-top: -0.3em;
}
.modell-card-section .modell-cards-row .card .card-body .car-infos .car-model-extra {
padding: 1em 0.6em;
}
.modell-card-section .modell-cards-row .card .card-body .image {
width: 100%;
height: 15em;
overflow: hidden;
}
@media (max-width: 1024px) {
.modell-card-section .modell-cards-row .card .card-body .image {
height: 13em !important;
}
}
@media (max-width: 1000px) {
.modell-card-section .modell-cards-row .card .card-body .image {
height: 24em;
}
}
@media (max-width: 600px) {
.modell-card-section .modell-cards-row .card .card-body .image {
height: 14em;
}
}
.modell-card-section .modell-cards-row .card .card-body .image img {
width: 100%;
height: 100%;
transform: scale(1.25);
transition: ease 1s;
}
.modell-card-section .modell-cards-row .card .card-body .body {
padding-bottom: 0.5em;
opacity: 0;
}
.modell-card-section .modell-cards-row .card .card-body .body .preis {
font-weight: 700;
width: 100%;
text-align: center;
}
.modell-card-section .modell-cards-row .card .card-body .body .car-e-infos {
font-weight: 300;
font-size: 0.7em;
margin: 0 auto;
width: 90%;
text-align: center;
padding: 1em 0;
}
.modell-card-section .modell-cards-row .card .card-body .body .button-link {
display: flex;
justify-content: center;
align-items: center;
}
.modell-card-section .modell-cards-row .card .card-body .body .button-link .icon svg {
height: 1.5em;
width: 1.5em;
}
.modell-card-section .modell-cards-row .card .card-body .body .button-link span {
font-weight: 700;
color: var(--baseFontColor);
}
.modell-card-section .modell-cards-row .card .card-body .body .button-link:hover {
cursor: pointer;
}
.modell-card-section .modell-cards-row .card.mini .card-body:hover .image {
margin-top: -4em;
transition: 0.5s ease;
}
.modell-card-section .modell-cards-row .card.mini .card-body .car-infos {
position: relative;
top: 0;
left: 0;
z-index: 3;
padding-top: 1em;
padding-left: 1em;
}
.modell-card-section .modell-cards-row .card.mini .card-body .image {
margin-top: -3em;
}
.modell-card-section .more-action {
padding-top: 1em;
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.modell-card-section {
padding: 2em 0;
}
}
.image-text-image-section {
padding: 3em 0;
}
@media (max-width: 900px) {
.image-text-image-section .row {
flex-direction: column;
}
.image-text-image-section .row .column {
width: 100%;
}
}
.image-text-image-section .row .foto .image {
width: 100%;
height: 100%;
}
.image-text-image-section .row .foto .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.image-text-image-section .row .text-foto .inner {
display: flex;
background-color: #E6E6E6;
position: relative;
height: 100%;
}
.image-text-image-section .row .text-foto .inner .content {
display: flex;
flex-direction: column;
padding: 4em 0 3.5em 4em;
width: 50%;
height: 100%;
}
@media (max-width: 600px) {
.image-text-image-section .row .text-foto .inner .content {
padding: 2em 0 3.5em 1em;
}
}
.image-text-image-section .row .text-foto .inner .content h4 {
line-height: 1.3;
}
.image-text-image-section .row .text-foto .inner .content .text-big {
padding: 1em 0;
}
@media (max-width: 600px) {
.image-text-image-section .row .text-foto .inner .content .action .primary-button {
width: 100%;
text-align: center;
}
}
@media (max-width: 1000px) {
.image-text-image-section .row .text-foto .inner .content {
width: 100%;
height: unset;
padding: 3em;
}
}
@media (max-width: 900px) {
.image-text-image-section .row .text-foto .inner .content {
width: 50%;
}
}
@media (max-width: 768px) {
.image-text-image-section .row .text-foto .inner .content {
width: 100%;
padding: 2em;
}
}
@media (max-width: 600px) {
.image-text-image-section .row .text-foto .inner .content {
padding: 1.4em;
}
}
.image-text-image-section .row .text-foto .inner .image-out {
width: 50%;
}
.image-text-image-section .row .text-foto .inner .image-out img {
position: relative;
height: 108%;
width: 95%;
object-fit: cover;
}
@media (max-width: 1024px) {
.image-text-image-section .row .text-foto .inner .image-out img {
height: 100%;
width: 100%;
object-fit: contain;
}
}
@media (max-width: 1000px) {
.image-text-image-section .row .text-foto .inner .image-out {
width: 100%;
height: 25em;
padding: 1em;
}
}
@media (max-width: 900px) {
.image-text-image-section .row .text-foto .inner .image-out {
width: 50%;
height: 100%;
padding: 1em;
}
}
@media (max-width: 768px) {
.image-text-image-section .row .text-foto .inner .image-out {
width: 100%;
height: 25em;
padding: 1em;
}
}
@media (max-width: 1000px) {
.image-text-image-section .row .text-foto .inner {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.image-text-image-section {
padding: 2em 0;
}
}
.car-search-mid-section {
background-color: var(--greyColor);
margin: 3em 0;
padding: 3em 0;
}
.car-search-mid-section .car-search-mid-panel .wrapper h5 {
margin-bottom: 0.5em;
}
.car-search-mid-section .car-search-mid-panel .wrapper form {
width: 100%;
}
.car-search-mid-section .car-search-mid-panel .wrapper form .body {
width: 100%;
}
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner {
width: 100%;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner {
flex-direction: column;
align-items: unset;
}
}
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner .inputs {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner .inputs {
flex-direction: column;
justify-content: unset;
align-items: unset;
}
}
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner .inputs .item {
flex: 1;
margin-right: 1em;
}
@media (max-width: 768px) {
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner .inputs .item {
margin: 0 0 1em 0;
}
}
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner .inputs .item select {
width: 100%;
height: 100%;
padding: 0.75em;
border: none;
background-color: white;
border-right: 0.5em solid transparent;
font-weight: 300;
}
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner .action {
height: 100%;
}
.car-search-mid-section .car-search-mid-panel .wrapper form .body .inner .action a.primary-button {
height: 100%;
}
@media (max-width: 768px) {
.car-search-mid-section {
margin: 2em 0;
padding: 2em 0;
}
}
.team-employee-row {
padding-top: 3em;
}
.team-employee-row > .is-1-3 {
margin-bottom: 2em;
}
@media (max-width: 1000px) {
.team-employee-row > .is-1-3 {
grid-column: span 6 !important;
}
}
@media (max-width: 768px) {
.team-employee-row > .is-1-3 {
grid-column: span 12 !important;
}
}
.team-employee-row > .is-1-3 .employee-card {
width: 100%;
}
.team-employee-row > .is-1-3 .employee-card .row {
display: flex;
flex-flow: column;
align-items: center;
}
.team-employee-row > .is-1-3 .employee-card .row .column .image {
width: 100px;
aspect-ratio: 1;
border-radius: 100%;
overflow: hidden;
}
.team-employee-row > .is-1-3 .employee-card .row .column .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body {
padding: 1em;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body .up {
padding-bottom: 1em;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body .up * {
margin: auto;
text-align: center;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body .employee-position {
padding-top: 0.5em;
width: 80%;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body .employee-content .telefon-up {
display: flex;
justify-content: center;
padding-bottom: 0.5em;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body .employee-content .email-down {
display: flex;
justify-content: center;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body .employee-content .email-down .email {
width: 40%;
}
.team-employee-row > .is-1-3 .employee-card .row .column .card-body .employee-content .email-down .contact {
text-align: end;
}
@media (max-width: 768px) {
.team-employee-row {
padding-top: 2em;
}
}
.team-employee-section {
padding: 3em 0;
}
@media (max-width: 768px) {
.team-employee-section {
padding: 2em 0;
}
}
.double-cards-hover-on-right-section {
padding: 3em 0;
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row {
margin: 0 -2em;
}
@media (max-width: 900px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row {
flex-direction: column;
}
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card {
padding: 0 2em;
position: relative;
margin-bottom: 4em;
}
@media (max-width: 900px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card {
width: 100%;
padding: 0; }
}
@media (max-width: 768px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card {
padding: 0 2em;
}
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner {
height: 100%;
width: 90%;
position: relative;
display: flex;
align-items: flex-end;
z-index: 1;
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner .card-body {
height: 100%;
box-shadow: 0 0 1em 0 rgba(38, 38, 38, 0.3);
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
background-color: white;
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner .card-body .image {
width: 100%;
aspect-ratio: 1.66666667;
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner .card-body .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner .card-body .content {
flex: 1;
padding: 3em 4em 3em 3em;
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner .card-body .content .more-button {
padding-top: 1.5em;
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner .card-body .content .more-button .more-button-inner {
justify-content: flex-start;
}
@media (max-width: 600px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner .card-body .content {
padding: 3em 1em 1.5em 1em;
}
}
@media (max-width: 600px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .inner {
width: 100%;
}
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right {
height: 90%;
background-color: var(--baseFontColor);
display: flex;
align-items: end;
transition: 0.3s ease;
position: absolute;
right: 4.5em;
bottom: 0;
z-index: 0;
}
@media (max-width: 1024px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right {
right: 1em;
}
}
@media (max-width: 900px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right {
right: 1.25em;
}
}
@media (max-width: 600px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right {
top: 12.5em;
left: 2em;
right: unset;
height: unset;
bottom: unset;
z-index: 1;
}
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right .content {
text-orientation: mixed;
text-transform: uppercase;
color: white;
font-weight: 700;
writing-mode: vertical-lr;
transform: rotate(-180deg);
padding: 2em 0 1.5em 0;
margin: 0 0.5em;
transition: 1s ease;
opacity: 0;
}
@media (max-width: 1024px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right .content {
opacity: 1;
}
}
@media (max-width: 1000px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right .content {
margin: 0 0.25em;
}
}
@media (max-width: 900px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right .content {
margin: 0 0.5em;
}
}
@media (max-width: 600px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card .show-up-right .content {
text-orientation: unset;
writing-mode: unset;
transform: rotate(0);
padding: 0.25em;
}
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card:hover .show-up-right {
right: 1em;
}
@media (max-width: 600px) {
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card:hover .show-up-right {
right: unset;
}
}
.double-cards-hover-on-right-section .wrapper .double-cards-hover-on-right-row .hover-card:hover .show-up-right .content {
opacity: 1;
}
@media (max-width: 768px) {
.double-cards-hover-on-right-section {
padding: 2em 0;
}
}
.car-tabs-section {
padding: 5em 0;
}
.car-tabs-section .wrapper .brands-modell .tab-headers {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: unset;
margin-bottom: 3em;
border-bottom: 1px solid var(--greyColor);
}
.car-tabs-section .wrapper .brands-modell .tab-headers .tab-header {
font-weight: 400;
padding: 1em 2em;
margin: 0;
position: relative;
border-bottom: 1px solid #8e8e8e;
color: var(--baseFontColor);
}
.car-tabs-section .wrapper .brands-modell .tab-headers .tab-header:after {
content: "";
width: 100%;
height: 0.2em;
background-color: var(--primaryColor);
opacity: 0;
display: block;
position: absolute;
left: 0;
bottom: -1px;
right: 0;
transition: 0.3s ease-in-out;
}
.car-tabs-section .wrapper .brands-modell .tab-headers .tab-header:hover {
cursor: pointer;
}
.car-tabs-section .wrapper .brands-modell .tab-headers .tab-header:hover:after {
opacity: 1;
}
.car-tabs-section .wrapper .brands-modell .tab-headers .tab-header.active:after {
opacity: 1;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab {
display: none;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab.active {
display: block;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos {
padding-left: 0;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos li {
margin: 0;
display: flex;
padding: 0.5em 0;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos li .left {
font-weight: 700;
width: 15%;
}
@media (max-width: 1000px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos li .left {
width: 22%;
}
}
@media (max-width: 768px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos li .left {
width: 100%;
margin-bottom: 0.25em;
}
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos li .right {
width: 80%;
}
@media (max-width: 768px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos li .right {
width: 100%;
margin-bottom: 0.5em;
}
}
@media (max-width: 768px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .car-infos li {
flex-direction: column;
}
}
@media (max-width: 768px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row {
flex-direction: column-reverse;
}
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .image {
width: 100%;
height: 100%;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .image img {
width: 100%;
height: auto;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list {
padding: 0;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li {
display: flex;
justify-content: space-between;
padding: 1em 0;
margin: 0;
border-bottom: 1px solid var(--greyColor);
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li:last-child {
border-bottom: unset;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li .sub {
font-size: 1em;
font-weight: 300;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li.semi .left .key,
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li.semi .right {
font-weight: 500;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li.bold .left .key,
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li.bold .right {
font-weight: 700;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li.bigger .left .key,
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li.bigger .right {
font-size: 1.2em;
}
@media (max-width: 600px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li {
justify-content: unset;
flex-direction: column;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li .left,
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li .right {
width: 100%;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li .left {
margin-bottom: 0.25em;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .details-list li .right {
text-align: right;
}
}
@media (max-width: 600px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column .action .primary-button {
width: 100%;
text-align: center;
}
}
@media (max-width: 768px) {
.car-tabs-section .wrapper .brands-modell .tab-content .tab .details .row .column {
width: 100%;
}
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .extra-infos {
padding-top: 4em;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .extra-infos .text-small {
padding-bottom: 4em;
}
.car-tabs-section .wrapper .brands-modell .tab-content .tab .extra-infos .text-small a {
color: var(--baseFontColor);
text-decoration: underline var(--baseFontColor);
}
@media (max-width: 768px) {
.car-tabs-section {
padding: 3em 0;
}
}
.team-tabs-section {
padding: 3em 0;
}
.team-tabs-section .headline {
margin-bottom: 0.8em;
}
.team-tabs-section .departments .tab-headers {
display: flex;
width: 100%;
padding: unset;
margin-bottom: 3em;
border-bottom: 1px solid var(--greyColor);
}
@media (max-width: 768px) {
.team-tabs-section .departments .tab-headers {
flex-wrap: wrap;
}
}
.team-tabs-section .departments .tab-headers .tab-header {
font-weight: 400;
padding: 1em 2em;
margin: 0;
position: relative;
color: var(--baseFontColor);
}
@media (max-width: 768px) {
.team-tabs-section .departments .tab-headers .tab-header {
width: 50%;
}
}
.team-tabs-section .departments .tab-headers .tab-header:after {
content: "";
width: 100%;
height: 0.2em;
background-color: var(--primaryColor);
opacity: 0;
display: block;
position: absolute;
left: 0;
bottom: -1px;
right: 0;
transition: 0.3s ease;
}
.team-tabs-section .departments .tab-headers .tab-header:hover {
cursor: pointer;
}
.team-tabs-section .departments .tab-headers .tab-header:hover:after {
opacity: 1;
}
.team-tabs-section .departments .tab-headers .tab-header.active {
font-weight: 600;
}
.team-tabs-section .departments .tab-headers .tab-header.active:after {
opacity: 1;
}
.team-tabs-section .departments .tab-content .tab {
display: none;
}
.team-tabs-section .departments .tab-content .tab.active {
display: block;
}
.team-tabs-section .departments .tab-content .tab .inner {
display: block;
margin-bottom: 2em;
}
.team-tabs-section .departments .tab-content .tab .inner h5 {
margin-bottom: 0.75em;
}
.team-tabs-section .departments .tab-content .tab .inner .open {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--greyColor);
}
.team-tabs-section .departments .tab-content .tab .inner .open > div {
padding: 0.5em 0;
}
.team-tabs-section .departments .tab-content .tab .team-employee-row {
padding-top: 0;
}
@media (max-width: 768px) {
.team-tabs-section {
padding: 2em 0;
}
}
.custom-tabs-section {
padding: 3em 0;
}
.custom-tabs-section .wrapper .heading h2 {
margin-bottom: 0.8em;
}
.custom-tabs-section .wrapper .custom-tabs .tab-headers {
display: flex;
width: 100%;
padding: unset;
margin-bottom: 3em;
}
@media (max-width: 768px) {
.custom-tabs-section .wrapper .custom-tabs .tab-headers {
flex-wrap: wrap;
}
}
.custom-tabs-section .wrapper .custom-tabs .tab-headers .tab-header {
font-weight: 700;
padding: 1em 2em;
margin: 0;
position: relative;
border-bottom: 1px solid #8e8e8e;
color: var(--baseFontColor);
}
@media (max-width: 768px) {
.custom-tabs-section .wrapper .custom-tabs .tab-headers .tab-header {
width: 50%;
}
}
.custom-tabs-section .wrapper .custom-tabs .tab-headers .tab-header:after {
content: "";
width: 100%;
height: 0.4em;
background-color: var(--primaryColor);
opacity: 0;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
transition: 0.3s ease;
}
.custom-tabs-section .wrapper .custom-tabs .tab-headers .tab-header:hover {
cursor: pointer;
border-bottom: 1px solid transparent;
}
.custom-tabs-section .wrapper .custom-tabs .tab-headers .tab-header:hover:after {
opacity: 1;
}
.custom-tabs-section .wrapper .custom-tabs .tab-headers .tab-header.active {
border-bottom: 1px solid transparent;
}
.custom-tabs-section .wrapper .custom-tabs .tab-headers .tab-header.active:after {
opacity: 1;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab {
display: none;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab.active {
display: block;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .open {
display: block;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .open .head-line {
margin-bottom: 1em;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .open .open-infos {
border-bottom: 1px solid var(--greyColor);
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .open .open-infos .infos {
display: flex;
justify-content: space-between;
padding: 1em 0;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .inner-row .column .image {
height: 100%;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .inner-row .column .content {
padding: 2em 0;
display: flex;
flex-direction: column;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .inner-row .column .content h3 {
margin-bottom: 1em;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .inner-row .column .content .text {
flex: 1;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .inner-row .column .content .action {
padding-top: 1em;
}
.custom-tabs-section .wrapper .custom-tabs .tab-content .tab .inner-row.reverse {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.custom-tabs-section {
padding: 2em 0;
}
}
.contact-form-section + .map-section .wrapper.headline-wrapper {
border-top: unset;
padding-top: unset;
}
.map-section {
padding: 3em 0;
}
.map-section .wrapper.headline-wrapper {
border-top: 2px solid var(--greyColor);
padding-top: 5em;
}
@media (max-width: 768px) {
.map-section {
padding: 2em 0;
}
}
.map-section .headline {
margin-bottom: 0.7em;
}
.map-section .custom {
margin-bottom: 2em;
}
.map-section .location-card {
height: inherit;
padding: 1em;
border: 1px solid var(--greyColor);
border-radius: 0;
}
.map-section .location-card .inner {
height: 100%;
display: flex;
flex-direction: column;
}
.map-section .location-card .inner .image {
margin-bottom: 1.5em;
display: block;
aspect-ratio: 1.66666667;
overflow: hidden;
}
.map-section .location-card .inner .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease;
border-radius: 0;
}
.map-section .location-card .inner .body {
flex: 1;
display: flex;
flex-direction: column;
}
.map-section .location-card .inner .body .location-name {
margin-bottom: 0.5em;
}
.map-section .location-card .inner .body .contacts {
flex: 1;
}
.map-section .location-card .inner .body .contacts .contact {
padding: 0.7em 0;
border-bottom: 1px solid var(--greyColor);
}
.map-section .location-card .inner .body .contacts .address {
padding-top: 0;
}
.map-section .location-card .inner .body .contacts .phone,
.map-section .location-card .inner .body .contacts .email {
display: flex;
align-items: center;
}
.map-section .location-card .inner .body .contacts .phone .left,
.map-section .location-card .inner .body .contacts .email .left {
width: 30%;
}
.map-section .location-card .inner .body .contacts .phone .right,
.map-section .location-card .inner .body .contacts .email .right {
flex: 1;
text-align: right;
}
.map-section .location-card .inner .body .action {
margin-top: 1.5em;
}
.map-section .location-card .inner .body .action .more-button {
padding-top: 0;
}
.map-section .location-card .inner .body .action .more-button .more-button-inner {
padding-left: 0;
padding-right: 0;
}
.map-section .location-card .inner .body .action .more-button .more-button-inner .link {
justify-content: space-between;
width: 100%;
}
.map-section .location-card .inner .body .action .more-button .more-button-inner .link .txt {
font-size: 1.3em;
text-align: left;
}
.map-section .location-details {
padding-bottom: 3em;
}
.map-section .location-details .location-name {
font-weight: 500;
font-size: 1.2em;
margin-bottom: 0.7em;
}
.map-section .contacts-row,
.map-section .details-row {
margin-bottom: 2em;
}
.map-section .contacts-row .column .title,
.map-section .details-row .column .title {
margin-bottom: 0.5em;
}
.map-section .contacts-row .column .inner .part,
.map-section .details-row .column .inner .part {
display: flex;
align-items: center;
padding: 0.5em 0;
border-bottom: 1px solid var(--greyColor);
}
.map-section .contacts-row .column .inner .part .left,
.map-section .details-row .column .inner .part .left {
flex: 1;
}
.map-section .contacts-row .column .inner .part .right,
.map-section .details-row .column .inner .part .right {
text-align: right;
}
@media (max-width: 768px) {
.map-section .contacts-row .column,
.map-section .details-row .column {
grid-column: span 6;
}
}
@media (max-width: 600px) {
.map-section .contacts-row .column,
.map-section .details-row .column {
grid-column: span 12;
}
}
.map-section .map-wrap {
line-height: 0;
height: 38em;
}
.map-section .map-wrap .nr-frame-wrapper {
line-height: 1.4;
}
.map-section .map-wrap .info-note {
height: 100%;
position: relative;
}
.map-section .map-wrap .info-note .inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.4;
text-align: center;
position: relative;
z-index: 1;
}
.map-section .map-wrap .info-note .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 0;
}
.map-section .map-wrap .info-note .bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.map-section .map-wrap iframe {
height: 100%;
}
@media (max-width: 1000px) {
.map-section .map-wrap {
height: 33em;
}
}
@media (max-width: 600px) {
.map-section .map-wrap {
height: 26em;
}
}
.map-section .gallery-section .gallery-slider .slick-list {
margin: 0 -0.1em;
}
.map-section .gallery-section .gallery-slider .slick-track {
display: flex !important;
}
.map-section .gallery-section .gallery-slider .slick-slide {
height: inherit !important;
padding: 0 0.1em;
}
.map-section .gallery-section .gallery-slider .slick-slide a.gallery-image {
display: block;
height: 100%;
}
.map-section .gallery-section .gallery-slider .slick-slide a.gallery-image .image {
display: block;
height: 100%;
overflow: hidden;
}
.map-section .gallery-section .gallery-slider .slick-slide a.gallery-image .image img {
transition: 0.5s ease;
}
.map-section .gallery-section .gallery-slider .slick-slide a.gallery-image:hover .image img {
transform: scale(1.1);
}
.map-section .gallery-section .gallery-slider .slick-arrow {
font-size: 1em;
width: unset;
height: unset;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.map-section .gallery-section .gallery-slider .slick-arrow svg {
width: 3em;
height: 3em;
}
.map-section .gallery-section .gallery-slider .slick-arrow svg path {
fill: none;
}
.map-section .gallery-section .gallery-slider .slick-arrow svg polyline {
stroke: white;
transition: 0.3s ease;
}
.map-section .gallery-section .gallery-slider .slick-arrow:before {
display: none;
}
.map-section .gallery-section .gallery-slider .slick-next {
right: 2em;
}
.map-section .gallery-section .gallery-slider .slick-prev {
left: 2em;
}
.map-section .gallery-section .gallery-slider:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 5%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
background-size: cover;
z-index: 3;
}
@media (max-width: 600px) {
.map-section .gallery-section .gallery-slider:before {
width: 12%;
}
}
.map-section .gallery-section .gallery-slider:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
background-size: cover;
z-index: 3;
}
@media (max-width: 600px) {
.map-section .gallery-section .gallery-slider:after {
width: 12%;
}
}
@media (max-width: 768px) {
.map-section .locations-row .column {
grid-column: span 12;
}
}
.map-section .map-location-wrapper .map-location-row {
grid-gap: 1.5em;
}
@media (max-width: 1000px) {
.map-section .map-location-wrapper .map-location-row .is-2-3 .map-wrap {
height: 36em;
}
}
@media (max-width: 600px) {
.map-section .map-location-wrapper .map-location-row .is-2-3 .map-wrap {
height: 26em;
}
}
@media (max-width: 1000px) {
.map-section .map-location-wrapper .map-location-row .is-2-3 {
grid-column: span 7;
}
}
@media (max-width: 768px) {
.map-section .map-location-wrapper .map-location-row .is-2-3 {
grid-column: span 12;
}
}
.map-section .map-location-wrapper .map-location-row .is-1-3 .location-card {
height: 100%;
}
@media (max-width: 1000px) {
.map-section .map-location-wrapper .map-location-row .is-1-3 {
grid-column: span 5;
}
}
@media (max-width: 768px) {
.map-section .map-location-wrapper .map-location-row .is-1-3 {
grid-column: span 12;
}
}
.map-section .map-wrapper + .locations-wrapper {
padding-top: 3em;
}
.map-section:last-child {
padding-bottom: 6em;
}
@media (max-width: 768px) {
.map-section:last-child {
padding-bottom: 4em;
}
}
.map-section.map-position {
display: flex;
flex-direction: column;
}
.map-section.map-position .headline-wrapper {
order: 1;
}
.map-section.map-position .map-wrapper {
order: 2;
}
.map-section.map-position .locations-wrapper {
order: 3;
padding-top: 3em;
}
.map-section.map-position .gallery-section {
order: 4;
}
.contact-form-section {
margin-top: 3em;
background: linear-gradient(90deg, #00437a 0%, #001e50 100%);
padding: 3em 0;
}
.contact-form-section h3 {
margin-bottom: 0.5em;
color: #fff;
}
.contact-form-section .text {
margin-bottom: 1em;
color: #fff;
}
.contact-form-section .text a {
color: #fff;
text-decoration: underline;
}
.contact-form-section .text a:hover {
color: #fff;
}
.contact-form-section .checkbox-label .text a:hover {
color: #fff !important;
}
.contact-form-section a {
color: #fff;
}
.contact-form-section .primary-button {
background-color: transparent;
border: 2px solid #fff;
}
.contact-form-section .primary-button:hover {
border: 2px solid #fff;
background-color: #fff;
}
.contact-form-section .primary-button:hover .text {
color: var(--baseFontColor);
}
.contact-form-section .text + .form-wrap {
padding-top: 1em;
}
@media (max-width: 768px) {
.contact-form-section {
padding: 2em 0;
}
}
.sidebar-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
transform: translateX(84%);
transition: 0.7s ease;
}
.sidebar-wrapper .side-nav {
height: 100%;
background-color: transparent;
}
.sidebar-wrapper .side-nav .main {
height: 100%;
display: flex;
}
.sidebar-wrapper .side-nav .main .left {
cursor: pointer;
width: 3em;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.sidebar-wrapper .side-nav .main .left .cont-icons {
display: flex;
flex-direction: column;
}
.sidebar-wrapper .side-nav .main .left .cont-icons .icon {
background-color: var(--primaryColor);
line-height: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5em;
position: relative;
margin-bottom: 0.2em;
}
.sidebar-wrapper .side-nav .main .left .cont-icons .icon svg {
width: 2em;
height: 2em;
}
.sidebar-wrapper .side-nav .main .left .cont-icons .icon svg path {
fill: white;
}
@media (max-width: 600px) {
.sidebar-wrapper .side-nav .main .left .cont-icons .icon svg {
width: 1.5em;
height: 1.5em;
}
}
@media (max-width: 600px) {
.sidebar-wrapper .side-nav .main .left .cont-icons .icon {
padding: 0.5em 0;
}
}
@media (max-width: 1024px) {
.sidebar-wrapper .side-nav .main .left {
justify-content: flex-end;
}
}
@media (max-width: 600px) {
.sidebar-wrapper .side-nav .main .left {
width: 2em;
}
}
.sidebar-wrapper .side-nav .main .right {
display: flex;
flex-direction: column;
justify-content: center;
background: transparent;
}
.sidebar-wrapper .side-nav .main .right .contacts {
display: flex;
flex-direction: column;
}
.sidebar-wrapper .side-nav .main .right .contacts a.contact-link {
background-color: var(--primaryColor);
color: #fff;
display: flex;
align-items: center;
padding: 0.5em 1em;
height: 3em;
border-bottom: 1px solid var(--primaryColor);
margin-bottom: 0.2em;
}
.sidebar-wrapper .side-nav .main .right .contacts a.contact-link .text {
line-height: 1;
color: #fff;
font-weight: 700;
transition: 0.3s ease;
}
.sidebar-wrapper .side-nav .main .right .contacts a.contact-link:hover .text {
color: #fff;
}
@media (max-width: 600px) {
.sidebar-wrapper .side-nav .main .right .contacts a.contact-link {
height: 2.5em;
}
}
@media (max-width: 1024px) {
.sidebar-wrapper .side-nav .main .right {
justify-content: flex-end;
}
}
@media (max-width: 1024px) {
.sidebar-wrapper .side-nav .main {
padding-bottom: 8em;
}
}
@media (max-width: 600px) {
.sidebar-wrapper .side-nav .main {
padding-bottom: 0;
}
}
.sidebar-wrapper:hover {
transform: translateX(0);
}
@media (max-width: 600px) {
.sidebar-wrapper {
top: unset;
bottom: 8em;
transform: translateX(88.5%);
}
}
.footer-section .main-footer {
padding: 0;
background: #fff;
}
.footer-section .main-footer h5 {
font-size: var(--h4FontSize);
margin-bottom: 1em;
}
.footer-section .main-footer .wrapper {
display: block;
}
.footer-section .main-footer .wrapper:nth-of-type(1) {
padding: 5em 0 0 0;
border-top: 2px solid var(--baseFontColor);
}
.footer-section .main-footer .wrapper.bottom {
border-top: 1px solid var(--greyColor);
}
.footer-section .main-footer .footer-row {
padding: 3em 0;
}
.footer-section .main-footer .footer-row .is-2-3 .inner {
display: flex;
}
.footer-section .main-footer .footer-row .is-2-3 .inner .widget {
width: 50%;
}
.footer-section .main-footer .footer-row .is-2-3 .inner .widget .menu {
padding: 0;
margin: 0;
}
.footer-section .main-footer .footer-row .is-2-3 .inner .widget .menu .menu-item {
padding: 0;
margin: 0;
}
.footer-section .main-footer .footer-row .is-2-3 .inner .widget .menu .menu-item a {
display: inline-block;
padding: 0.25em 0;
}
.footer-section .main-footer .footer-row .is-2-3 .inner .widget .menu .menu-item a .text {
color: var(--baseFontColor);
transition: 0.3s ease;
}
.footer-section .main-footer .footer-row .is-2-3 .inner .widget .menu .menu-item a:hover .text {
color: var(--primaryColor);
}
.footer-section .main-footer .footer-row .is-1-3 .social-nav {
display: flex;
align-items: center;
}
.footer-section .main-footer .footer-row .is-1-3 .social-nav .social {
margin-right: 1em;
}
.footer-section .main-footer .footer-row .is-1-3 .social-nav .social a {
display: block;
line-height: 0;
}
.footer-section .main-footer .footer-row .is-1-3 .social-nav .social a svg {
width: 2em;
height: 2em;
}
.footer-section .main-footer .footer-row .is-1-3 .social-nav .social a svg path {
transition: 0.3s ease;
}
.footer-section .main-footer .footer-row .is-1-3 .social-nav .social a:hover svg path {
fill: var(--primaryColor);
}
.footer-section .main-footer .footer-bottom {
padding: 3em 0;
}
body.mini-body h1,
body.mini-body h2,
body.mini-body h3,
body.mini-body h4,
body.mini-body .h1,
body.mini-body .h2,
body.mini-body .h3,
body.mini-body .h4 {
font-family: 'MINISerif', serif;
}
body.mini-body .primary-button {
background-color: black;
border: 2px solid black;
font-family: 'MINISerif', serif;
padding: 0.9em 2.5em 0.75em 2.5em;
line-height: 1;
}
body.mini-body .primary-button:hover {
border: 2px solid var(--baseFontColor);
background-color: var(--baseFontColor);
color: white;
}
body.mini-body .car-search-link {
background-color: black;
color: white;
font-family: 'MINISerif', serif;
box-shadow: none;
display: inline-block;
font-weight: 700;
line-height: 1;
padding: 1.15em 2.5em 0.8em 2.5em;
transition: all 0.3s;
}
body.mini-body .car-search-link:hover {
background-color: var(--baseFontColor);
color: white;
}
body.mini-body .car-search-link.wide {
padding: 0.72em 3.5em;
}
body.mini-body h2.gradient span {
background: linear-gradient(0deg, rgba(225, 202, 0, 0) 0%, rgba(225, 202, 0, 0) 16%, #e1ca00 16%, #e1ca00 41%, rgba(225, 202, 0, 0) 41%);
}
body.mini-body h2.padding span {
padding: 0 0.2em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
body.mini-body .car-search-section .car-search-panel .wrapper h5 {
font-family: 'MINISerif', serif;
text-transform: unset;
}
body.mini-body .car-search-mid-section .car-search-mid-panel .wrapper h5 {
font-family: 'MINISerif', serif;
text-transform: unset;
}
body.mini-body .modell-card-section .modell-cards-row .card {
margin-bottom: 2em;
}
body.mini-body .modell-card-section .modell-cards-row .card .card-body .car-infos .car-infos-wrapper .car-typ {
font-family: 'MINISerif', serif;
color: #8e8e8e;
font-size: 0.7em;
font-weight: 300;
}
body.mini-body .modell-card-section .modell-cards-row .card .card-body .car-infos .car-infos-wrapper .car-model {
font-family: 'MINISerif', serif;
font-weight: 500;
font-size: 3em;
color: var(--baseFontColor);
margin-top: -0.3em;
}
@media (max-width: 1024px) {
body.mini-body .modell-card-section .modell-cards-row .card .card-body .car-infos .car-infos-wrapper .car-model {
font-size: 2em;
}
}
body.blog .small-hero-section .hero-slide .wrapper .inner,
body.post-type-archive-events .small-hero-section .hero-slide .wrapper .inner,
body.post-type-archive-magazine .small-hero-section .hero-slide .wrapper .inner {
width: 100%;
}
body.blog .small-hero-section .hero-slide .wrapper .inner h1,
body.post-type-archive-events .small-hero-section .hero-slide .wrapper .inner h1,
body.post-type-archive-magazine .small-hero-section .hero-slide .wrapper .inner h1 {
margin-bottom: 0.1em;
}
body.blog .page-wrapper .wrapper,
body.post-type-archive-events .page-wrapper .wrapper,
body.post-type-archive-magazine .page-wrapper .wrapper {
padding-top: 4em;
}
@media (max-width: 768px) {
body.blog .page-wrapper .wrapper,
body.post-type-archive-events .page-wrapper .wrapper,
body.post-type-archive-magazine .page-wrapper .wrapper {
padding-top: 2.5em;
}
}
body.blog .page-wrapper .post-list,
body.post-type-archive-events .page-wrapper .post-list,
body.post-type-archive-magazine .page-wrapper .post-list {
margin: 0 -1.5em;
}
body.blog .page-wrapper .post-list .column,
body.post-type-archive-events .page-wrapper .post-list .column,
body.post-type-archive-magazine .page-wrapper .post-list .column {
padding: 0 1.5em;
margin-bottom: 4em;
}
body.blog .page-wrapper .post-list .column .single-post,
body.post-type-archive-events .page-wrapper .post-list .column .single-post,
body.post-type-archive-magazine .page-wrapper .post-list .column .single-post {
padding: 0;
height: 100%;
}
body.blog .page-wrapper .post-list .column .single-post .inner,
body.post-type-archive-events .page-wrapper .post-list .column .single-post .inner,
body.post-type-archive-magazine .page-wrapper .post-list .column .single-post .inner {
padding: 0;
}
body.blog .page-wrapper .post-list .column .single-post .label,
body.post-type-archive-events .page-wrapper .post-list .column .single-post .label,
body.post-type-archive-magazine .page-wrapper .post-list .column .single-post .label {
left: -1em;
top: -1em;
}
@media (max-width: 768px) {
body.blog .page-wrapper .post-list .column,
body.post-type-archive-events .page-wrapper .post-list .column,
body.post-type-archive-magazine .page-wrapper .post-list .column {
width: 100%;
}
}
body.blog .page-wrapper .pagination,
body.post-type-archive-events .page-wrapper .pagination,
body.post-type-archive-magazine .page-wrapper .pagination {
padding: 0;
}
body.blog .page-wrapper .pagination .ajax-load-more-posts,
body.post-type-archive-events .page-wrapper .pagination .ajax-load-more-posts,
body.post-type-archive-magazine .page-wrapper .pagination .ajax-load-more-posts {
margin: 0 0 4em 0;
background-color: transparent;
border: 2px solid var(--baseFontColor);
color: var(--baseFontColor);
box-shadow: none;
display: inline-block;
font-weight: 700;
padding: 0.75em 2.5em;
transition: all 0.3s;
}
body.blog .page-wrapper .pagination .ajax-load-more-posts:hover,
body.post-type-archive-events .page-wrapper .pagination .ajax-load-more-posts:hover,
body.post-type-archive-magazine .page-wrapper .pagination .ajax-load-more-posts:hover {
background-color: var(--baseFontColor);
color: white;
}
body.blog .page-wrapper .wrapper {
padding-top: 5em;
}
@media (max-width: 768px) {
body.blog .page-wrapper .wrapper {
padding-top: 3em;
}
}
body.blog .page-wrapper .post-list {
margin: 0 -2em;
}
body.blog .page-wrapper .post-list .column {
padding: 0 2em;
margin-bottom: 5em;
}
body.blog .page-wrapper .post-list .column .single-post {
padding: 0;
height: 100%;
}
body.blog .page-wrapper .post-list .column .single-post .inner {
padding: 0;
}
body.blog .page-wrapper .post-list .column .single-post .label {
left: -1.5em;
top: -1.5em;
}
body.single-post .small-hero-section .hero-slide .wrapper .inner,
body.single-events .small-hero-section .hero-slide .wrapper .inner {
width: 100%;
}
body.single-post .small-hero-section .hero-slide .wrapper .inner h1,
body.single-events .small-hero-section .hero-slide .wrapper .inner h1 {
margin-bottom: 0.1em;
}
body.single-post .page-wrapper .wrapper,
body.single-events .page-wrapper .wrapper {
padding-top: 4em;
}
body.single-post .page-wrapper .wrapper .post-content-section,
body.single-events .page-wrapper .wrapper .post-content-section {
padding-bottom: 3em;
}
@media (max-width: 768px) {
body.single-post .page-wrapper .wrapper .post-content-section .post-content-row .column,
body.single-events .page-wrapper .wrapper .post-content-section .post-content-row .column {
width: 100%;
}
body.single-post .page-wrapper .wrapper .post-content-section .post-content-row .column:last-child,
body.single-events .page-wrapper .wrapper .post-content-section .post-content-row .column:last-child {
margin-top: 2em;
}
}
body.single-post .page-wrapper .wrapper .team-employee-section h3,
body.single-events .page-wrapper .wrapper .team-employee-section h3 {
font-weight: 300;
}
@media (max-width: 768px) {
body.single-post .page-wrapper .wrapper,
body.single-events .page-wrapper .wrapper {
padding-top: 2.5em;
}
}
body.single-standorte .details-row {
padding-top: 3em;
}
body.single-standorte .map-section + .gallery-section {
margin-top: 2em;
}
body.single-standorte .gallery-section .gallery-slider .slick-list {
margin: 0 -0.1em;
}
body.single-standorte .gallery-section .gallery-slider .slick-track {
display: flex !important;
}
body.single-standorte .gallery-section .gallery-slider .slick-slide {
height: inherit !important;
padding: 0 0.1em;
}
body.single-standorte .gallery-section .gallery-slider .slick-slide a.gallery-image {
display: block;
height: 100%;
}
body.single-standorte .gallery-section .gallery-slider .slick-slide a.gallery-image .image {
display: block;
height: 100%;
overflow: hidden;
}
body.single-standorte .gallery-section .gallery-slider .slick-slide a.gallery-image .image img {
transition: 0.5s ease;
}
body.single-standorte .gallery-section .gallery-slider .slick-slide a.gallery-image:hover .image img {
transform: scale(1.1);
}
body.single-standorte .gallery-section .gallery-slider .slick-arrow {
font-size: 1em;
width: unset;
height: unset;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
body.single-standorte .gallery-section .gallery-slider .slick-arrow svg {
width: 3em;
height: 3em;
}
body.single-standorte .gallery-section .gallery-slider .slick-arrow svg path {
fill: none;
}
body.single-standorte .gallery-section .gallery-slider .slick-arrow svg polyline {
stroke: white;
transition: 0.3s ease;
}
body.single-standorte .gallery-section .gallery-slider .slick-arrow:before {
display: none;
}
body.single-standorte .gallery-section .gallery-slider .slick-next {
right: 2em;
}
body.single-standorte .gallery-section .gallery-slider .slick-prev {
left: 2em;
}
body.single-standorte .gallery-section .gallery-slider:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 5%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
background-size: cover;
z-index: 3;
}
@media (max-width: 600px) {
body.single-standorte .gallery-section .gallery-slider:before {
width: 12%;
}
}
body.single-standorte .gallery-section .gallery-slider:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
background-size: cover;
z-index: 3;
}
@media (max-width: 600px) {
body.single-standorte .gallery-section .gallery-slider:after {
width: 12%;
}
}
body.page-template-default .page-wrapper .wrapper {
padding: 5em 0;
}
@media (max-width: 768px) {
body.page-template-default .page-wrapper .wrapper {
padding: 3em 0;
}
}
body.page-template-default .page-wrapper .wrapper p {
word-break: break-word;
}
body.page-template-default .page-wrapper .small-hero-section .wrapper {
padding: 0;
}
.nr-privacy-sticky-trigger {
z-index: 999;
}
.car-search-panel .wrapper h5 {
margin-bottom: 0.5em;
}
.car-search-panel .wrapper form {
width: 100%;
display: flex;
}
.car-search-panel .wrapper form .body {
width: 100%;
}
.car-search-panel .wrapper form .body .inner {
width: 100%;
display: flex;
align-items: center;
}
.car-search-panel .wrapper form .body .inner .inputs {
flex: 1;
display: flex;
align-items: center;
}
.car-search-panel .wrapper form .body .inner .inputs .item {
flex: 1;
margin-right: 1em;
border: 1px solid var(--baseFontColor);
border-radius: 0;
}
.car-search-panel .wrapper form .body .inner .inputs .item select {
height: 100%;
padding: 0.75em;
border: none;
background-color: var(--greyColor);
border-right: 0.5em solid transparent;
border-radius: 0;
width: 100%;
font-weight: 600;
}
@media (max-width: 1024px) {
.car-search-panel .wrapper form .body .inner .inputs .item select {
width: 100%;
}
}
@media (max-width: 1024px) {
.car-search-panel .wrapper form .body .inner .inputs .item {
flex: 1;
}
}
@media (max-width: 768px) {
.car-search-panel .wrapper form .body .inner .inputs .item:last-child {
margin-right: 0;
}
}
@media (max-width: 600px) {
.car-search-panel .wrapper form .body .inner .inputs .item {
margin-right: 0;
margin-bottom: 1em;
}
.car-search-panel .wrapper form .body .inner .inputs .item:last-child {
margin-bottom: 0;
}
}
@media (max-width: 1024px) {
.car-search-panel .wrapper form .body .inner .inputs {
flex: 1;
}
}
@media (max-width: 768px) {
.car-search-panel .wrapper form .body .inner .inputs {
flex: unset;
width: 100%;
}
}
@media (max-width: 600px) {
.car-search-panel .wrapper form .body .inner .inputs {
align-items: unset;
flex-direction: column;
}
}
.car-search-panel .wrapper form .body .inner .car-search-link {
height: 100%;
border-radius: 0;
}
@media (max-width: 768px) {
.car-search-panel .wrapper form .body .inner .car-search-link {
width: 100%;
margin-top: 1em;
text-align: center;
}
}
@media (max-width: 1024px) {
.car-search-panel .wrapper form .body .inner {
justify-content: unset;
}
}
@media (max-width: 768px) {
.car-search-panel .wrapper form .body .inner {
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.car-search-panel .wrapper form .body {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 1024px) {
.car-search-panel .wrapper form {
width: 100%;
justify-content: unset;
}
}