@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
  @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 100;
src: url(//kfz-gutachtenzentrale.de/wp-content/themes/fonts/poppins-v20-latin-100.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 200;
src: url(//kfz-gutachtenzentrale.de/wp-content/themes/fonts/poppins-v20-latin-200.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url(//kfz-gutachtenzentrale.de/wp-content/themes/fonts/poppins-v20-latin-300.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/fonts/poppins-v20-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/fonts/poppins-v20-latin-500.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/fonts/poppins-v20-latin-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/fonts/poppins-v20-latin-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/fonts/poppins-v20-latin-800.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 900;
src: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/fonts/poppins-v20-latin-900.woff2) format("woff2"); }
.container {
width: 100%;
max-width: 1310px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
[class^="col-"] {
width: 100%;
min-height: 1px;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
blockquote,
dl,
dd {
margin: 0;
padding: 0;
}
body {
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 140%;
color: #121315;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
@media (max-width: 768px) {
body {
margin: 0 !important;
}
}
body:not(.wp-admin) #wpadminbar {
display: none !important;
}
body.error404 .main {
min-height: 540px;
background: #E9F0FF;
}
body.error404 .main .error-404 {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/back404.svg);
min-height: 400px;
background-size: contain;
background-position: 50% 0;
background-repeat: no-repeat;
text-align: center;
padding-top: 80px;
}
@media (max-width: 768px) {
body.error404 .main .error-404 {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/cloud404.svg);
padding-top: 160px;
background-position: center;
}
}
body.error404 .main .error-404 .heading {
font-size: 247px;
line-height: 1;
font-weight: 600;
color: #0D3E92;
}
@media (max-width: 768px) {
body.error404 .main .error-404 .heading {
font-size: 150px;
}
}
body.error404 .main .error-404 .text {
color: #474B55;
margin-bottom: 24px;
}
body.error404 .btn span:after {
display: none;
}
h1,
h2 {
font-family: 'Poppins', sans-serif;
font-size: 50px;
line-height: 120%;
}
@media (max-width: 360px) {
h1,
h2 {
font-size: 32px;
}
}
h3,
h5,
h6 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
line-height: 140%;
}
h3 {
font-size: 24px;
}
@media (max-width: 360px) {
h3 {
font-size: 16px;
}
}
h4 {
font-size: 24px;
font-weight: 500;
line-height: 130%;
margin-bottom: 16px;
}
@media (max-width: 360px) {
h4 {
font-size: 16px;
}
}
ul,
ol {
list-style: none;
}
a {
display: inline-block;
text-decoration: none;
color: inherit;
font-family: 'Poppins', sans-serif;
transition: .4s;
}
a:hover {
opacity: 0.7;
}
p::after {
content: "";
display: table;
clear: both;
}
b {
font-weight: 500;
}
strong {
font-weight: 500;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
input,
textarea,
select {
margin: 0;
padding: 0;
border: none;
outline: none;
appearance: none;
}
img {
max-width: 100%;
max-height: 100%;
width: inherit;
height: auto;
}
.btn {
padding: 18px 24px;
transition: .4s;
color: #121315;
background: white;
border-radius: 8px;
font-size: 14px;
line-height: 140%;
font-weight: 500;
}
.btn-red {
background: #B30F0E;
color: white;
}
@media (max-width: 500px) {
.btn-red {
display: block;
}
}
.btn-red span {
display: flex;
align-items: center;
justify-content: center;
}
.btn-red span::after {
content: '';
margin-left: 6px;
width: 16px;
height: 16px;
display: inline-block;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrow-down.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.btn-arr {
padding: 0;
background: transparent;
color: #B30F0E;
font-size: 14px;
line-height: 24px;
position: relative;
display: inline-block;
}
.btn-arr:after {
content: '';
width: 15px;
height: 10px;
position: absolute;
right: -8px;
top: 50%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrred.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translate(100%, -50%);
}
.btn.c_red {
color: #B30F0E;
}
.btn.c_blue {
color: #0D3E92;
}
.btn-arr.c_blue:after {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrcblue.svg);
}
.heading-center {
text-align: center;
max-width: 740px;
margin: auto;
}
.heading-center p, .heading-center ul, .heading-center ol {
color: #474B55;
margin-bottom: 16px;
}
.heading-center .heading {
font-size: 40px;
line-height: 120%;
color: #121315;
margin-bottom: 16px;
font-weight: 600;
}
.main {
background: white;
}
.pagination {
margin-top: 48px;
width: auto;
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.pagination {
margin-top: 40px;
}
}
.pagination ul.page-numbers {
display: flex;
background: white;
padding: 6px;
gap: 6px;
border-radius: 12px;
width: auto;
}
.pagination ul.page-numbers li .page-numbers {
width: 48px;
display: flex;
text-align: center;
height: 48px;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #EFF0F2;
font-size: 14px;
font-weight: 500;
}
.pagination ul.page-numbers li .page-numbers.current {
background: #0D3E92;
color: white;
}
.pagination ul.page-numbers li .page-numbers.next:after {
content: '';
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrright.svg);
width: 24px;
height: 24px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.pagination ul.page-numbers li .page-numbers.prev:after {
content: '';
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrright.svg);
width: 24px;
height: 24px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: rotate(180deg);
}
.breadcrumbs {
position: absolute;
top: 126px;
padding: 12px 0;
width: 100%;
left: 0;
font-size: 12px;
z-index: 1;
}
.breadcrumbs.w {
color: white;
}
.breadcrumbs.w .breadcrumbs-current:before {
background: white;
}
.breadcrumbs.b {
color: #0D3E92;
}
.breadcrumbs ul {
display: flex;
list-style: disc;
width: 10000px;
align-items: center;
}
.breadcrumbs ul li {
margin-right: 26px;
}
.breadcrumbs-current {
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
padding-left: 15px;
list-style: none;
margin-left: -16px;
}
.breadcrumbs-current:before {
width: 4px;
height: 4px;
border-radius: 50%;
background: #0D3E92;
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.breadcrumbs-tohome {
list-style: none;
display: flex;
align-items: center;
}
.breadcrumbs-tohome a {
width: 16px;
height: 16px;
background: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/home.svg);
}
.breadcrumbs-tohome.b a {
background: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/home_b.svg);
}
.breadcrumbs-inner {
overflow: hidden;
}
html[lang] {
margin-top: 0 !important;
}
main.site-main {
background: white;
}
body:not(.single-post) .paBo:not(.contacts) {
padding-bottom: 140px;
}
@media (max-width: 768px) {
body:not(.single-post) .paBo:not(.contacts) {
padding-bottom: 80px;
}
}
#tt {
display: none !important;
}
main.search-main, .searchBlock {
background: #E9F0FF;
}
main.search-main span.search_query, .searchBlock span.search_query {
color: #B30F0E;
}
main.search-main .main, .searchBlock .main {
background: #E9F0FF;
}
main.search-main .page-header, .searchBlock .page-header {
text-align: center;
margin-bottom: 32px;
padding-top: 80px;
}
main.search-main .page-title, .searchBlock .page-title {
font-size: 40px;
line-height: 120%;
}
@media (max-width: 768px) {
main.search-main .page-title, .searchBlock .page-title {
font-size: 24px;
}
}
.searchPage {
max-width: 1062px;
margin: auto;
padding-bottom: 80px;
}
.searchPage-post {
padding: 24px;
background: white;
border-radius: 16px;
margin-bottom: 24px;
}
.searchPage-post_content {
display: flex;
flex-direction: column;
align-items: baseline;
}
.searchPage-post_content-title {
font-size: 24px;
line-height: 130%;
margin-bottom: 15px;
font-weight: 500;
}
@media (max-width: 768px) {
.searchPage-post_content-title {
font-size: 20px;
}
}
.searchPage-post_content-text {
margin-bottom: 16px;
}
.searchForm {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: #0A2D6A;
padding: 80px 0;
text-align: center;
}
@media (max-width: 768px) {
.searchForm {
padding-top: 120px;
}
}
.searchForm-title {
font-size: 40px;
line-height: 120%;
margin-bottom: 32px;
font-weight: 600;
color: white;
}
@media (max-width: 768px) {
.searchForm-title {
font-size: 36px;
line-height: 42px;
margin-bottom: 16px;
font-weight: 500;
}
}
.searchForm label {
position: relative;
max-width: calc(100% - 120px);
}
@media (max-width: 768px) {
.searchForm label {
width: 100%;
max-width: unset;
}
}
.searchForm label:after {
content: '';
width: 20px;
height: 20px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/searchblack.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
}
.searchForm .search-form {
display: flex;
justify-content: center;
gap: 16px;
}
@media (max-width: 768px) {
.searchForm .search-form {
flex-wrap: wrap;
}
}
.searchForm .search-field {
padding: 17px 45px 17px 25px;
background: white;
border-radius: 6px;
font-size: 14px;
max-width: 100%;
width: 511px;
}
.searchForm .search-submit {
background: #B30F0E;
color: white;
padding: 18px 24px;
border-radius: 8px;
font-size: 14px;
}
.searchForm .search-submit:hover {
opacity: .8;
}
@media (max-width: 768px) {
.searchForm .search-submit {
width: 100%;
}
}
.search-notfound {
padding: 80px 0;
text-align: center;
}
.search-notfound_title {
max-width: 846px;
margin: 0 auto 24px;
font-size: 40px;
line-height: 120%;
font-weight: 600;
}
@media (max-width: 768px) {
.search-notfound_title {
font-size: 24px;
margin-bottom: 16px;
}
}
.search-notfound_text {
margin-bottom: 24px;
}
.searchBlock {
display: none;
position: absolute;
top: 126px;
z-index: 9;
left: 0;
width: 100%;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 990px) {
.searchBlock {
display: none !important;
}
}
.searchBlock .container {
position: relative;
}
.searchBlock #closeSearch {
position: absolute;
top: -60px;
right: 15px;
cursor: pointer;
}
.searchBlock .searchPage {
padding-bottom: 50px;
}
img.alignright {
float: right;
margin: 0 0 10px 10px;
}
img.alignleft {
float: left;
margin: 0 10px 10px 0;
}
.flexrow {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 16px 0;
gap: 8px 0;
}
.flexrow a {
border-radius: 4px;
color: #0D3E92;
background: #E9F0FF;
padding: 4px 8px;
text-decoration: none;
margin-left: 8px;
margin-right: 90px;
}
.flexrow br {
display: none;
}
.custom-select {
position: relative;
}
.custom-select:before {
content: '>';
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
font-size: 17px;
cursor: pointer;
pointer-events: none;
}
.custom-select > button {
display: block;
width: 100%;
padding: 17px;
border-radius: 6px;
color: #C7CAD1;
margin-bottom: 12px;
max-height: 100px;
background: white;
text-align: left;
}
.custom-select__dropdown {
margin-top: -62px;
border-radius: 6px;
overflow: hidden;
position: absolute;
z-index: 1;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
width: 100%;
}
.custom-select__dropdown button {
width: 100%;
text-align: left;
padding: 17px;
background: white;
}
.popup-container {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 9;
}
.popup-container .popup-content {
padding: 50px 20px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.popup-container .close-popup {
position: absolute;
top: 40px;
cursor: pointer;
color: white;
font-size: 40px;
font-weight: 100;
font-family: 'Poppins';
}
.eapps-widget-toolbar {
display: none !important;
}
.infoCookies {
display: flex;
justify-content: center;
}
.infoCookies-banner {
width: 310px;
height: 250px;
background-size: cover;
background-position: center;
border-radius: 20px;
padding: 32px 24px 24px;
color: white;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px;
cursor: pointer;
transition: all .4s;
}
.infoCookies-banner:hover {
transform: translate(0, -16px) scaleX(1) scaleY(1);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(22, 23, 24, 0.11) 8px 16px 32px 2px;
}
.infoCookies .btn {
color: white;
}
.infoCookies .btn:after {
filter: brightness(100);
}
.grMzUy {
font-weight: 400 !important;
}
.header {
position: fixed;
left: 0;
width: 100%;
top: 0;
z-index: 6;
transition: .6s;
}
.header-top {
padding: 8px 0;
background: #fafbfc;
}
@media (max-width: 990px) {
.header-top {
display: none;
}
}
.header-top .row {
align-items: center;
justify-content: space-between;
}
.header-top_logo {
max-width: 155px;
}
.header-contacts {
display: flex;
align-items: center;
gap: 32px;
}
@media (max-width: 990px) {
.header-contacts {
order: -3;
}
}
.header-contacts_contact {
display: flex;
align-items: center;
gap: 4px;
}
.header-contacts_contact img {
width: 20px;
}
@media (max-width: 990px) {
.header-contacts_contact {
margin-bottom: 16px;
padding: 16px;
border-radius: 8px;
background: white;
}
}
.header-main {
background: #0A2D6A;
}
@media (max-width: 1200px) {
.header-main {
padding: 15px 0;
}
}
.header-main_search img {
cursor: pointer;
transition: .4s;
width: 20px;
}
.header-main_search img:hover {
opacity: .7;
}
.header-main .row {
align-items: center;
justify-content: space-between;
gap: 15px;
}
.header-main_modal .header-contacts, .header-main_modal .header-search, .header-main_modal .header-btns {
display: none;
}
@media (max-width: 990px) {
.header-main_modal .header-contacts, .header-main_modal .header-search, .header-main_modal .header-btns {
display: block;
}
}
@media (max-width: 990px) {
.header-main_modal {
display: none;
flex-direction: column;
padding: 32px 16px 64px;
margin-left: -15px;
margin-right: -15px;
background: #E9F0FF;
position: absolute;
bottom: 0;
transform: translateY(100%);
width: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: all .5s;
z-index: 2;
max-height: calc(100vh);
padding-bottom: 140px;
}
}
.header-main_modal.opened {
display: flex;
}
@media (max-width: 990px) {
.header-main_modal .header-search {
order: -1;
}
}
.header-main_modal .header-search img {
cursor: pointer;
}
.header-main_modal .header-search form label {
display: flex;
gap: 8px;
padding: 16px;
margin-bottom: 16px;
background: white;
border-radius: 8px;
}
.header-main_modal .header-search form label input {
display: block;
width: 100%;
font-size: 16px;
color: #6B7180;
}
.header-main_modal .header-btns .btn {
width: 100%;
}
.header-main_modal .header-btns .btn span {
justify-content: center;
}
@media (max-width: 990px) {
.header-main_search {
display: none;
}
}
.header-main_search form label {
display: flex;
position: relative;
height: 20px;
gap: 10px;
align-items: center;
}
.header-main_search form input {
display: none;
padding: 8px;
height: 30px;
line-height: 30px;
border-radius: 8px;
font-size: 14px;
}
@media (max-width: 1200px) {
.header-main_search form input {
max-width: 100px;
}
}
.header-main_logo {
display: none;
max-width: 155px;
}
@media (max-width: 990px) {
.header-main_logo {
display: block;
}
}
@media (max-width: 990px) {
.header-menu {
order: -2;
margin: 16px 0;
}
}
@media (min-width: 990px) {
.header-menu nav > ul > li.menu-item-has-children:hover > .sub-menu-outer {
display: block;
}
}
.header-menu nav > ul > li:last-child .sub-menu-outer {
right: 0;
}
.header-menu .sub-menu-outer {
position: absolute;
min-width: 280px;
display: none;
padding-top: 8px;
}
@media (min-width: 991px) {
.header-menu .sub-menu-outer {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: 12px;
}
}
@media (max-width: 990px) {
.header-menu .sub-menu-outer {
position: relative;
background: white;
margin-bottom: 16px;
padding: 0;
border-radius: 8px;
}
}
.header-menu .sub-menu-outer .sub-menu .sub-menu {
display: none;
}
.header-menu .sub-menu-outer .sub-menu li.menu-item-has-children > a {
width: 85%;
}
@media (max-width: 990px) {
.header-menu .sub-menu-outer .sub-menu li.menu-item-has-children > a {
width: auto;
}
}
.header-menu .sub-menu-outer .sub-menu li.menu-item-has-children:after {
filter: brightness(0);
position: absolute;
top: 5px;
right: 10px;
}
@media (max-width: 990px) {
.header-menu .sub-menu-outer .sub-menu li.menu-item-has-children:after {
top: 3px;
right: 0;
}
}
.header-menu .sub-menu-outer .sub-menu li:not(:last-child) {
border-bottom: 1px solid #EFF0F2;
display: block;
width: 100%;
}
@media (max-width: 990px) {
.header-menu .sub-menu-outer .sub-menu li:not(:last-child) {
border-bottom: 1px solid #CBD8F3;
}
}
.header-menu .sub-menu-outer .sub-menu.show-ul {
display: block;
}
.header-menu .sub-menu-outer .sub-menu.show-ul li {
border: none;
}
.header-menu .sub-menu-outer .sub-menu.show-ul li a {
color: gray;
}
.header-menu .sub-menu-outer > .sub-menu > li {
cursor: pointer;
}
.header-menu .sub-menu-outer > .sub-menu > li > a {
font-weight: 500;
}
.header-menu .sub-menu-outer > .sub-menu > li > a:hover {
color: #1a4286;
}
.header-menu .sub-menu-outer a {
padding: 8px;
color: #121315;
min-width: 130px;
display: block;
}
@media (max-width: 990px) {
.header-menu .sub-menu-outer a {
min-width: unset;
display: inline-block;
}
}
.header-menu .sub-menu-outer > ul {
background: white;
border-radius: 8px;
overflow: hidden;
padding: 12px 20px;
display: block;
}
@media (max-width: 990px) {
.header-menu .sub-menu-outer > ul {
background: transparent;
gap: 0;
padding: 10px;
}
}
.header-menu .sub-menu-outer li {
background: white;
}
@media (max-width: 990px) {
.header-menu .sub-menu-outer li {
border: none;
}
}
.header-menu ul {
display: flex;
align-items: center;
gap: 30px;
font-size: 14px;
line-height: 160%;
color: white;
}
@media (max-width: 1200px) {
.header-menu ul {
flex-wrap: wrap;
}
}
@media (max-width: 990px) {
.header-menu ul {
font-size: 16px;
line-height: 140%;
color: #121315;
flex-direction: column;
align-items: baseline;
gap: 16px;
margin-bottom: 16px;
}
}
.header-menu ul li {
border-bottom: 2px solid transparent;
}
@media (max-width: 990px) {
.header-menu ul li {
display: block;
width: 100%;
border-bottom: 1px solid #CBD8F3;
}
.header-menu ul li:last-child {
border: none;
}
}
.header-menu ul li.menu-item-has-children {
position: relative;
transition: all .4s;
}
.header-menu ul li.menu-item-has-children:after {
content: '';
width: 20px;
height: 20px;
display: inline-block;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrdown.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateY(5px);
}
@media (max-width: 990px) {
.header-menu ul li.menu-item-has-children:after {
position: absolute;
top: 0;
right: 0;
filter: brightness(0);
}
}
.header-menu ul li.menu-item-has-children:hover {
border-bottom: 2px solid white;
}
@media (max-width: 990px) {
.header-menu ul li.menu-item-has-children:hover {
border-bottom: 1px solid #CBD8F3;
}
}
.header-menu ul a {
padding: 17px 0 15px;
}
@media (max-width: 990px) {
.header-menu ul a {
padding: 0 0 16px;
}
}
.header-menu ul a:hover {
opacity: 1;
}
.header-burger {
display: none;
width: 48px;
cursor: pointer;
}
@media (max-width: 990px) {
.header-burger {
display: block;
}
}
.hero {
background-size: cover;
background-position: center;
padding: 165px 0;
position: fixed;
left: 0;
z-index: -1;
top: 0;
width: 100%;
background-color: #0a3274;
}
@media (max-width: 768px) {
.hero {
padding: 56px 0 130px;
position: relative !important;
z-index: unset !important;
}
}
.hero.back_above:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: rgba(8, 37, 86, 0.5);
z-index: 0;
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.hero.back_above:before {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps-mob.png);
}
}
.hero.back_above .breadcrumbs {
z-index: 1;
}
.hero.back_above .container {
position: relative;
z-index: 1;
}
.hero-title, .hero-title * {
font-size: 56px;
line-height: 120%;
color: white;
font-weight: 600;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.hero-title, .hero-title * {
font-size: 36px;
line-height: 48px;
margin-bottom: 16px;
}
}
.hero p {
color: white;
margin-bottom: 32px;
max-width: 740px;
}
@media (max-width: 768px) {
.hero p {
margin-bottom: 24px;
}
}
.hero-btns a {
font-size: 14px;
line-height: 140%;
margin-right: 13px;
}
@media (max-width: 768px) {
.hero-btns a {
display: block;
margin-bottom: 16px;
text-align: center;
margin-right: 0;
}
}
.hero span.glossaryLink, .hero a.glossaryLink {
border: none !important;
color: inherit !important;
}
.hero span.glossaryLink:hover, .hero a.glossaryLink:hover {
border: none !important;
color: inherit !important;
}
.heroC {
padding: 80px 0;
text-align: center;
font-weight: 400;
color: white;
}
@media (max-width: 768px) {
.heroC {
text-align: left;
}
}
.heroC.back_above:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: rgba(8, 37, 86, 0.5);
z-index: 0;
background-size: cover;
background-position: center;
}
.heroC.back_above .container {
position: relative;
z-index: 1;
}
.heroC .container {
max-width: 890px;
min-height: 160px;
}
.heroC > .container {
min-height: 160px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.heroC pre {
display: inline-block;
padding: 6px 16px;
background: white;
color: black;
border-radius: 8px;
font-family: 'Poppins';
}
.heroC pre a {
text-decoration: underline;
color: #0D3E92;
font-weight: 500;
}
.heroC-title {
font-size: 56px;
line-height: 120%;
font-weight: 600;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.heroC-title {
font-size: 36px;
line-height: 42px;
margin-bottom: 16px;
font-weight: 500;
}
}
.heroC p {
max-width: unset;
}
.herol {
background-size: cover;
background-repeat: no-repeat;
background-color: #082558;
padding: 34px 0;
position: relative;
width: 100%;
left: 0;
z-index: 2;
}
@media (max-width: 768px) {
.herol {
padding: 56px 0;
}
}
.herol.back_above:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: rgba(8, 37, 86, 0.5);
z-index: 0;
background-size: cover;
background-position: center;
}
.herol.back_above .breadcrumbs, .herol.back_above .container {
position: relative;
z-index: 1;
}
.herol.onlyText .hero-title {
margin-top: 50px;
margin-bottom: 46px;
}
.herol .row {
align-items: center;
gap: 50px;
}
@media (max-width: 1200px) {
.herol .row {
gap: 25px;
justify-content: center;
}
}
.herol-col {
max-width: 670px;
width: calc(60% - 50px);
}
@media (max-width: 1200px) {
.herol-col {
width: calc(50% - 12.5px);
}
}
@media (max-width: 768px) {
.herol-col {
width: 100%;
}
}
.herol-col-right {
width: calc(40% - 50px);
}
@media (max-width: 768px) {
.herol-col-right {
display: flex;
justify-content: center;
width: 100%;
}
}
@media (min-width: 700px) {
.herol-col-left {
min-width: 670px;
}
}
.herol-inner_google {
display: flex;
align-items: center;
gap: 12px;
justify-content: center;
max-width: 228px;
margin: auto;
}
.herol-inner_google-stars {
display: flex;
}
.herol-inner_google-stars img {
width: 16px;
}
.herol-inner_google-info {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 4px;
font-size: 14px;
line-height: 160%;
}
.herol-inner_google-info span {
color: #6B7180;
}
.herol-inner_google-info .infoCookies-banner {
height: unset;
gap: 10px;
padding: 15px;
width: auto;
}
.herol-inner_google-info .infoCookies-banner * {
font-size: 12px !important;
color: white;
}
.herol-inner_google-info .infoCookies-banner .btn-arr:after {
content: '';
width: 15px;
height: 10px;
position: absolute;
right: -8px;
top: 50%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrright_w.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translate(100%, -50%);
}
.herol-inner_google-reviews {
margin-top: 4px;
color: #6B7180;
}
.herol-block {
max-width: 413px;
margin-left: auto;
padding: 40px 32px;
background: white;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(22, 23, 24, 0.11) 8px 16px 32px 2px;
border-radius: 16px;
margin-bottom: -93px;
}
@media (max-width: 768px) {
.herol-block {
margin: 0 16px;
padding: 32px 20px;
}
}
.herol-block_title {
display: flex;
align-items: center;
gap: 9px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 16px;
font-size: 24px;
font-weight: 500;
line-height: 130%;
}
@media (max-width: 768px) {
.herol-block_title {
font-size: 20px;
gap: 12px;
}
}
.herol-block_title span {
width: 48px;
height: 48px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.herol-block_title span {
width: 36px;
height: 36px;
}
}
.herol-block_text {
margin-bottom: 24px;
color: #6B7180;
font-size: 14px;
line-height: 160%;
}
.herol-block_text * {
color: #6B7180 !important;
margin: 0 !important;
}
.herol-btn {
margin-bottom: 24px;
}
.herol-btn .btn {
width: 100%;
}
.herow {
background: white;
padding: 12px 0 52px;
text-align: center;
}
@media (max-width: 768px) {
.herow {
padding: 56px 0 40px;
text-align: left;
}
}
.herow-subtitle {
max-width: 800px;
margin: 0 auto 20px;
font-size: 13px;
font-style: italic;
color: gray;
}
.herow h1, .herow h2 {
max-width: 860px;
line-height: 120%;
font-size: 40px;
margin: 44px auto 32px;
}
@media (max-width: 768px) {
.herow h1, .herow h2 {
margin: 16px 0 0;
font-size: 24px;
line-height: 130%;
font-weight: 500;
}
}
.herow-back a {
font-size: 14px;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #B30F0E;
gap: 8px;
font-weight: 500;
}
@media (max-width: 768px) {
.herow-back a {
justify-content: flex-start;
}
}
.steps {
padding: 140px 0 55px;
background-color: #fff;
}
@media (max-width: 768px) {
.steps {
padding: 40px 0;
}
}
.steps .heading {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.steps .heading {
font-size: 24px;
line-height: 130%;
}
}
@media (max-width: 768px) {
.steps-main {
margin-top: 16px;
}
}
.steps-navs {
max-width: 737px;
padding: 6px;
display: flex;
gap: 6px;
margin: auto;
background-color: #fff;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 16px rgba(10, 45, 106, 0.1);
border-radius: 12px;
}
.steps-navs-single {
max-width: 360px;
}
.steps-navs-single > div {
width: 100%;
}
.steps-nav {
padding: 14px;
font-size: 14px;
line-height: 140%;
transition: all .4s;
background-color: #EFF0F2;
width: calc(50% - 3px);
border-radius: 8px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .4s;
font-weight: 500;
}
@media (max-width: 768px) {
.steps-nav {
font-size: 12px;
line-height: 140%;
}
}
.steps-nav br {
display: none;
}
@media (max-width: 420px) {
.steps-nav br {
display: block;
}
}
.steps-nav:hover {
opacity: .7;
}
.steps-nav.active {
background-color: #0D3E92;
color: #FAFBFC;
}
.steps-nav img {
width: 25px;
margin-right: 10px;
}
@media (max-width: 768px) {
.steps-nav img {
display: none;
}
}
.steps-blocks {
display: flex;
gap: 24px;
margin-top: 40px;
}
@media (max-width: 768px) {
.steps-blocks {
flex-direction: column;
}
}
.steps-blocks:last-child_block:not(.active) {
background: #faefef !important;
}
.steps-blocks_block {
padding: 40px;
border-radius: 20px;
background-size: cover;
background-position: center;
width: 230px;
cursor: pointer;
transition: all .8s;
height: 363px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 768px) {
.steps-blocks_block {
padding: 24px 20px;
max-height: 363px;
height: auto;
}
}
@media (max-width: 768px) {
.steps-blocks_block-title, .steps-blocks_block-text {
transition: all .6s;
}
}
.steps-blocks_block.active {
width: 519px;
}
@media (max-width: 768px) {
.steps-blocks_block.active {
width: 100%;
max-height: unset;
}
}
.steps-blocks_block.active:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: rgba(8, 37, 86, 0.4);
z-index: 0;
background-size: cover;
background-position: center;
}
.steps-blocks_block.active * {
z-index: 1;
position: relative;
}
.steps-blocks_block:not(.active) {
background: #E9F0FF !important;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 768px) {
.steps-blocks_block:not(.active) {
width: 100%;
}
}
.active .steps-blocks_block-content {
width: 439px;
}
@media (max-width: 768px) {
.active .steps-blocks_block-content {
width: 100%;
}
}
.steps-blocks_block-num {
width: 56px;
height: 56px;
font-size: 24px;
line-height: 130%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: white;
min-width: 56px;
max-width: 56px;
min-height: 56px;
max-height: 56px;
}
@media (max-width: 768px) {
.steps-blocks_block-num {
font-size: 16px;
line-height: 140%;
}
}
.steps-blocks_block:not(.active) .steps-blocks_block-num {
background-color: #FAFBFC;
color: #C7CAD1;
}
.steps-blocks_block.active .steps-blocks_block-title {
font-size: 36px;
line-height: 48px;
color: white;
margin-bottom: 16px;
}
@media (max-width: 768px) {
.steps-blocks_block.active .steps-blocks_block-title {
margin-top: 80px;
font-size: 20px;
line-height: 130%;
}
}
.steps-blocks_block:not(.active) .steps-blocks_block-title {
color: #474B55;
font-size: 24px;
line-height: 130%;
margin-bottom: 0;
}
@media (max-width: 768px) {
.steps-blocks_block:not(.active) .steps-blocks_block-title {
margin-top: 16px;
font-size: 20px;
line-height: 130%;
}
}
.steps-blocks_block.active .steps-blocks_block-text {
color: white;
}
@media (max-width: 768px) {
.steps-blocks_block.active .steps-blocks_block-text {
color: #EFF0F2;
}
}
.steps-blocks_block:not(.active) .steps-blocks_block-text {
display: none;
}
.steps-blocks[data-cat="TÜV-Dienstleistungen"] .steps-blocks_block:not(.active) {
background: #FAEFEF !important;
}
.steps-btn {
margin-top: 40px;
text-align: center;
}
.steps .b_red.active {
background: #B30F0E;
color: white;
}
.textImage {
padding: 55px 0 110px;
position: relative;
z-index: 0;
}
@media (max-width: 768px) {
.textImage {
padding: 40px 0 80px;
}
}
.textImage.backBlue {
background-color: #E9F0FF;
}
.textImage.backBlue .textImage-image:before {
background-color: white;
}
.textImage .row {
flex-wrap: nowrap;
gap: 100px;
align-items: center;
justify-content: space-between;
}
.textImage .row.row-reverse {
flex-direction: row-reverse;
}
.textImage .row > div {
width: 50%;
}
@media (max-width: 768px) {
.textImage .row > div {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.textImage .row {
flex-wrap: wrap;
}
}
.textImage-text {
max-width: 519px;
}
.textImage-text h1, .textImage-text h2, .textImage-text h3, .textImage-text h4, .textImage-text h5, .textImage-text h6, .textImage-text ul, .textImage-text ol {
margin-bottom: 20px;
}
.textImage-text h1, .textImage-text h2, .textImage-text h3, .textImage-text h4, .textImage-text h5, .textImage-text h6 {
margin-top: 40px;
}
.textImage-text .title {
font-size: 40px;
line-height: 120%;
font-weight: 600;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.textImage-text .title {
font-size: 24px;
line-height: 130%;
margin-bottom: 19px;
}
}
.textImage-text p {
margin-bottom: 8px;
color: #474B55;
}
.textImage-text .btn {
font-size: 14px;
margin-top: 24px;
}
.textImage-text ul li {
margin-bottom: 8px;
position: relative;
padding-left: 30px;
}
.textImage-text ul li:before {
content: '';
width: 22px;
height: 22px;
min-width: 22px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/checkgr.svg);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0px;
top: 3px;
}
.textImage-image {
padding: 0 71px;
position: relative;
border-radius: 16px;
max-width: 50%;
text-align: center;
}
@media (max-width: 768px) {
.textImage-image {
max-width: 100%;
padding: 0 31px;
margin-bottom: 19px;
}
}
.textImage-image:before {
content: '';
width: 100%;
height: calc(100% - 58px);
position: absolute;
left: 0;
top: 29px;
background: #E9F0FF;
border-radius: 16px;
z-index: -1;
}
@media (max-width: 768px) {
.textImage-image:before {
height: calc(100% - 26px);
top: 13px;
}
}
.textImage-image.video iframe {
width: 100%;
border-radius: 16px;
}
.textImage-image img {
border-radius: 16px;
height: auto;
max-height: 500px;
}
.textImage-b {
padding-top: 51px;
}
@media (max-width: 768px) {
.textImage-b {
padding-top: 40px;
}
}
.textImage-t {
padding-bottom: 51px;
}
@media (max-width: 768px) {
.textImage-t {
padding-bottom: 40px;
}
}
section.services {
background-color: #E9F0FF;
padding: 140px 0;
}
@media (max-width: 768px) {
section.services {
padding: 80px 0;
}
}
@media (max-width: 768px) {
.services .heading {
font-size: 24px;
line-height: 130%;
}
}
.services-navs {
max-width: 737px;
padding: 6px;
display: flex;
gap: 6px;
margin: 0 auto 54px;
border-radius: 12px;
background-color: #fff;
}
.services-navs-single {
max-width: 360px;
}
.services-navs-single > div {
width: 100%;
}
.services-nav {
padding: 14px;
font-size: 14px;
line-height: 140%;
transition: all .4s;
background-color: #EFF0F2;
width: calc(50% - 3px);
border-radius: 8px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .4s;
font-weight: 500;
}
@media (max-width: 768px) {
.services-nav {
font-size: 12px;
line-height: 140%;
}
}
.services-nav br {
display: none;
}
@media (max-width: 420px) {
.services-nav br {
display: block;
}
}
.services-nav:hover {
opacity: .7;
}
.services-nav.active {
background-color: #0D3E92;
color: #FAFBFC;
}
.services-nav img {
width: 25px;
margin-right: 10px;
}
@media (max-width: 768px) {
.services-nav img {
display: none;
}
}
.services-blocks {
display: flex;
margin-left: -12px;
margin-right: -12px;
flex-wrap: wrap;
}
.services-blocks_block {
width: calc(25% - 24px);
margin: 0 12px 24px;
border-radius: 16px;
padding: 32px 24px 24px;
background-size: cover;
background-position: center;
position: relative;
transition: all .6s;
}
@media (max-width: 1081px) {
.services-blocks_block {
width: calc(33.333% - 24px);
}
}
@media (max-width: 768px) {
.services-blocks_block {
width: calc(100% - 24px);
margin: 0 12px 32px;
}
}
.services-blocks_block.active:not(.blockCta):after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: rgba(8, 37, 86, 0.4);
z-index: 0;
background-size: cover;
background-position: center;
border-radius: 16px;
}
.services-blocks_block.active:not(.blockCta) * {
z-index: 1;
position: relative;
}
.services-blocks_block:not(.active):not(.blockCta) {
background: #fff !important;
}
.services-blocks_block.active .services-blocks_block-text, .services-blocks_block.blockCta .services-blocks_block-text {
opacity: 0;
}
.services-blocks_block.active .services-blocks_block-title, .services-blocks_block.blockCta .services-blocks_block-title {
color: white;
}
.services-blocks_block.active .services-blocks_block-btn .btn, .services-blocks_block.blockCta .services-blocks_block-btn .btn {
color: white;
}
.services-blocks_block.active .services-blocks_block-btn .btn:after, .services-blocks_block.blockCta .services-blocks_block-btn .btn:after {
filter: brightness(100);
}
.services-blocks_block.blockCta .services-blocks_block-title {
min-height: 170px;
}
.services-blocks_block:hover {
transform: translate(0, -16px) scaleX(1) scaleY(1);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(22, 23, 24, 0.11) 8px 16px 32px 2px;
}
.services-blocks_block-tag {
background: #0D3E92;
font-size: 12px;
line-height: 16px;
padding: 6px 8px;
border-radius: 8px;
color: white;
display: inline-block;
position: absolute !important;
top: 0;
transform: translateY(-50%);
}
.services-blocks_block-tag.b_red {
background: #B30F0E;
}
.services-blocks_block-title {
font-weight: 500;
margin-bottom: 16px;
}
.services-blocks_block-text {
font-size: 14px;
line-height: 160%;
margin-bottom: 48px;
color: #474B55;
}
.services-blocks_block-btn {
position: absolute !important;
bottom: 24px;
}
.services .b_red.active {
background: #B30F0E;
color: white;
}
.infobar {
width: 100%;
position: relative;
}
.infobar .container {
position: relative;
height: 100%;
}
.infobar-inner {
padding: 32px;
background: white;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 16px rgba(10, 45, 106, 0.1);
display: flex;
align-items: center;
gap: 16px;
border-radius: 16px;
transform: translateY(-65px);
bottom: 0;
width: 100%;
margin-bottom: -80px;
}
@media (max-width: 1000px) {
.infobar-inner {
flex-wrap: wrap;
}
}
.infobar-inner img {
width: 56px;
}
@media (max-width: 1000px) {
.infobar-inner img {
width: 44px;
}
}
.infobar-inner_google {
padding-right: 32px;
margin-right: 16px;
width: 262px;
display: flex;
align-items: center;
gap: 12px;
border-right: 1px solid #DCDEE3;
}
@media (max-width: 1000px) {
.infobar-inner_google {
padding: 0 0 24px;
margin: 0 0 24px;
border-right: 0;
border-bottom: 1px solid #dcdee3;
width: 100%;
}
}
.infobar-inner_google-stars {
display: flex;
}
.infobar-inner_google-stars img {
width: 16px;
}
.infobar-inner_google-info {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 4px;
font-size: 14px;
line-height: 160%;
width: calc(100% - 56px);
}
.infobar-inner_google-info span {
color: #6B7180;
}
.infobar-inner_google-reviews {
margin-top: 4px;
color: #6B7180;
}
.infobar-inner_google .infoCookies-banner {
height: unset;
gap: 10px;
padding: 15px;
width: auto;
}
.infobar-inner_google .infoCookies-banner * {
font-size: 12px !important;
color: white;
}
.infobar-inner_google .infoCookies-banner .btn-arr:after {
content: '';
width: 15px;
height: 10px;
position: absolute;
right: -8px;
top: 50%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrright_w.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translate(100%, -50%);
}
.infobar-inner_infos {
display: flex;
gap: 16px;
flex-wrap: wrap;
justify-content: space-around;
min-width: 700px;
}
@media (max-width: 1000px) {
.infobar-inner_infos {
min-width: unset;
justify-content: flex-start;
}
}
.infobar-inner_info {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
line-height: 160%;
}
.infobar-inner_info p {
color: #6B7180;
}
.infobar-inner_info-img {
width: 56px;
}
@media (max-width: 1000px) {
.infobar-inner_info-img {
width: 44px;
height: 44px;
}
}
.infobar-inner_info-info {
width: calc(100% - 56px);
}
@media (max-width: 1000px) {
.infobar-inner_info-info {
width: calc(100% - 44px);
}
}
.greviews {
padding: 140px 0;
background: white;
}
@media (max-width: 768px) {
.greviews {
padding: 80px 0;
}
}
.greviews .es-widget-title-container {
margin-bottom: 40px;
}
.greviews .es-widget-title-container .es-widget-title * {
font-size: 40px;
text-align: left;
line-height: 120%;
margin-bottom: 16px;
}
@media (max-width: 768px) {
.greviews .es-widget-title-container .es-widget-title * {
font-size: 24px;
line-height: 130%;
margin-bottom: -40px;
}
}
.greviews div[aria-label="Carousel"] {
margin-left: -40px;
}
.greviews .swiper {
padding: 0 40px 0 40px !important;
}
.greviews .swiper-slide {
padding: 40px 0;
}
.greviews .es-header-component-top {
display: none;
}
.greviews .es-review-container {
padding: 40px;
background: white;
box-shadow: 0px 4px 24px rgba(10, 45, 106, 0.1);
border-radius: 16px;
}
.greviews .es-review-container > div {
padding: 0;
background: white;
}
.greviews .es-carousel-layout-item,
.greviews .swiper-slide,
.greviews .es-review-container {
height: 100%;
}
.greviews div[role="button"] {
top: 0;
width: 56px !important;
height: 56px !important;
margin: 0 !important;
transform: translateY(-100%);
}
@media (max-width: 768px) {
.greviews div[role="button"] {
display: none;
}
}
.greviews div[role="button"] > div {
box-shadow: none !important;
width: 56px !important;
height: 56px !important;
border-radius: 8px;
background: #EFF0F2 !important;
}
.greviews div[role="button"] > div * {
width: 24px;
height: 24px;
}
.greviews div[role="button"] > div svg path {
fill: #121315;
}
.greviews div[role="button"] > div > div:after {
width: 100%;
left: 0;
top: 0;
position: absolute;
content: '';
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrright.svg);
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.greviews div[role="button"][aria-label="Previous"] {
right: 72px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrowleft.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.greviews div[role="button"][aria-label="Previous"] > div > div:after {
transform: rotate(180deg);
}
.greviews div[role="button"] svg {
position: relative;
}
.greviews div[role="button"] svg * {
opacity: 0;
}
.cta {
height: 0;
position: relative;
}
.cta.backBlue {
background-color: #E9F0FF;
}
.cta:not(.bord) {
height: auto;
margin-bottom: 32px;
}
.cta.centered .row {
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
}
.cta .row {
align-items: end;
gap: 20px;
justify-content: space-between;
z-index: 1;
position: relative;
}
.cta-content {
width: 750px;
max-width: calc(100% - 255px);
}
@media (max-width: 768px) {
.cta-content {
max-width: 100%;
}
}
.cta-inner {
background-size: cover;
background-position: center;
padding: 112px 80px;
border-radius: 16px;
color: white;
background-attachment: fixed;
position: relative;
overflow: hidden;
}
.cta-inner li {
position: relative;
margin: 8px 0;
}
.cta-inner ul {
padding-left: 26px;
}
.cta-inner ul li {
position: relative;
}
.cta-inner ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.cta-inner ol {
list-style: auto;
margin-left: 26px;
}
@media (max-width: 768px) {
.cta-inner {
padding: 80px 20px;
background-attachment: unset;
}
}
.cta-inner.back_above:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: rgba(8, 37, 86, 0.5);
z-index: 0;
background-size: cover;
background-position: center;
}
.cta-heading {
font-size: 40px;
line-height: 120%;
margin-bottom: 16px;
font-weight: 600;
}
@media (max-width: 768px) {
.cta-heading {
font-size: 24px;
line-height: 130%;
}
}
@media (max-width: 768px) {
.cta-btn {
width: 100%;
}
}
.latestsPosts {
padding: 140px 0;
background: #E9F0FF;
}
@media (max-width: 768px) {
.latestsPosts {
padding: 80px 0;
}
}
@media (max-width: 768px) {
.latestsPosts.postsTips {
padding: 160px 0;
}
}
.latestsPosts.postsTips .latestsPosts-post_content {
padding: 0;
}
.latestsPosts.postsTips a img {
aspect-ratio: 16/9;
}
.latestsPosts-heading {
font-size: 40px;
line-height: 120%;
margin-bottom: 16px;
font-weight: 600;
}
@media (max-width: 768px) {
.latestsPosts-heading {
font-size: 24px;
line-height: 130%;
}
}
.latestsPosts-top {
margin-bottom: 40px;
}
.latestsPosts-top p {
color: #474B55;
}
.latestsPosts-posts {
display: flex;
gap: 40px 24px;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.latestsPosts-posts {
gap: 24px;
}
}
.latestsPosts-post {
width: calc(50% - 12px);
padding: 16px 32px 16px 16px;
background: white;
border-radius: 16px;
display: flex;
gap: 32px;
transition: .6s;
}
@media (max-width: 1200px) {
.latestsPosts-post {
padding: 16px;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.latestsPosts-post {
width: 100%;
gap: 24px;
}
}
@media (min-width: 769px) {
.latestsPosts-post:hover {
transform: translate(0, -16px) scaleX(1) scaleY(1);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(22, 23, 24, 0.11) 8px 16px 32px 2px;
}
}
.latestsPosts-post.download .latestsPosts-post_content-addtext {
margin-top: -5px;
}
.latestsPosts-post_content {
width: 295px;
max-width: 100%;
padding: 16px 0;
}
@media (max-width: 1200px) {
.latestsPosts-post_content {
width: 100%;
}
}
.latestsPosts-post_content-meta {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 12px;
color: #6B7180;
font-size: 14px;
}
.latestsPosts-post_content-meta > div, .latestsPosts-post_content-meta > a {
display: flex;
align-items: center;
position: relative;
}
.latestsPosts-post_content-meta-category:before {
content: '';
width: 4px;
height: 4px;
position: absolute;
left: -12px;
top: 50%;
background: #6B7180;
transform: translateY(-2px);
border-radius: 50%;
}
.latestsPosts-post_content-meta img {
width: 20px;
margin-right: 4px;
}
.latestsPosts-post_content-title {
margin-bottom: 16px;
font-weight: 500;
}
.latestsPosts-post_content-text {
margin-bottom: 16px;
font-size: 14px;
line-height: 160%;
color: #6B7180;
}
.latestsPosts-post_content-text li {
position: relative;
margin: 8px 0;
}
.latestsPosts-post_content-text ul {
padding-left: 26px;
}
.latestsPosts-post_content-text ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.latestsPosts-post_content-text ol {
list-style: auto;
margin-left: 26px;
}
.latestsPosts-post_content-addtext {
margin-bottom: 10px;
margin-top: -10px;
font-size: 13px;
font-style: italic;
color: gray;
}
.latestsPosts-post_image {
max-width: 256px;
width: 100%;
}
@media (max-width: 1200px) {
.latestsPosts-post_image {
display: block;
width: 100%;
max-width: unset;
}
}
@media (max-width: 768px) {
.latestsPosts-post_image:hover {
opacity: 1;
}
}
.latestsPosts-post_image img {
max-width: 100%;
height: auto;
border-radius: 8px;
width: 100%;
object-fit: cover;
aspect-ratio: 9/9;
}
.latestsPosts-btn {
text-align: center;
margin-top: 40px;
}
.latestsPosts-btn .btn {
display: inline-block !important;
}
.contacts {
background: #E9F0FF;
}
@media (max-width: 768px) {
.contacts .heading {
font-size: 24px;
line-height: 130%;
}
}
.contacts-map {
height: 537px;
margin-top: -60px;
z-index: 1;
}
@media (max-width: 768px) {
.contacts-map {
margin-top: -75px;
}
}
.contacts-bar {
margin-top: 45px;
padding: 32px;
background: white;
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
flex-wrap: wrap;
border-radius: 16px;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 16px rgba(10, 45, 106, 0.1);
}
@media (max-width: 768px) {
.contacts-bar {
padding: 20px;
gap: 16px;
margin: 32px 4px 0;
}
}
.contacts-bar_item {
display: flex;
align-items: center;
gap: 12px;
width: 454px;
max-width: 100%;
font-size: 14px;
line-height: 160%;
cursor: pointer;
transition: .4s;
}
.contacts-bar_item:hover {
opacity: .7;
}
.contacts-bar_item p {
color: #6B7180;
}
.contacts-bar_item-img {
width: 60px;
}
@media (max-width: 768px) {
.contacts-bar_item-img {
width: 48px;
}
}
.contacts .container {
position: relative;
z-index: 2;
}
.contacts .gmap_infotext p {
margin-bottom: 5px;
}
.contacts .gmap_infotext h2, .contacts .gmap_infotext h1, .contacts .gmap_infotext h3, .contacts .gmap_infotext h4 {
font-size: 20px;
margin-bottom: 10px;
}
.contacts .gmap_infotext li {
position: relative;
margin: 8px 0;
}
.contacts .gmap_infotext ul {
padding-left: 26px;
}
.contacts .gmap_infotext ul li {
position: relative;
}
.contacts .gmap_infotext ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.contacts .gmap_infotext ol {
list-style: auto;
margin-left: 26px;
}
.contacts .gm-style-iw-a {
margin-top: 10px;
}
@media (max-width: 768px) {
.contacts .gm-style-iw-a {
margin-top: 20px;
}
}
.contacts .infoCookies {
margin-top: 70px;
}
.textCols {
padding: 140px 0;
color: #474B55;
}
.textCols.backBlue {
background-color: #E9F0FF;
}
.textCols.hasImage {
padding-top: 40px;
}
.textCols.hasImage img {
border-radius: 16px;
margin-bottom: 80px;
height: auto;
}
@media (max-width: 768px) {
.textCols.hasImage img {
margin-bottom: 32px;
object-fit: cover;
aspect-ratio: 12/9;
}
}
@media (max-width: 768px) {
.textCols .container {
flex-direction: column;
display: flex;
}
}
@media (max-width: 768px) {
.textCols {
padding: 80px 0;
}
}
.textCols-heading {
font-size: 40px;
line-height: 120%;
font-weight: 600;
color: #121315;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.textCols-heading {
font-size: 24px;
line-height: 130%;
order: -1;
}
}
.textCols-text {
display: flex;
gap: 25px;
}
@media (max-width: 768px) {
.textCols-text {
flex-direction: column;
gap: 0;
}
}
.textCols-text a {
text-decoration: underline;
}
.textCols-text p {
margin-bottom: 8px;
color: #474B55;
}
.textCols-text div {
width: 50%;
}
@media (max-width: 768px) {
.textCols-text div {
width: 100%;
}
}
.textCols-text li {
position: relative;
margin: 8px 0;
}
.textCols-text ul {
padding-left: 26px;
}
.textCols-text ul li {
position: relative;
}
.textCols-text ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.textCols-text ol {
list-style: auto;
margin-left: 26px;
}
.textCols-more {
display: none;
}
.textCols-more .btn {
cursor: pointer;
}
.textCols-more .btn-arr:after {
transform: translate(100%, -50%) rotate(90deg);
}
.postcontent {
position: relative;
padding-bottom: 32px;
}
.postcontent-inner {
background: #E9F0FF;
padding: 80px 64px 32px;
border-radius: 32px;
}
@media (max-width: 768px) {
.postcontent-inner {
padding: 40px 16px 32px;
border-radius: 24px;
}
}
.postcontent-img img {
width: 100%;
height: auto;
border-radius: 24px;
}
.postcontent-meta {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
transform: translate(-50%, -20px);
top: 0;
min-width: 280px;
}
.postcontent-meta_inner {
display: flex;
align-items: center;
justify-content: center;
padding: 6px 16px;
background: white;
border-radius: 8px;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 16px rgba(10, 45, 106, 0.1);
gap: 36px;
font-size: 14px;
line-height: 160%;
font-weight: 400;
color: #6B7180;
}
.postcontent-meta_inner > div, .postcontent-meta_inner > a {
display: flex;
align-items: center;
gap: 6px;
position: relative;
}
.postcontent-meta-category:before {
content: '';
width: 4px;
height: 4px;
position: absolute;
left: -18px;
top: 50%;
background: #6B7180;
transform: translateY(-2px);
border-radius: 50%;
}
.postcontent-text {
color: #474B55;
font-weight: 400;
margin-bottom: 24px;
margin-top: 32px;
}
.postcontent-text h1, .postcontent-text h2, .postcontent-text h3, .postcontent-text h4, .postcontent-text h5 {
margin-top: 32px;
font-size: 24px;
line-height: 130%;
margin-bottom: 8px;
color: #121315;
font-weight: 500;
}
@media (max-width: 768px) {
.postcontent-text h1, .postcontent-text h2, .postcontent-text h3, .postcontent-text h4, .postcontent-text h5 {
font-size: 20px;
}
}
.postcontent-text h5 {
font-size: 20px;
}
.postcontent-text ol {
list-style: auto;
margin-left: 20px;
}
.postcontent-text a {
text-decoration: underline;
color: #0D3E92;
}
.postcontent-text p {
margin-bottom: 8px;
color: #474B55;
}
.postcontent-text ul li {
padding-left: 22px;
position: relative;
margin-bottom: 8px;
}
.postcontent-text ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
}
.postcontent-text blockquote {
padding: 24px;
background: white;
font-style: italic;
color: #0D3E92;
margin-top: 32px;
border-radius: 8px;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 16px rgba(10, 45, 106, 0.1);
position: relative;
}
.postcontent-text blockquote:before {
content: '';
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/blockw.svg);
position: absolute;
width: 33px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: -8px;
left: 24px;
}
.postcontent-text blockquote p {
margin: 0;
}
.postcontent-text strong {
font-weight: 500;
}
.postcontent-text img.alignleft {
float: left;
}
@media (max-width: 768px) {
.postcontent-text img.alignleft {
max-width: 50%;
}
}
.postcontent-text img.alignright {
float: right;
}
@media (max-width: 768px) {
.postcontent-text img.alignright {
max-width: 50%;
}
}
@media (max-width: 500px) {
.postcontent .btn {
display: inline-block;
}
}
.postcontent .pdfs-blocks {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.postcontent .pdfs-block {
border-radius: 16px;
padding: 16px;
width: calc(50% - 12px);
background: white;
}
@media (max-width: 768px) {
.postcontent .pdfs-block {
width: 100%;
}
}
.postcontent .pdfs-block img {
max-width: 100%;
margin-bottom: 24px;
width: 100%;
cursor: pointer;
}
.postcontent .pdfs-title {
margin-bottom: 16px;
font-weight: 500;
}
.postcontent .pdfs-file {
color: #0D3E92;
font-size: 14px;
line-height: 160%;
display: flex;
align-items: center;
margin-bottom: 8px;
text-decoration: underline;
}
@media (max-width: 768px) {
.postcontent .pdfs-file {
align-items: flex-start;
}
}
.postcontent .pdfs-file:hover {
color: #00235F;
opacity: 1;
}
.postcontent .pdfs-file span {
display: inline-block;
width: 22px;
height: 22px;
margin-right: 8px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/pdf.svg);
text-decoration: none;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.postcontent-bottom {
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid #CBD8F3;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
}
@media (max-width: 500px) {
.postcontent-bottom {
justify-content: center;
gap: 16px;
}
}
.postcontent-bottom_text {
color: #474B55;
font-weight: 400;
}
.postcontent-bottom_links {
display: flex;
align-items: center;
gap: 16px;
}
.postcontent-bottom_links-soc {
color: #0D3E92;
display: flex;
gap: 4px;
align-items: center;
font-weight: 500;
}
.postcontent.thejobs {
margin-bottom: 48px;
}
.postcontent.thejobs .postcontent-meta-category:before {
display: none;
}
.postcontent.thejobs .postcontent-meta_inner {
gap: 52px;
}
.postcontent.thejobs .postcontent-inner {
padding-bottom: 1px;
}
.postcontent.thejobs .postcontent-text li {
padding-left: 26px;
}
.postcontent.thejobs .postcontent-bottom {
display: none;
}
.postcontent.thejobs .postcontent-meta-date:before {
content: '';
width: 4px;
height: 4px;
position: absolute;
left: -26px;
top: 50%;
background: #6B7180;
transform: translateY(-2px);
border-radius: 50%;
}
.faq {
margin-bottom: 140px;
}
@media (max-width: 768px) {
.faq {
margin-bottom: 80px;
}
}
.faq-inner {
padding: 64px 64px 32px;
background: #E9F0FF;
border-radius: 32px;
}
@media (max-width: 768px) {
.faq-inner {
padding: 40px 16px;
}
}
.faq-title {
font-size: 40px;
font-weight: 600;
margin-bottom: 32px;
line-height: 120%;
}
@media (max-width: 768px) {
.faq-title {
font-size: 24px;
font-weight: 500;
line-height: 130%;
}
}
.faq-block {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #CBD8F3;
}
.faq-block:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.faq-question {
font-size: 24px;
line-height: 130%;
font-weight: 500;
padding-right: 48px;
min-height: 40px;
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
}
@media (max-width: 768px) {
.faq-question {
font-size: 20px;
}
}
.faq-answer {
color: #474B55;
font-size: 16px;
padding-top: 8px;
padding-bottom: 8px;
display: none;
}
.faq-answer li {
position: relative;
margin: 8px 0;
}
.faq-answer ul {
padding-left: 26px;
}
.faq-answer ul li {
position: relative;
}
.faq-answer ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.faq-answer ol {
list-style: auto;
margin-left: 26px;
}
.faq-close {
width: 40px;
height: 40px;
position: absolute;
right: 0;
background: white;
padding: 12px;
border-radius: 8px;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 16px rgba(10, 45, 106, 0.1);
cursor: pointer;
transition: .6s;
}
.faq-close.show:after {
transform: rotate(45deg);
}
.faq-close:after {
content: '';
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/close.svg);
background-size: contain;
background-position: center;
position: absolute;
left: 12px;
right: 12px;
height: 16px;
bottom: 12px;
top: 12px;
transition: .3s;
}
.faq-close:hover {
opacity: .7;
}
.blockpros {
height: 0;
position: relative;
z-index: 1;
}
.blockpros-inner {
padding: 32px 32px 40px;
border-radius: 16px;
background: white;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(22, 23, 24, 0.11) 8px 16px 32px 2px;
}
.blockpros-img {
margin-top: -74px;
text-align: center;
}
.blockpros-img img {
width: 84px;
height: 84px;
}
.blockpros-blocks {
display: flex;
margin-left: -16px;
margin-right: -16px;
margin-top: 24px;
margin-bottom: 32px;
}
@media (max-width: 768px) {
.blockpros-blocks {
flex-wrap: wrap;
gap: 24px;
}
}
.blockpros-block {
width: 25%;
padding: 0 16px;
display: flex;
align-items: flex-start;
gap: 18px;
font-weight: 500;
}
@media (max-width: 768px) {
.blockpros-block {
width: 100%;
}
}
.blockpros-block img {
width: 48px;
height: 48px;
}
.blockpros-bottom {
padding-top: 32px;
border-top: 1px solid #DCDEE3;
color: #474B55;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
@media (max-width: 768px) {
.blockpros-bottom {
flex-wrap: wrap;
}
}
.blockpros-text {
width: 840px;
max-width: 100%;
}
@media (max-width: 768px) {
.blockpros-link {
width: 100%;
}
}
.blockpros-iconTop .blockpros-block {
flex-direction: column;
}
.image {
padding: 80px 0;
}
.image.backBlue {
background-color: #E9F0FF;
}
.image img {
width: 100%;
border-radius: 16px;
}
.textonback {
padding: 140px 0;
background-size: cover;
background-position: center;
position: relative;
}
@media (max-width: 768px) {
.textonback {
padding: 64px 0;
}
}
.textonback:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backsteps.png);
background-color: rgba(8, 37, 86, 0.5);
z-index: 0;
background-size: cover;
background-position: center;
}
.textonback-inner {
color: #474B55;
max-width: 1060px;
margin: auto;
background: white;
padding: 56px 80px;
border-radius: 24px;
z-index: 1;
position: relative;
}
@media (max-width: 768px) {
.textonback-inner {
padding: 40px 16px;
}
}
.textonback-inner h1, .textonback-inner h2, .textonback-inner h3, .textonback-inner h4 {
font-size: 40px;
line-height: 120%;
font-weight: 600;
margin-bottom: 24px;
color: #121315;
}
@media (max-width: 768px) {
.textonback-inner h1, .textonback-inner h2, .textonback-inner h3, .textonback-inner h4 {
font-size: 24px;
line-height: 130%;
font-weight: 500;
}
}
.textonback-inner li {
position: relative;
margin: 8px 0;
}
.textonback-inner ul {
padding-left: 26px;
}
.textonback-inner ul li {
position: relative;
}
.textonback-inner ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.textonback-inner ol {
list-style: auto;
margin-left: 26px;
}
.table {
padding: 140px 0;
}
@media (max-width: 768px) {
.table {
padding: 80px 0;
}
}
.table-heading {
font-size: 40px;
line-height: 120%;
margin-bottom: 32px;
font-weight: 600;
text-align: center;
}
@media (max-width: 768px) {
.table-heading {
font-size: 24px;
line-height: 130%;
margin-bottom: 24px;
font-weight: 500;
text-align: left;
}
}
.table-row-reverse {
display: flex;
flex-direction: column-reverse;
}
.table-text {
margin: 30px 0;
}
@media (max-width: 768px) {
.table .container {
padding-right: 0;
}
}
.table-inner {
padding: 32px;
border-radius: 16px;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 16px rgba(10, 45, 106, 0.1);
overflow-x: auto;
color: #474B55;
}
.table-inner::-webkit-scrollbar {
height: 5px;
}
.table-inner::-webkit-scrollbar-track {
background: #f1f1f1;
}
.table-inner::-webkit-scrollbar-thumb {
background: #0D3E92;
border-radius: 4px;
}
.table-inner::-webkit-scrollbar-thumb:hover {
background: #555;
}
@media (max-width: 768px) {
.table-inner {
border-radius: 16px 0 0 16px;
}
}
.table-table_header, .table-table_inner {
display: flex;
margin: 0 -8px;
padding: 12px;
}
.table-table_header-col, .table-table_header-tab, .table-table_inner-col, .table-table_inner-tab {
padding: 0 8px;
min-width: 284px;
width: 25%;
}
.table-table_header-col, .table-table_inner-col {
font-weight: 500;
}
.table-table_header-col:last-child {
padding-right: 0;
}
.table-table_header-col:first-child {
padding-left: 0;
}
.table-table_tabs {
border-radius: 8px;
}
.table-table_inner {
padding: 0;
}
.table-table_inner:nth-child(odd) div {
background: #EFF0F2;
padding: 12px;
}
.table-table_inner:nth-child(even) div {
background: #FAFBFC;
padding: 12px;
}
.table-table_inner:last-child div:first-child {
border-radius: 0 0 0 8px;
}
.table-table_inner:last-child div:last-child {
border-radius: 0 0 8px 0;
}
.table-table_inner:first-child div:first-child {
border-radius: 8px 0 0;
}
.table-table_inner:first-child div:last-child {
border-radius: 0 8px 0 0;
}
.spdfs {
padding: 140px 0;
background-color: #E9F0FF;
}
@media (max-width: 768px) {
.spdfs {
padding: 80px 0;
}
}
.spdfs-heading {
text-align: center;
margin-bottom: 16px;
font-size: 40px;
line-height: 120%;
font-weight: 600;
}
@media (max-width: 768px) {
.spdfs-heading {
font-size: 24px;
margin-bottom: 16px;
line-height: 42px;
text-align: left;
}
}
.spdfs-text {
text-align: center;
max-width: 740px;
margin: 0 auto 32px;
color: #474B55;
}
@media (max-width: 768px) {
.spdfs-text {
text-align: left;
}
}
.spdfs-blocks {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
gap: 24px 0;
}
.spdfs-col {
width: 33.333%;
padding: 0 12px;
}
@media (max-width: 1000px) {
.spdfs-col {
width: 50%;
}
}
@media (max-width: 500px) {
.spdfs-col {
width: 100%;
}
}
.spdfs-block {
border-radius: 16px;
padding: 16px;
background: white;
height: 100%;
}
@media (max-width: 768px) {
.spdfs-block {
width: 100%;
}
}
.spdfs-block img {
max-width: 100%;
margin-bottom: 24px;
width: 100%;
border-radius: 8px;
object-fit: cover;
aspect-ratio: 16/9;
cursor: pointer;
}
.spdfs-title {
margin-bottom: 16px;
font-weight: 500;
}
.spdfs-file {
color: #0D3E92;
font-size: 14px;
line-height: 160%;
display: flex;
align-items: flex-start;
margin-bottom: 8px;
text-decoration: underline;
}
.spdfs-file b {
display: inline-block;
width: 22px;
height: 22px;
margin-right: 8px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/pdf.svg);
text-decoration: none;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.spdfs-file span {
width: calc(100% - 30px);
}
.spdfs-file:hover {
color: #00235F;
opacity: 1;
}
.spdfs-file_check {
color: #6B7180;
text-decoration: none;
}
.spdfs-file_check:hover {
opacity: 1;
}
.spdfs-file_check b {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/checkgr.svg);
}
.textacc {
padding: 80px 0;
position: relative;
z-index: 0;
background-color: #E9F0FF;
}
@media (max-width: 768px) {
.textacc {
padding: 40px 0 80px;
}
}
.textacc .row {
flex-wrap: nowrap;
gap: 100px;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.textacc .row {
gap: 24px;
}
}
.textacc .row > div {
width: 50%;
}
@media (max-width: 768px) {
.textacc .row > div {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.textacc .row {
flex-wrap: wrap;
}
}
.textacc-block {
font-size: 14px;
line-height: 160%;
}
.textacc-block_header {
font-weight: 500;
}
.textacc-block:not(.textacc-acc) .textacc-block_header {
margin-bottom: 8px;
position: relative;
display: flex;
gap: 8px;
color: #6B7180;
font-weight: 400;
}
.textacc-block:not(.textacc-acc) .textacc-block_header:before {
content: '';
width: 22px;
height: 22px;
position: relative;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/checkgr.svg);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-width: 22px;
}
.textacc-block.textacc-acc .textacc-block_header {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #CBD8F3;
margin-top: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.textacc-block.textacc-acc .textacc-block_header span {
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrtodown.svg);
cursor: pointer;
}
.textacc-block.textacc-acc .textacc-block_header.show span {
transform: rotate(180deg);
}
.textacc-block.textacc-acc.first {
margin-top: 16px;
}
.textacc-block_answer {
color: #6B7180;
display: none;
}
.textacc-block_answer li {
position: relative;
margin: 8px 0;
}
.textacc-block_answer ul {
padding-left: 26px;
}
.textacc-block_answer ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.textacc-block_answer ol {
list-style: auto;
margin-left: 26px;
}
.textacc-text .title {
font-size: 40px;
line-height: 120%;
font-weight: 600;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.textacc-text .title {
font-size: 24px;
line-height: 130%;
margin-bottom: 19px;
}
}
.textacc-text p {
margin-bottom: 8px;
color: #474B55;
}
.textacc-text .btn {
font-size: 14px;
margin-top: 24px;
}
.textacc-text ul li {
margin-bottom: 8px;
position: relative;
display: flex;
align-items: center;
gap: 8px;
}
.textacc-text ul li:before {
content: '';
width: 22px;
height: 22px;
position: relative;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/checkgr.svg);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.textacc-image {
position: relative;
border-radius: 16px;
max-width: 519px;
text-align: center;
width: 100%;
}
@media (max-width: 768px) {
.textacc-image {
max-width: 100%;
}
}
.textacc-image img {
border-radius: 16px;
height: auto;
width: 100%;
}
.glossars {
padding: 140px 0;
background: #E9F0FF;
}
@media (max-width: 768px) {
.glossars {
padding: 80px 0;
}
}
.glossars .glossaryLink {
display: none;
}
.glossars .openThisBlock .glossars-block_items {
z-index: 1;
position: relative;
box-shadow: 0px 4px 4px rgba(10, 45, 106, 0.05), 0px 4px 4px rgba(10, 45, 106, 0.1);
}
.glossars-inner {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.glossars-block {
background: white;
border-radius: 16px;
height: 100%;
}
.glossars-block_items {
padding: 24px;
background: white;
border-radius: 16px;
}
.glossars-block_title {
width: 64px;
height: 64px;
display: flex;
font-size: 40px;
font-weight: 600;
color: #0D3E92;
background: #E9F0FF;
border-radius: 8px;
align-items: center;
justify-content: center;
line-height: 120%;
margin-bottom: 30px;
transform: translate(24px, 24px);
}
.glossars-block_text {
margin-bottom: 24px;
}
.glossars-block .btn-arr {
cursor: pointer;
transition: .4s;
}
.glossars-block .btn-arr.shwd:after {
transform: translate(100%, -50%) rotate(-90deg);
}
.glossars-block .btn-arr:after {
transform: translate(100%, -50%) rotate(90deg);
}
.glossars-outer {
width: calc(33.33% - 7px);
padding: 0 8px;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.glossars-outer {
width: 100%;
height: auto;
}
}
.glossars-outer.blockCta .glossars-block {
background-size: cover;
color: white;
background-position: center;
padding-bottom: 50px;
position: relative;
padding: 24px;
}
.glossars-outer.blockCta .glossars-block .btn {
color: white;
font-weight: 400;
position: absolute;
bottom: 24px;
}
.glossars-outer.blockCta .glossars-block .btn:after {
filter: brightness(20);
transform: translate(100%, -50%) rotate(0deg);
}
.glossars li {
position: relative;
margin-bottom: 8px;
display: flex;
align-items: flex-start;
}
.glossars li:before {
content: '•';
color: #B30F0E;
padding: 8px;
height: 10px;
line-height: 0.3;
}
.glossars .shwd-here {
z-index: 1;
}
.glossars .shwd-here .glossars-block {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
height: auto;
width: calc(100% - 16px);
position: absolute;
}
.glossars .shwd-here.glossars-outer {
position: relative;
}
.single-glossary .postcontent-text:nth-child(2) {
margin-top: 0;
}
.single-glossary .postcontent-meta {
display: none;
}
.jobform {
padding: 80px 0 140px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/backjobform.png);
background-size: cover;
}
.jobform-content {
background: white;
border-radius: 24px;
padding: 56px;
}
.jobform-content li {
position: relative;
margin: 8px 0;
}
.jobform-content ul {
padding-left: 26px;
}
.jobform-content ul li {
position: relative;
}
.jobform-content ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.jobform-content ol {
list-style: auto;
margin-left: 26px;
}
@media (max-width: 768px) {
.jobform-content {
padding: 24px;
}
}
.jobform-content a {
text-decoration: underline;
color: #0D3E92;
}
.jobform-content p {
color: #474B55;
}
.jobform-content form {
margin-top: 32px;
margin-left: -8px;
margin-right: -8px;
}
.jobform-content form [data-name="file"] input {
padding-right: 50px !important;
}
.jobform-content form [data-name="file"]:after {
content: '.pdf, .doc';
width: 95px;
position: absolute;
top: 27px;
transform: translateY(-50%);
right: 20px;
z-index: 1;
font-size: 14px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/files.svg);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.jobform-content form [data-name="file"]:after {
height: 100px;
background-size: 24px;
background-position-x: 75%;
padding-top: 80px;
text-align: right;
right: 0;
}
}
.jobform-content form input {
border: 1px solid #DCDEE3;
}
.jobform-content form input::placeholder {
color: #6B7180 !important;
}
.jobform-content form label {
padding: 0 8px;
}
.jobform-content form label[for="file"] {
margin-top: -20px;
}
.jobform-content form label .labeltext {
transform: translateY(40px) translateX(10px);
z-index: 1;
position: relative;
background: white;
padding-left: 10px;
width: calc(100% - 20px);
pointer-events: none;
cursor: pointer;
color: #6B7180;
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
.jobform-content form label input[type="checkbox"] {
width: 24px;
height: 24px;
display: inline-block;
padding: 0 !important;
margin: 0;
min-width: 24px;
border-radius: 8px;
}
.jobform-content form label input[type="checkbox"]:checked {
background: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/checked.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: 0;
}
.jobform-content form .wpcf7-form-control.wpcf7-acceptance label {
display: flex;
gap: 12px;
}
.jobform-content form [data-name="acceptance"] {
margin-top: 24px;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.jobform-content form [data-name="acceptance"] .wpcf7-list-item {
margin-left: 0;
}
}
.jobform .container {
max-width: 1090px;
}
.bigimagetext {
padding: 80px 0 140px;
}
@media (max-width: 768px) {
.bigimagetext {
padding: 140px 0;
}
}
.bigimagetext-title {
font-size: 56px;
margin-bottom: 32px;
text-align: center;
font-weight: 600;
}
@media (max-width: 768px) {
.bigimagetext-title {
font-size: 24px;
}
}
.bigimagetext-img {
position: relative;
text-align: center;
padding: 0 80px;
margin-bottom: 32px;
}
@media (max-width: 768px) {
.bigimagetext-img {
padding: 0 30px;
}
}
.bigimagetext-img:before {
content: '';
width: 100%;
height: calc(100% - 100px);
position: absolute;
left: 0;
top: 50px;
background: #E9F0FF;
border-radius: 16px;
z-index: 0;
}
@media (max-width: 768px) {
.bigimagetext-img:before {
height: calc(100% - 26px);
top: 13px;
}
}
.bigimagetext-img img {
max-width: 100%;
z-index: 1;
position: relative;
border-radius: 24px;
width: 1062px;
height: auto;
}
.bigimagetext-texts {
max-width: 1094px;
margin: auto;
display: flex;
}
.bigimagetext-texts li {
position: relative;
margin: 8px 0;
}
.bigimagetext-texts ul {
padding-left: 26px;
}
.bigimagetext-texts ul li {
position: relative;
}
.bigimagetext-texts ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.bigimagetext-texts ol {
list-style: auto;
margin-left: 26px;
}
.bigimagetext-texts p {
color: #474B55;
}
@media (max-width: 990px) {
.bigimagetext-texts {
flex-direction: column;
}
}
.bigimagetext-text {
padding: 0 16px;
color: #474B55;
}
@media (max-width: 990px) {
.bigimagetext-text {
padding: 8px 0;
}
}
.bigimagetext-text strong {
color: #121315;
}
.team {
padding: 140px 0 40px;
background: #E9F0FF;
}
.team-heading {
font-size: 40px;
margin-bottom: 40px;
font-weight: 600;
}
@media (max-width: 768px) {
.team-heading {
font-size: 24px;
}
}
.team-top {
margin-bottom: 40px;
}
.team-blocks {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.team-blocks-block {
width: 33.333%;
padding: 0 12px;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 990px) {
.team-blocks-block {
width: 50%;
}
}
@media (max-width: 768px) {
.team-blocks-block {
width: 100%;
}
}
.team-blocks-block_text {
text-align: left;
border-radius: 16px;
background: white;
padding: 24px 0px 0;
padding-top: 164px;
height: calc(100% - 250px);
}
@media (max-width: 768px) {
.team-blocks-block_text {
height: unset;
}
}
.team-blocks-block_text-title {
font-weight: 500;
margin-bottom: 8px;
padding: 0 16px;
position: relative;
z-index: 1;
}
.team-blocks-block_text-text {
padding: 0px 16px 24px;
background: white;
border-radius: 16px;
position: relative;
min-height: 130px;
padding-top: 30px;
margin-top: -30px;
}
.team-blocks-block_text li {
color: #6B7180;
font-size: 14px;
margin-bottom: 4px;
position: relative;
padding-left: 26px;
}
.team-blocks-block_text li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 11px;
border-radius: 50%;
}
.team-blocks-block img {
height: auto;
width: 70%;
border-radius: 8px;
margin-bottom: -146px;
object-fit: cover;
aspect-ratio: 9/9;
}
.team .btn {
display: none;
margin-top: 4px;
cursor: pointer;
}
.team .btn:after {
transform: translate(100%, -50%) rotate(90deg);
}
.team .btn.show {
display: inline-block;
}
.team .btn.opened:after {
transform: translate(100%, -50%) rotate(-90deg);
}
.team li.hideLi {
display: none;
}
.simpletext {
padding: 32px 0;
background: #E9F0FF;
}
@media (max-width: 768px) {
.simpletext:first-child {
padding-top: 80px !important;
}
}
@media (max-width: 768px) {
.simpletext:last-child {
padding-bottom: 80px !important;
}
}
.simpletext-inner {
border-radius: 24px;
background: white;
padding: 56px;
color: #474B55;
max-width: 1062px;
margin: auto;
}
@media (max-width: 768px) {
.simpletext-inner {
padding: 32px;
}
}
.simpletext-inner h1, .simpletext-inner h2, .simpletext-inner h3, .simpletext-inner h4, .simpletext-inner h5, .simpletext-inner h6 {
color: #121315;
margin-bottom: 16px;
font-size: 40px;
line-height: 120%;
font-weight: 600;
}
.simpletext-inner uli {
position: relative;
margin: 8px 0;
}
.simpletext-inner ul {
padding-left: 26px;
}
.simpletext-inner ul li {
position: relative;
}
.simpletext-inner ul li:before {
content: '';
width: 4px;
height: 4px;
background: #B30F0E;
position: absolute;
top: 9px;
left: 9px;
border-radius: 50%;
left: -15px;
}
.simpletext-inner ol {
list-style: auto;
margin-left: 26px;
}
.simpletext-inner a {
text-decoration: underline;
}
.contactform {
padding: 140px 0;
}
@media (max-width: 768px) {
.contactform {
padding: 80px 0;
}
}
.contactform .row {
margin: 0 -15px;
}
@media (max-width: 990px) {
.contactform .row {
margin: 0;
}
}
.contactform-form {
width: 60%;
padding: 0 21px;
}
@media (max-width: 990px) {
.contactform-form {
padding: 0;
width: 100%;
margin-top: 50px;
}
}
.contactform-form-inner {
padding: 48px;
border-radius: 24px;
background: #E9F0FF;
margin: 0 -6px;
}
@media (max-width: 990px) {
.contactform-form-inner {
padding: 24px 12px;
border-radius: 12px;
}
}
.contactform-content {
width: 40%;
padding: 0 15px;
color: #474B55;
}
@media (max-width: 990px) {
.contactform-content {
padding: 0;
width: 100%;
}
}
.contactform-heading {
font-size: 40px;
line-height: 120%;
font-weight: 600;
max-width: 395px;
margin-bottom: 32px;
color: #121315;
}
@media (max-width: 768px) {
.contactform-heading {
font-size: 24px;
}
}
.contactform-hours-item {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.contactform-hours-item-left {
width: 134px;
padding-right: 8px;
}
.contactform-hours-item-right {
color: #0D3E92;
background: #E9F0FF;
padding: 4px 8px;
border-radius: 4px;
text-align: center;
}
@media (max-width: 768px) {
.contactform-hours-item-right {
width: 193px;
}
}
.contactform-hours-disc {
font-size: 14px;
margin-bottom: 24px;
}
.contactform-hours-disc span {
color: #B30F0E;
}
.contactform-text {
margin-bottom: 24px;
color: #474B55;
}
.contactform-contacts_contact {
display: flex;
gap: 8px;
margin-bottom: 12px;
align-items: flex-start;
}
.contactform-contacts_contact a {
margin-right: 16px;
}
.contactform-contacts_contact-tels a {
width: 170px;
}
form.wpcf7-form {
display: flex;
flex-wrap: wrap;
}
form.wpcf7-form .wpcf7-not-valid-tip {
margin-top: -12px;
margin-bottom: 12px;
}
form.wpcf7-form label {
padding: 0 6px;
position: relative;
display: block;
color: #787878;
font-size: 12px;
}
form.wpcf7-form label span {
display: block;
}
form.wpcf7-form label input:not(.btn):not([type="checkbox"]), form.wpcf7-form label select, form.wpcf7-form label textarea {
display: block;
width: 100%;
padding: 17px;
border-radius: 6px;
color: black;
margin-bottom: 12px;
max-height: 100px;
}
form.wpcf7-form label input:not(.btn):not([type="checkbox"])::placeholder, form.wpcf7-form label select::placeholder, form.wpcf7-form label textarea::placeholder {
color: #C7CAD1;
font-family: 'Poppins', sans-serif;
}
form.wpcf7-form label select {
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 6px;
-webkit-padding-end: 17px;
-webkit-padding-start: 17px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.25L5.5 5.75L10 1.25' stroke='black'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 95% center;
background-color: white;
color: #C7CAD1;
}
form.wpcf7-form label span.wpcf7-spinner {
display: none !important;
}
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio {
display: flex;
margin-top: 8px;
}
@media (max-width: 990px) {
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio {
flex-flow: wrap;
gap: 12px;
}
}
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio * {
font-size: 16px;
color: #474B55;
}
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio > span {
width: 50%;
margin: 0;
}
@media (max-width: 990px) {
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio > span {
width: 100%;
}
}
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio > span label {
padding: 0;
padding-left: 32px;
}
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio > span label input {
width: 0;
height: 0;
position: absolute;
left: 0;
}
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio > span label input:checked:after {
position: absolute;
width: 7.5px;
height: 7.5px;
border-radius: 50%;
background: #B30F0E;
content: '';
top: 6px;
left: 6px;
}
form.wpcf7-form label .wpcf7-form-control.wpcf7-radio > span label:before {
width: 20px;
height: 20px;
position: absolute;
left: 0;
content: '';
border-radius: 50%;
border: 1px solid #6B7180;
}
form.wpcf7-form label.col-50 {
width: 50%;
}
@media (max-width: 990px) {
form.wpcf7-form label.col-50 {
width: 100%;
}
}
form.wpcf7-form label.col-60 {
width: 55%;
}
@media (max-width: 990px) {
form.wpcf7-form label.col-60 {
width: 100%;
}
}
form.wpcf7-form label.col-40 {
width: 45%;
}
@media (max-width: 990px) {
form.wpcf7-form label.col-40 {
width: 100%;
}
}
form.wpcf7-form .btn-red {
padding: 18px 24px !important;
transition: .4s;
border-radius: 8px;
font-size: 14px;
line-height: 140%;
font-weight: 500;
background: #B30F0E;
display: flex;
margin-top: 24px;
cursor: pointer;
transition: .4s;
margin-left: 6px;
}
@media (max-width: 768px) {
form.wpcf7-form .btn-red {
width: 100%;
}
}
form.wpcf7-form .btn-red:hover {
opacity: .8;
}
form.wpcf7-form .btn-red:after {
content: '';
margin-left: 6px;
width: 16px;
height: 16px;
display: inline-block;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrow-down.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateY(3px);
}
form.wpcf7-form .btn-red input {
padding: 0 !important;
margin: 0 !important;
color: white !important;
font-size: 14px;
font-family: 'Poppins', sans-serif;
border: none;
}
form.wpcf7-form .btn-red.desib:before {
content: '';
position: absolute;
top: 0;
height: 100%;
left: 0;
width: 100%;
}
form.wpcf7-form .valueNotEmpty .labeltext {
pointer-events: unset !important;
color: black;
cursor: unset;
height: 22px;
overflow: hidden;
width: 80%;
z-index: 2;
}
form.wpcf7-form .valueNotEmpty .labeltext .removeFile {
font-size: 20px;
font-family: 'Poppins';
font-weight: 300;
display: inline-block;
transform: rotate(45deg) translateX(2px);
cursor: pointer;
}
@media (max-width: 768px) {
form.wpcf7-form .valueNotEmpty .labeltext .removeFile {
position: absolute;
top: -2px;
right: 10px;
}
}
form.wpcf7-form .custapp {
margin-left: 42px;
font-size: 12px;
color: #b30f0e;
position: absolute;
}
@media (max-width: 768px) {
form.wpcf7-form .custapp {
position: relative;
}
}
.contacts.locationsmap {
background: white;
padding-bottom: 0;
}
.contacts.locationsmap .contacts-map {
margin-top: 56px;
}
.contacts .contacts-locationsmap-bar_item {
margin-top: 32px;
}
.contacts .contacts-locationsmap-bar_item-heading {
margin-bottom: 16px;
font-size: 20px;
font-weight: 500;
text-align: left;
}
.contacts .contacts-locationsmap-bar_item-infoMaps {
padding: 24px 32px;
background: #E9F0FF;
border-radius: 8px;
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.contacts .contacts-locationsmap-bar_item-infoMaps_item {
display: flex;
align-items: center;
gap: 8px;
}
.contacts .contacts-locationsmap-bar_item-infoMaps_item:first-child {
width: 415px;
cursor: pointer;
}
@media (max-width: 990px) {
.contacts .contacts-locationsmap-bar_item-infoMaps_item:first-child {
width: auto;
}
}
.contacts .contacts-locationsmap-bar_item-infoMaps_item a {
display: flex;
align-items: center;
gap: 8px;
}
.contacts .contacts-locationsmap-bar_item-infoMaps_item:first-child {
color: #0D3E92;
text-decoration: underline;
}
.singlePost:not(.single-services) {
background: white;
}
.singlePost:not(.single-services) .main {
max-width: 1092px;
margin: auto;
}
.singlePost:not(.single-services) .latestsPosts {
margin-top: 140px;
}
@media (max-width: 768px) {
.singlePost:not(.single-services) .latestsPosts {
margin-top: 80px;
}
}
.archive .latestsPosts-cats, .blog .latestsPosts-cats {
display: flex;
justify-content: center;
margin-top: -170px;
margin-bottom: 110px;
}
@media (max-width: 768px) {
.archive .latestsPosts-cats, .blog .latestsPosts-cats {
margin-top: -110px;
margin-bottom: 50px;
z-index: 1;
position: relative;
}
}
.archive .latestsPosts-cats.muchCats *:hover, .archive .latestsPosts-cats.muchCats:hover, .blog .latestsPosts-cats.muchCats *:hover, .blog .latestsPosts-cats.muchCats:hover {
opacity: 1;
}
.archive .latestsPosts-cats.muchCats .latestsPosts-cats_inner, .blog .latestsPosts-cats.muchCats .latestsPosts-cats_inner {
gap: 0;
width: 400px;
}
.archive .latestsPosts-cats.muchCats .latestsPosts-cats_cat, .blog .latestsPosts-cats.muchCats .latestsPosts-cats_cat {
flex: 100%;
text-align: left;
color: #121315;
background: #EFF0F2;
}
.archive .latestsPosts-cats.muchCats .latestsPosts-cats_cat:not(.active), .blog .latestsPosts-cats.muchCats .latestsPosts-cats_cat:not(.active) {
margin-top: -50px;
}
.archive .latestsPosts-cats.muchCats .latestsPosts-cats_cat.active, .blog .latestsPosts-cats.muchCats .latestsPosts-cats_cat.active {
background: #DCDEE3;
color: #121315;
order: -1;
position: relative;
}
.archive .latestsPosts-cats.muchCats .latestsPosts-cats_cat.active:after, .blog .latestsPosts-cats.muchCats .latestsPosts-cats_cat.active:after {
content: '';
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrdown.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
filter: brightness(0);
}
.archive .latestsPosts-cats_inner, .blog .latestsPosts-cats_inner {
border-radius: 12px;
padding: 6px;
background: white;
max-width: 100%;
display: flex;
gap: 6px;
flex-wrap: wrap;
justify-content: center;
width: 848px;
}
@media (max-width: 500px) {
.archive .latestsPosts-cats_inner, .blog .latestsPosts-cats_inner {
gap: 0;
}
}
@media (max-width: 500px) {
.archive .latestsPosts-cats_inner:hover a, .blog .latestsPosts-cats_inner:hover a {
opacity: 1;
}
}
.archive .latestsPosts-cats_inner.openblock .latestsPosts-cats_cat:not(.active), .blog .latestsPosts-cats_inner.openblock .latestsPosts-cats_cat:not(.active) {
margin-top: 6px;
}
.archive .latestsPosts-cats_cat, .blog .latestsPosts-cats_cat {
padding: 14px 25px;
font-size: 14px;
font-weight: 500;
background: #EFF0F2;
border-radius: 8px;
flex: 0 0 calc(33.33% - 4px);
text-align: center;
}
@media (max-width: 900px) {
.archive .latestsPosts-cats_cat, .blog .latestsPosts-cats_cat {
flex: 0 calc(50% - 4px);
}
}
@media (max-width: 500px) {
.archive .latestsPosts-cats_cat, .blog .latestsPosts-cats_cat {
flex: 100%;
text-align: left;
color: #121315;
background: #EFF0F2;
}
}
@media (max-width: 500px) {
.archive .latestsPosts-cats_cat:last-child, .blog .latestsPosts-cats_cat:last-child {
border: none;
}
}
.archive .latestsPosts-cats_cat.active, .blog .latestsPosts-cats_cat.active {
background: #0D3E92;
color: white;
position: relative;
}
@media (max-width: 500px) {
.archive .latestsPosts-cats_cat.active, .blog .latestsPosts-cats_cat.active {
background: #DCDEE3;
color: #121315;
order: -1;
}
}
@media (max-width: 500px) {
.archive .latestsPosts-cats_cat.active:after, .blog .latestsPosts-cats_cat.active:after {
content: '';
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrdown.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
filter: brightness(0);
}
}
@media (max-width: 500px) {
.archive .latestsPosts-cats_cat:not(.active), .blog .latestsPosts-cats_cat:not(.active) {
margin-top: -50px;
}
}
.archive .postsJobs .latestsPosts-posts, .blog .postsJobs .latestsPosts-posts {
display: block;
max-width: 1062px;
margin: auto;
}
.archive .postsJobs .latestsPosts-post, .blog .postsJobs .latestsPosts-post {
width: 100%;
margin-bottom: 24px;
padding: 24px;
gap: 24px;
}
.archive .postsJobs .latestsPosts-post_image, .blog .postsJobs .latestsPosts-post_image {
width: 40px;
height: 40px;
}
.archive .postsJobs .latestsPosts-post_content, .blog .postsJobs .latestsPosts-post_content {
width: 100%;
padding: 0;
}
.archive .postsJobs .latestsPosts-post_content-meta-category:before, .blog .postsJobs .latestsPosts-post_content-meta-category:before {
display: none;
}
.postsDownload-size {
color: #6B7180;
font-size: 14px;
margin-bottom: 16px;
}
.postsDownload .latestsPosts-posts {
gap: 0;
margin: 0 -12px;
}
.postsDownload .latestsPosts-post {
width: 100% !important;
gap: 24px;
padding: 24px;
height: 100%;
}
@media (max-width: 990px) {
.postsDownload .latestsPosts-post {
gap: 16px;
}
}
.postsDownload .latestsPosts-post_content {
padding: 0;
}
.postsDownload .latestsPosts-post_content-title {
margin-bottom: 8px;
}
@media (max-width: 990px) {
.postsDownload .latestsPosts-post_content-title {
font-size: 14px;
}
}
.postsDownload .latestsPosts-post_image {
width: 40px;
}
.postsDownload .latestsPosts-post_image.isfile {
background-size: contain;
background-repeat: no-repeat;
background-position: top;
height: 40px;
}
@media (max-width: 990px) {
.postsDownload .latestsPosts-post_image.isfile {
height: 32px;
}
}
.postsDownload .latestsPosts-post_image.isfile.file-DOC {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/file-doc.svg);
}
.postsDownload .latestsPosts-post_image.isfile.file-PDF {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/file-pdf.svg);
}
.postsDownload .latestsPosts-post_image.isfile.file-XLS {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/file-xls.svg);
}
.postsDownload .latestsPosts-post_image.isfile.file-JPG {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/file-jpg.svg);
}
.postsDownload .latestsPosts-post_image.isfile.file-andere {
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/icon-1.png);
}
.postsDownload .latestsPosts-post-inn {
width: 33.333%;
padding: 12px;
}
@media (max-width: 990px) {
.postsDownload .latestsPosts-post-inn {
width: 50%;
}
}
@media (max-width: 600px) {
.postsDownload .latestsPosts-post-inn {
width: 100%;
}
}
.postsDownload .latestsPosts .btn:after {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 8px;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/pdf.svg);
text-decoration: none;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.postsTips .latestsPosts-top {
margin-bottom: 135px;
}
.postsTips .latestsPosts-posts {
gap: 24px;
}
.postsTips .latestsPosts-post {
width: calc(33.333% - 17px);
flex-direction: column;
padding: 15px;
margin-bottom: 85px;
gap: 16px;
}
@media (max-width: 900px) {
.postsTips .latestsPosts-post {
width: calc(50% - 12px);
}
}
@media (max-width: 500px) {
.postsTips .latestsPosts-post {
width: 100%;
}
}
.postsTips .latestsPosts-post_image {
max-width: 100%;
margin-top: -95px;
}
.postsTips .latestsPosts a img {
aspect-ratio: 16/9;
}
.footer {
background-color: #121315;
color: white;
padding-top: 56px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: -2;
max-height: calc(100vh - 80px);
overflow-y: auto;
}
@media (max-width: 768px) {
.footer {
position: relative !important;
z-index: unset !important;
overflow: visible;
max-height: unset;
}
}
.footer .row {
gap: 0 56px;
justify-content: space-between;
}
.footer-logo {
padding-right: 38px;
box-sizing: content-box;
}
@media (max-width: 768px) {
.footer-logo {
width: 100%;
margin-bottom: 33px;
}
}
.footer-slogan {
width: 274px;
padding-right: 32px;
border-right: 1px solid #474b55;
box-sizing: content-box;
font-size: 12px;
line-height: 160%;
color: #C7CAD1;
}
@media (max-width: 768px) {
.footer-slogan {
width: 100%;
padding: 0;
border: 0;
margin-bottom: 16px;
}
}
.footer-socials {
padding-left: 32px;
display: flex;
flex-wrap: wrap;
gap: 12px 32px;
box-sizing: content-box;
border-left: 1px solid #474b55;
align-items: center;
}
@media (max-width: 768px) {
.footer-socials {
padding: 0;
width: 100%;
gap: 32px;
border: 0;
}
}
.footer-socials-soc {
display: flex;
align-items: center;
gap: 4px;
height: 20px;
}
.footer-imgs {
display: flex;
height: 60px;
gap: 16px;
max-width: 100%;
justify-content: space-between;
}
@media (max-width: 768px) {
.footer-imgs {
margin-top: 32px;
width: 100%;
height: auto;
gap: 1%;
}
}
.footer-imgs img {
width: auto;
max-width: 50%;
max-height: unset;
height: auto;
}
@media (max-width: 768px) {
.footer-imgs img {
width: calc(50% - 8px);
height: 100%;
}
}
.footer-block {
margin-bottom: 32px;
}
.footer-block_top {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-bottom: 32px;
border-bottom: 1px solid #474B55;
margin-bottom: 32px;
justify-content: space-between;
}
.footer-block_top-first {
display: flex;
max-width: 100%;
padding-right: 15px;
}
@media (max-width: 768px) {
.footer-block_top-first {
width: 100%;
flex-wrap: wrap;
padding-right: 0;
}
}
.footer-block_middle {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 25px;
}
@media (max-width: 768px) {
.footer-block_middle {
gap: 0;
}
}
.footer-block_middle-sect {
position: relative;
}
@media (max-width: 768px) {
.footer-block_middle-sect {
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #474B55;
}
}
.footer-block_middle-sect .title {
font-weight: 500;
margin-bottom: 16px;
min-height: 22px;
}
@media (max-width: 768px) {
.footer-block_middle-sect .title {
min-height: unset;
}
}
.footer-block_middle-sect:nth-child(1) .title {
position: relative;
}
@media (max-width: 768px) {
.footer-block_middle-sect:nth-child(1) .title:after {
content: '';
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 0;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrb_b.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
}
@media (max-width: 768px) {
.footer-block_middle-sect:nth-child(2) {
display: none;
}
}
@media (max-width: 768px) {
.footer-block_middle-sect:nth-child(3) ul {
column-count: 2;
column-gap: 24px;
display: block;
}
}
.footer-block_middle-contacts {
font-size: 14px;
line-height: 160%;
background: #0D3E92;
padding: 32px 40px;
border-radius: 16px;
}
@media (max-width: 768px) {
.footer-block_middle-contacts {
margin-top: 32px;
padding: 20px;
}
}
.footer-block_middle-contacts_contact {
position: relative;
padding-left: 24px;
margin-bottom: 16px;
max-width: 188px;
}
@media (max-width: 768px) {
.footer-block_middle-contacts_contact {
max-width: 288px;
}
}
.footer-block_middle-contacts_contact img {
position: absolute;
left: 0;
top: 2px;
}
.footer-block_middle-contacts_contact a {
display: block;
}
.footer-menu {
color: #EFF0F2;
font-size: 14px;
line-height: 160%;
}
.footer-menu ul {
display: flex;
flex-direction: column;
align-items: baseline;
}
.footer-menu ul li {
margin-bottom: 8px;
position: relative;
display: inline-block;
cursor: pointer;
}
@media (max-width: 768px) {
.footer-menu ul li {
display: block;
}
}
.footer-menu ul li.menu-item-has-children > span {
position: relative;
}
.footer-menu ul li.menu-item-has-children > span:after {
content: '';
width: 16px;
height: 16px;
position: absolute;
background-image: url(https://kfz-gutachtenzentrale.de/wp-content/themes/kfz/img/arrright_w.svg);
right: -8px;
transform: translateX(100%) translateY(-50%);
top: 10px;
}
.footer-menu ul li a {
position: relative;
}
.footer-menu ul li:last-child {
margin-bottom: 0;
}
.footer-menu .sub-menu {
display: none;
padding: 8px;
margin-left: 20px;
}
.footer-bottom {
padding: 17px 0;
font-size: 12px;
line-height: 160%;
color: #C7CAD1;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #474B55;
margin-top: 32px;
}
@media (max-width: 768px) {
.footer-bottom {
padding: 15px 0;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 16px 50px;
}
}
.footer-bottom ul {
color: #C7CAD1;
font-size: 12px;
flex-direction: unset;
gap: 50px;
}
@media (max-width: 768px) {
.footer-bottom ul {
align-items: center;
}
}
@media (max-width: 768px) {
.footer-bottom ul li {
margin: 0;
}
}
.footer::-webkit-scrollbar-thumb {
background-color: transparent;
}
.footer::-webkit-scrollbar {
width: 0.1em;
}