/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('fonts/lato-v23-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.wpml-ls-item-nl-be, .wpml-ls-item-fr-be {
  display: none!important;
}

#field_47_20 label.gfield_label.gform-field-label::after {
  content: '*';
  font-size: 13px;
  color: #c02b0a;
  margin-left: 3px;
}

body .wpml-ls-legacy-dropdown a {
  border: transparent;
  background-color: transparent;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a:not(:hover) {
  color: white;
  background-color: transparent;
}

body .wpml-ls-legacy-dropdown {
  width: 150px;
  background-color: transparent;
}

body .wpml-ls-legacy-dropdown:hover {
  border: transparent;
  background-color: white;
}

body .wpml-ls-legacy-dropdown:hover a {
  background-color: white;
  color: #333!important;
}

body .wpml-ls-legacy-dropdown:hover a {
  color: #333;
}

body {
  line-height: 1.4;
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-size: 110%;
}

.johTicker {
  display: flex;
  padding: 20px 0;
  background-color: #efefef;
}

.johOnlyMobile {
  display: none;
}

.johTickerItem {
  white-space: nowrap;
  margin: 0 30px;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
}

.johTickerItem::after {
  content: "++";
  position: absolute;
  right: -40px;
}

#johAbfindung {
  text-align: center;
  font-weight: bold;
  font-size: 140%;
  margin-bottom: 8px;
}

:root {
  --blue-bg-color: #243b6f;
  --red-bg-color: #6f052b;
  --lightgray-bg-color: #efefef;
  --darkgray-bg-color: #d3d3d3;
}

#top-bar a.wpml-ls-link:hover {
  color: #333;
}


#top-bar .wpml-ls-legacy-list-horizontal {
  padding: 0;
}

.sidebar-menu .wpml-ls-legacy-list-horizontal {
  display: flex;
  width: 100%;
  font-size: 20px;
  margin-top: 50px;
}

.sidebar-menu a.wpml-ls-link {
  color: inherit;
}

.johForm2By2 .gfield_radio {
  display: flex;
  flex-wrap: wrap;
}

.johForm2By2 .gchoice {
  flex: 0 0 45%;
}

.johForm2By2 .gchoice:nth-child(2n+1) {
  margin-right: 5%;
}

.johForm2By2 .gchoice:nth-child(2n) {
  margin-left: 5%;
}

#johIntroWrapper {
  margin-bottom: 20px;
}

.johFormText {
  font-size: 16px;
}

body .gform_wrapper.gravity-theme .gfield.johDatenschutz,
#gform_23 .gform_footer {
  display: none;
}

body #gform_wrapper_23.gform_validation_error #gform_23 .gform_footer {
  display: block;
}

body .gform_wrapper.gravity-theme .gfield.johDatenschutz.active,
#gform_23 .gform_footer.active,
body .gform_wrapper.gravity-theme.gform_validation_error .gfield.johDatenschutz {
  display: block;
}

.johContactInnerNL .johContactContent2021Inner {
  text-align: center;
}

.johContactInnerNL .johContactContent2021 {
  justify-content: space-around;
}

.gfield_checkbox .gfield-choice-input {
  scale: 1.3;
  position: relative;
  top: 5px;
  left: 2px;
}

#johResults {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

#johResults li {
    padding: 1px 6px 3px;
    border: 2px solid #999;
    border-radius: 4px;
    margin: 0 6px 6px 0;
}

.johLinksSection {
  display: flex;
  margin-left: -10px;
  width: calc(100% + 20px);
  flex-wrap: wrap;
}

.johLinksLink {
  display: flex;
  background-color: #efefef;
  flex: 0 0 calc(33.33333% - 20px);
  margin: 10px;
  position: relative;
  overflow: hidden;
  border: 1px solid #efefef;
  align-items: center;
}

.johLinksLink .johDarkOverlay {
  background-color: rgba(0, 0, 0, 0.6);
}

.johLinksLink .dashicons {
  position: absolute;
  right: 7px;
  top: calc(50% - 8px);
}

.johLinksLink.hasBg, .johLinksLink.hasBg .dashicons {
  color: white
}

.johLinksLinkIcon {
  flex: 0 0 35px;
  margin-left: 15px;
}

.johLinksLinkBackground {
  position: absolute;
  top: 0;
  bottom: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  z-index: 0;
}

.johLinksLinkText {
  padding: 10px 35px 10px 30px;
  font-weight: bold;
  min-height: 4.2em;
  display: flex;
  align-items: center;
  line-height: 1.3;
  z-index: 3;
  position: relative;
  font-weight: 900;
  word-break: break-word;
  text-transform: uppercase;
}

.johHeader.homepageheader2023 {
  background-color: #dbdee4;
  padding-bottom: 44%;
  background-repeat: no-repeat;
}

.johColumnsWrapper100 .johLinksSectionWidthnarrow .johLinksLink  {
  flex: 0 0 calc(25% - 20px);
}

.johColumnsWrapper100 .johLinksSectionWidthwide .johLinksLink  {
  flex: 0 0 calc(50% - 20px);
}

.johColumnsWrapper50_50 .johLinksSectionWidthnarrow .johLinksLink,
.johColumnsWrapper60_40 .johLinksSectionWidthnarrow .johLinksLink,
.johColumnsWrapper40_60 .johLinksSectionWidthnarrow .johLinksLink,
.johColumnsWrapper50_50 .johLinksSectionWidthnormal .johLinksLink,
.johColumnsWrapper60_40 .johLinksSectionWidthnormal .johLinksLink,
.johColumnsWrapper40_60 .johLinksSectionWidthnormal .johLinksLink {
  flex: 0 0 calc(50% - 20px);
}

.johColumnsWrapper50_50 .johLinksSectionWidthwide .johLinksLink,
.johColumnsWrapper60_40 .johLinksSectionWidthwide .johLinksLink,
.johColumnsWrapper40_60 .johLinksSectionWidthwide .johLinksLink {
  flex: 0 0 calc(100% - 20px);
}

.johHomepageTopicsWrapper {
  display: flex;
}

.johHomepageTopicsHeading {
  font-size: 180%;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 20px;
}

.johHomepageTopicsTextWrapper {
  margin-right: 90px;
  flex: 0 0 300px;
}

.johHomepageTopics {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.johHomepageTopicsOuter {
  margin: 0 -2%;
  width: 104%;
}

.johHomepageTopic {
  flex: 0 0 46%;
  margin: 0 2%;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 0 3px #00000057;
  background-color: white;
  padding: 20px;
}

.johImageTextIcon img {
  margin: 17px 0;
  max-width: 115px;
}

.partial_entry_warning {
  display: none;
}

#mecklenburg-vorpommern:hover path,
#bayern:hover path,
#baden-wuerttemberg:hover path,
#saarland:hover path,
#rheinland-pfalz:hover path,
#hessen:hover path,
#nordrhein-westfalen:hover path,
#sachsen:hover path,
#thueringen:hover path,
#brandenburg:hover path,
#sachsen-anhalt:hover path,
#berlin:hover path,
#niedersachsen:hover path,
#bremen:hover path,
#schleswig-holstein:hover path,
#hamburg:hover path
{
  fill: var(--red-bg-color);
}

.johLightboxBar {
  background-color: var(--red-bg-color);
  height: 43px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mfp-content .johLightboxBar .mfp-close {
  position: relative;
  opacity: 1;
  mix-blend-mode: normal;
}

.mfp-wrap > .mfp-close {
  display: none;
}

.johImageCTAWrapper {
  background-color: #efefef;
}

.johImageCTAImage img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
}

.johImageCTAText {
  padding: 15% 20% 15% 0;
}

.johLightboxRulings {
  max-width: 600px;
}

.johRulings {
  padding: 4% 8% 7%;
}

.johLightboxRulings h3 {
  margin-bottom: 20px;
  text-align: left;
}

.johRuling {
  display: flex;
  margin-bottom: 4px;
}

.johRulingCourt {
  flex: 0 0 50%;
}

.johTabs .nav-tabs+.tab-panels {
  border: none;
  background-color: transparent;
  padding: 30px;
}

.johTabs .entry-content li {
  margin-bottom: 0;
  list-style: none;
  margin-left: 0;
}

.johTabs .nav-tabs>li>a {
  background-color: #ababab;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0px;
  font-size: 22px;
  font-weight: normal;
  color: white;
}

.johTabs .nav-tabs>li>a:hover, .johTabs .nav-tabs>li.active>a {
  background-color: var(--red-bg-color);
}

.johTabs.tabbed-content .nav-tabs>li, .johTabs .nav li:first-child {
  margin-left: 2px !important;
  margin: 2px;
}

.johTabs .panel ul {
  margin-left: 0;
  column-count: 3;
  column-gap: 50px;
}

.johThemaLink {
  display: flex;
  background-color: #efefef;
  color: inherit;
  margin-bottom: 20px;
}

.johThemaLinkWrapper h2.johThemaLinkHeading {
  margin-bottom: calc(5% + 10px);
  text-align: center;
}

.johThemaLinkImg {
  flex: 0 0 200px;
}

.johThemaLinkImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.johThemaLinkText {
  padding: 20px;
  font-size: 90%;
}

.johThemaLinkText .dashicons, .johThemaLinkText .dashicons-before:before {
  line-height: 1.2;
}

video {
  cursor: pointer;
}

.johSectionBGHellgrau {
  background-color: #efefef;
}

.johSectionBGHellgrau .johImageTextImage img,
.johSectionBGBlauMitRand .johImageTextImage img,
.johSectionBGBlau .johImageTextImage img {
  margin-bottom: -70px;
}

.johColumnRightImageText {
  display: flex;
  align-items: flex-end;
}

.johSectionBGBlau {
  background-color: var(--blue-bg-color);
}

.johSectionBGBlauMitRand {
  background-color: var(--blue-bg-color);
  border-bottom: 8px solid var(--red-bg-color);
}

.johSectionBGHintergrundbild {
  position: relative;
  overflow: hidden;
}

.johSectionBGHintergrundbild,
.johSectionBGBlau,
.johSectionBGBlauMitRand,
.johSectionBGHellgrau {
  padding: 50px 0 70px;
}

.johSectionBGHintergrundbild h2,
.johSectionBGHintergrundbild .johSlickIcon::before,
.johSectionBGBlau h2,
.johSectionBGBlau h3,
.johSectionBGBlau,
.johSectionBGBlauMitRand h2,
.johSectionBGBlauMitRand h3,
.johSectionBGBlauMitRand {
  color: white;
}

.johSectionBGHintergrundbild > img {
  object-fit: cover;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  object-position: 50% 50%;
  height: 100%;
}

.johTopic {
  color: inherit;
}

.johTopicsWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  width: calc(100% + 20px);
}

.johTopicWrapper {
  padding: 10px;
}

.johTopic:hover .johTopicImage img {
  transform: scale(1.05);
}

.johTopicImage {
  position: relative;
  padding-top: calc(66% - 8px);
  overflow: hidden;
}

.johTopicOverlay {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  top: 0;
  background: linear-gradient(0deg, #000000d4, #00000095, #0000005b, #0000000c);
  transition: .4s;
  opacity: .7;
}

.johTopic:hover .johTopicOverlay {
  opacity: 1;
}

.johTopicImage .johTopicHeading {
  max-width: 600px;
  margin-bottom: 10px;
}

.johTopicHeading {
  line-height: 1.2;
}

.johTopicHeading .dashicons {
  font-size: 90%;
  height: auto;
  width: auto;
  white-space: nowrap;
  display: inline;
  position: relative;
  top: 0.2em;
}

.johTopicHeadingBody {
  margin-top: 15px;
}

.johTopicText {

}

.johTopicTextWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 30px 30px 20px;
  z-index: 3;
  color: white;
  max-width: 600px;
}

.johTopicsbelow .johTopicHeading h3, .johTopicsbelow .johTopicHeading h2 {
  text-transform: none;
}

.johTopicImage .johTopicHeading h3,
.johTopicImage .johTopicHeading h2 {
  color: white;
  margin-bottom: 0;
}

.johTopicsontop .johTopicHeadingBody,
.johTopicsbelow .johTopicHeadingOverlay,
.johTopicsontop .johTopicTextBody,
.johTopicsbelow .johTopicTextOverlay  {
  display: none;
}

.johTopicTextOverlay {
  visibility: hidden;
  opacity: 0;
  transition: .5s ease-out;
  transform: translateY(1em);
  max-height: 0;
  margin-bottom: 10px;
}

.johTopic:hover .johTopicTextOverlay {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  max-height: 500px;
  transition: .4s ease-in;
}

.johTopicHeading h3, .johTopicHeading h2 {
  font-weight: 800;
  text-transform: uppercase;
  transition: .1s;
}

.johTopicsLarge h3, .johTopicsLarge h2 {
  font-size: 200%;
}

.johTopicImage img {
  transition: all .3s ease-out;
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.johTopicButton {
  position: absolute;
  bottom: 0;
  z-index: 5;
  right: 0;
  margin: 0!Important;
  border-top: 5px solid white;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid white;
}

.johTopicsLarge {
  flex: 0 0 calc(66.666666%);
}

.johTopicsTwoSmall, .johTopicsMedium {
  flex: 0 0 calc(33.3333333%);
}

.johTopicsMedium {
  flex: 0 0 calc(33.33333%);
}

.johCases {
  display: flex;
  flex: calc(100% + 60px);
  margin: 20px -30px 0;
}

.johCompsWrapper {
  position: relative;
  margin-top: calc(1% + 10px);
}

.johInfiniteSliderOverlayRight {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 45px;
  background: linear-gradient(270deg, white, white, transparent);
  right: 0;
  z-index: 3;
}

.johComps {
  display: flex;
  width: calc(100% + 32px);
  margin-left: -16px;
}

.johCompItem {
  flex: 1;
  margin: 0 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.johCompText {
  font-size: 90%;
  height: 100%;
}

.johCompItemWrapper {
  padding: 7px 7px;
  display: flex!important;
  overflow: hidden;
  height: auto;
}

.johCompTop {
  background-color: #efefef;
  font-weight: 800;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  height: 45px;
}

.johCompTopLogo img {
  width: 30px;
}

.johCompPadding {
  padding: 10px;
}

.johCompBody {
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.johCompTopLogo {
  position: relative;
}

.johCompSeparator {
  margin: 0 2px;
}

.johCompLine {
  display: flex;
  justify-content: space-between;
}

.johCompLineLine {
  flex: 1;
  border-bottom: 1px dotted;
  position: relative;
  bottom: 5px;
  margin: 0 4px;
  color: #ccc;
}

.johCompLineText {
  color: #777;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 24px;
}

.johCompLineValue {
  font-weight: bold;
}

.johCompInfos {
  display: flex;
  border-bottom: 1px solid #efefef;
}

.johCompInfo {
  display: flex;
  flex: 0 0 50%;
}

.johCompInfoRight {
  justify-content: flex-end;
}

.johCompInfo:first-child {
  border-right: 1px solid #efefef;
}

.johCompInfoIcon {
  flex: 0 0 25px;
  position: relative;
  margin-right: 12px;
}

.johCompInfoText {

}

.johCompInfoTextValue {
  line-height: 1.2;
  font-size: 13px;
}

.johCompInfoTextHeading {
  color: #777;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
}

.johCompResult {
  display: flex;
  margin-top: 5px;
}

.johCompPercentage {
  background-color: #39801d;
  color: white;
  font-weight: 900;
  margin: 0 10px 10px;
  position: absolute;
  right: -5px;
  width: 75px;
  text-align: center;
  border-radius: 0 0 5px 5px;
  top: -1px;
}

.johCompTotal {
  flex: 1;
  display: flex;
  justify-content: space-between;
  font-weight: 800;
  color: #39801d;
  border-top: 1px solid #ccc;
  margin: 0 10px;
  padding: 10px 0;
}

.johCompTotalValue {
  background-color: #397f1d;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
}

.johCompTotalText {
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  top: 7px;
}

.johCompBottom {
  background-color: #efefef;
  border-top: 1px solid #ccc;
  position: relative;
  text-align: center;
}

.johCompSource {
  font-size: 11px;
  color: #777;
  height: 15px;
  overflow: hidden;
}

.johExamplesCTA {
  flex: 0 0 100%;
}

.johExamplesCTAHeading {
  color: #ccc;
  text-align: center;
  padding: 12px 11px 11px;
  font-size: 130%;
  text-transform: uppercase;
  position: absolute;
  font-weight: 900;
  top: 15%;
  width: 100%;
  z-index: 1;
}

.johExamplesCTAHeading img {
  width: 80px;
  margin-bottom: 20px;
}

.johExamplesCTAText {
  padding: 10px 40px;
  text-align: center;
  font-size: 100%;
  flex: 1;
}

body .header-wrapper:not(.stuck) .header-main .mobile-nav.nav > li > a > .icon-menu {
  color: white!important;
  background: var(--red-bg-color);
  padding: 2px 7px;
  border-radius: 5px;
}

.johTrust {
  display: flex;
  margin-top: 10px;
}

.johTrustReviewsHeading {
  display: none;
}

.johTrust1 .johTrustReviewsHeading {
  display: block;
}

.johTrust1 .johRatingProvenExpert {
  flex: 0 0 145px;
}

.johTrust1 .johTrustSource {
  margin-bottom: 13px;
}

.johTrustRatings {
  flex: 0 0 275px;
  overflow: hidden;
  margin-right: 15px;
  border-right: 1px solid #efefef;
  padding-top: 6px;
}

.johTrustSource {
  display: flex;
  margin-bottom: 10px;
}

.johTrustReviewsHeading {
  background-color: var(--blue-bg-color);
  color: white;
  padding: 6px 10px 7px;
  margin: 0 7px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

.johTrustBadge {
  flex: 0 0 160px;
  margin-right: 20px;
}

.johTrustSource:last-child {
  margin-bottom: 0;
}

.johTrustSourceIcon {
  width: 30px;
}

.johTrustReviews {
  overflow: hidden;
  padding: 0 20px;
  flex: 0 0 calc(100% - 262px);
}

.johTrustReviews .johSlickIcon, .johComps .johSlickIcon {
  top: 50%;
  margin-top: -20px;
  z-index: 9;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  color: inherit;
  font-size: 30px;
}

.johTrustReviews .johSlickIcon:hover, .johComps .johSlickIcon:hover {
  box-shadow: none;
  transform: scale(1.2);
  transition: all .3s;
}

.johTrustReviews .johSlickIconRight, .johComps .johSlickIconRight {
  right: -30px;
  left: auto;
}

.johTrustReviews .johSlickIconLeft, .johComps .johSlickIconLeft {
  left: 30px;
}

.johTrustReviewsSlider {
  display: flex;
}

.johTrustReviewsItem {
  height: auto;
  padding: 7px 10px;
  display: flex!important;
}

.johTrustReviewsItemInfo {
  display: flex;
  margin-bottom: 14px;
  position: relative;
}

.johTrustBadges {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.johTrustReviewsItemText {
  font-size: 90%;
  font-style: italic;
  height: 145px;
  overflow: auto!important;
  padding-right: 15px;
}

.johTrustReviewsItemText::-webkit-scrollbar {
  -webkit-appearance: none;
}

.johTrustReviewsItemText::-webkit-scrollbar:vertical {
  width: 5px;
}

.johTrustReviewsItemText::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: rgba(0, 0, 0, .5);
}

.johTrustReviewsItemText::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
}

.johTrustReviewsItemRating {
  position: absolute;
  right: 0;
  top: -3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  font-size: 23px;
  line-height: 1;
}

.johTrustReviewsItemRating .johRatingNumber {
  font-size: 26px;
}

.johTrustReviewsItemLogo {
    width: 30px;
    margin-right: 10px;
}

.johTrustReviewsItemName {
  line-height: 1;
  font-weight: bold;
}

.johTrustReviewsItemInner {
  padding: 20px 18px 25px 23px;
  border-radius: 5px;
  max-width: 500px;
  margin: 0 auto;
  background-color: white;
}

.johTrustSourceRatingBottom {
  font-size: 9px;
  display: flex;
  justify-content: center;
  color: #555;
  margin-top: 1px;
  margin-left: 10px;
}

.johTrustRatingWhole {
  font-weight: normal;
  font-size: 16px;
}

.johTrustSourceRatingTop {
  display: flex;
}

.Campaign button[class*="CloseButton"]{
  width: 45px!important;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Campaign #gform_wrapper_17 {
  display: block;
}

.Campaign {
  font-family: Lato, Arial, Helvetica, sans-serif!important;
}

.Campaign .johPopup-c-content.Campaign__content {
  border: 5px solid var(--red-bg-color) !important;
}

.Campaign .gform_footer {
  margin-top: 20px!important;
}

.absolute-footer.dark {
  padding: 0;
}

.johBackToTopWrapper {
  display: flex;
  justify-content: flex-end;
}

.johFormLinkWrapper {
  display: flex;
  margin: 30px auto 40px;
  max-width: 800px;
}

.johFormLinkArrowLeft img {
  transform: rotate(180deg);
}

.johFormLinkArrow img {
  width: 80px;
  position: relative;
  max-width: 80px;
  margin-top: 20px;
}

.johFormLinkText {
  flex: 1;
  text-align: center;
  margin: 0 20px;
  background-color: #efefef;
  padding: 20px;
  border-radius: 5px;
}

.johFormLinkHeading {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 130%;
  line-height: 1.2;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

/* SIEHT NICHT GEIL AUS. ABER VIELLEICHT NOCH OPTIMIEREN
.johFormLinkHeading::after {
  content: '';
  background-image: url('img/underline.svg');
  height: 20px;
  display: inline-block;
  width: 300px;
  position: absolute;
  background-repeat: no-repeat;
  bottom: 9px;
  left: 50%;
  margin-left: -200px;
  background-size: 100%;
}
*/

.johFormLinkTextInner {
  padding: 10px 20px 0;
}

.johFeedbackCTANumber {
  border: 3px solid;
  border-radius: 50%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  font-size: 23px;
  flex: 0 0 40px;
  margin-right: 20px;
}

.johFeebackCTAWarnung {
  border: 2px solid var(--red-bg-color);
  border-radius: 5px;
  padding: 20px;
}

.johFeebackCTAWarnungHeading {
  text-align: center;
  margin-bottom: 10px;
  font-size: 110%;
  text-transform: uppercase;
  font-weight: 900;
  color: var(--red-bg-color);
}

.johFeebackCTAWarnungText {
  text-align: center;
}

.johFormLinkButton {
  margin-top: 15px;
}

.johFormLinkButton .button {
  margin-right: 0;
}

.johFormLinkArrowRight img {
  transform: rotate(180deg);
  position: relative;
  right: 50px;
}

.johFormLinkArrow {
  width: 30px;
}


#johBackToTop {
  position: fixed;
  bottom: -100px;
  transition: all .5s;
  background-color: rgb(255, 255, 255);
  padding: 5px 0 6px;
  font-weight: bold;
  border-radius: 10px;
  text-transform: uppercase;
  z-index: 999;
  color: black;
  width: 260px;
  text-align: center;
  right: 50%;
  margin-right: -130px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

#johBackToTop:hover {
  background-color: var(--blue-bg-color);
  color: white;
}

.johCounterWrapper {
  display: flex;
  margin-left: -10px;
  width: calc(100% + 20px);
  justify-content: center;
}

.johCounterItem {
  background-color: var(--blue-bg-color);
  color: white;
  text-align: center;
  flex: 1;
  margin: 0 10px;
  padding: 20px;
  position: relative;
}

.johCounterInner {
  padding-bottom: 45%;
}

.johCounterHeading {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
}

.johTagCloudArchive {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
  height: 120px;
  overflow: hidden;
  padding-bottom: 0;
  align-content: flex-start;
}

.johTagCloudArchive.johTagCloudOpened {
  height: auto;
  padding-bottom: 80px;
}

.johTagCloudHeading {
  background: var(--red-bg-color);
  color: white;
}

.johTagCloudHeading, .johTag {
  padding: 2px 9px 5px;
  line-height: 1.5;
  margin: 5px;
  display: inline-block;
  border-radius: 5px;
  font-weight: bold;
  font-size: 90%;
}

.johTag {
  background: var(--blue-bg-color);
  color: white;
}

.johOpenWrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: linear-gradient(
360deg
, white, rgb(255 255 255 / 100%), rgb(255 255 255 / 100%), rgb(255 255 255 / 9100%), rgb(255 255 255 / 98%), rgb(255 255 255 / 70%),rgb(255 255 255 / 1%));
  height: 80px;
  cursor: pointer;
}

.johColumnsCentered .johColumnLeft .johHomepageHowtoWrapper h2 {
  text-align: center;
}

.johColumnsCentered .johColumnLeft .johHomepageHowtoWrapper .johHowtoInner {
  flex-wrap: wrap;
}

.johColumnsCentered .johColumnLeft .johHowtoItem {
  flex: 0 0 50%;
}

#johOpenText {
  position: relative;
  top: 65px;
  z-index: 9;
  height: 2px;
  /* border-bottom: 1px solid #b5b5b5;*/
}

.johOpenTextInner {
  font-weight: 900;
  font-size: 110%;
  position: relative;
  display: inline-block;
  padding: 0 30px;
  background: white;
  top: -13px;
}

#johOpenText .dashicons {
  line-height: 1;
  transition: all .5s;
  margin-top: 4px;
}

#johOpenText .dashicons.opened {
  transform: rotate(180deg);
}

.johCounterValue {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20%;
  font-size: 3vw;
  font-weight: 900;
}

.johCounterLine {
  height: 20px;
  position: relative;
  width: 100%;
}

.johCounterLineInner {
  width: 30px;
  height: 2px;
  background-color: var(--red-bg-color);
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: 5px;
}

.johMultiUpload .gfield_description {
  margin-top: 5px;
}

.johConsent #input_5_28_1,
.johConsent #input_7_24_1,
.johConsent input[type="checkbox"] {
  transform: scale(1.5);
  margin: 10px 20px;
}

.johTopbarDown {
  margin-left: 5px!important;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
}

a {
  color: var(--red-bg-color);
}

h1, .h1 {
  text-transform: uppercase;
  text-align: center;
  font-size: 220%;
  font-weight: 800!important;
  margin: 50px 0 30px;
  line-height: 1.2;
}

.johHeader2021 h1 {
  font-size: 180%;
}

h2, .h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 180%;
  font-weight: 800 !important;
  margin: 40px 0 25px;
}

.johUspsPreText {
  margin-bottom: 40px;
}

.johDisplayNo {
  display: none;
}

#field_5_106.active {
  display: block;
}

.johNotification,
.johHeavyWarning {
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px 15px;
  border-radius: 5px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}

.johNotification {
  border: 2px solid;
}

.johHeavyWarning {
  border: 2px solid darkred;
  color: darkred;
}

.johNewsDate {
  position: absolute;
  left: -100px;
  top: 50px;
  width: 80px;
  text-align: center;
  background-color: var(--blue-bg-color);
  color: white;
  padding: 10px;
}

.johNewsDateDate {
  font-weight: 600;
  font-size: 35px;
  line-height: 1;
  margin-bottom: 5px;
}

.johNewsDateMonth {
  font-size: 14px;
}

.johHomepageNewsItemContentImg {
  position: relative;
}

#field_4_4 {
  flex: 0 0 100%!important;
  margin-bottom: 20px!important;
  text-align: center;
  margin-top: -10px!important;
}

.johDSGVOWrapper {
  display: flex;
}

.johDSGVOLeft {
  flex: 0 0 50px;
}

.johDSGVOLeft input {
  transform: scale(1.5);
  margin-top: 6px;
}

.johHomepageNewsItem.johNewsNewsletterWrapper {
  background-color: #efefef;
  border: none;
  display: flex;
  flex-direction: column;
  border-radius: 0;
}

.johNewsNewslleterInner {
  padding: 0 30px 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.johNewsNewsletterBottom {
  flex: 1;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.johNewsNewsletterBottom img {
  width: 80%;
  height: auto;
  margin: 10%;
}


#mc_embed_signup .button {
  margin-top: 30px;
  margin-right: 0;
}

.johNewsNewsletterText {
  font-weight: bold;
  margin-bottom: 40px;
}

.johPressContent {
  display: flex;
}

.johPressContentLeft {
  flex: 1;
  padding-right: 100px;
}

.johPressContentRight {
  flex: 0 1 350px;
  line-height: 1.3;
  font-size: 90%;
}

.johPressContentRight h2, .johPressContentLeft h2 {
  font-size: 140%;
  text-align: left;
  margin-bottom: 30px;
  margin-top: 50px;
}

.johPressContentLeft h2 {
}

.johPressContentRight h2 {
}

.johPortfolioContentRightInterviewpartner {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.johPortoflioInterviewImage {
  flex: 0 0 100px;
  height: 100px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-right: 20px;
}

.johTopbarPressLink a {
  color: white;
}

.johPMsContentRightDatei a {
  color: inherit;
}

.johPortfolioContactSectionInterview {

}

.johPortfolioContactNameInterview {
  font-size: 110%;
  font-weight: bold;
}

.johPortfolioContactPositionInterview {

}

.johPortfolioContentRightDateien {

}

.johPortfolioContentRightWrapper {

}

.johPMsContentRightDateienInner {

}

.johPMsContentRightDatei {

}

.johPMsContentRightDateiType {

}

.johPortfolioContentRightFotos {

}

.johPMsContentRightFotosInner {

}

.johPMsContentRightFotosFotolist {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.johPMsContentRightFotosInnerImage {
  flex: 0 0 29.33333%;
  margin: 0 4% 4% 0;
}

.johPMsContentRightFotosInnerImage a {
  height: 0;
  padding-bottom: 100%;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

img.mfp-img {
  max-height: 91vh;
}

.johMediaNote {
  text-align: center;
  margin-top: 40px;
  font-size: 90%;
}

.johPressContactDetails {
  display: flex;
  justify-content: center;
}

.trigger .dashicons {
  float: right;
}

.trigger .dashicons-arrow-up-alt2 {
  display: none;
}

.trigger .dashicons-arrow-down-alt2 {
  display: inline;
}

.trigger.trigger_active .dashicons-arrow-down-alt2 {
  display: none;
}

.trigger_active .dashicons-arrow-up-alt2 {
  display: inline;
}

.trigger {
  background: #efefef;
  padding: 5px 10px 7px;
  font-size: 15px;
  margin-bottom: 2%;
  cursor: pointer;
  position: relative;
}

.johPortfolioContentLeftPMItemInnerText {
  display: flex;
  align-items: flex-start;
}

a.johPortfolioContentLeftPMItem {
  color: inherit;
  margin-bottom: 20px;
  display: block;
}

.johPortfolioContentLeftPMItemInnerDate {
  text-align: center;
  margin-right: 20px;
  padding: 4px 6px 5px;
  border-radius: 5px;
  background-color: var(--red-bg-color);
  color: white;
}

.johPortfolioContentLeftPMItemInnerDateTop {
  font-size: 75%;
  font-weight: 800;
}

.johPortfolioContentLeftPMItemInnerDateBottom {
  line-height: 1;
}

.johPortfolioContentLeftPMItemInnerTitel {
  font-weight: 600;
  padding-top: 1px;
}

.johPressContactInner {
  background: #efefef;
  padding: 30px;
  border-radius: 5px;
  margin-top: 40px;
}

.johPressContactImage {
  text-align: center;
}

.johPressContactImage img {
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid white;
  width: 200px;
  margin-bottom: 20px;
}

.johPressContactHeading {
  text-align: center;
  margin-bottom: 20px;
}

.johPressContactHeadingInner {
  display: inline-block;
  padding: 3px 8px 5px;
  background: #1b223e;
  color: white;
  border-radius: 5px;
  font-weight: bold;
}

.johPressContactName {
  text-align: center;
  font-size: 140%;
  margin-bottom: 20px;
}

.johPressContactType {
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
  align-items: center;
}

.johPressContactIcon {
  background: #ccc;
  padding: 3px;
  border-radius: 5px;
  margin-right: 10px;
}

.johPressContactInfo {

}

.johColumnsHeadingCentered .johColumnLeft h2, .johColumnsHeadingCentered .johColumnRight h2 {
  text-align: center;
}

#cookie-notice {
  box-shadow: 0 0 10px rgba(25, 25, 25, 0.35);
}

.johTextAlignCenter {
  text-align: center;
}

#cn-accept-cookie.cn-button.wp-default {
  line-height: 24px;
  background: #1b223c;
  border-color: transparent;
  color: white;
  text-shadow: none;
}

.johTopbarCall {
  font-size: 14px;
}

.johTopbarCall i {
  font-size: 95%;
}

.johTopbarCallNr {
  margin-left: 5px;
}

.header-wrapper .nav > li:first-child > a {
  padding-left: 0;
}

.mobile-nav.nav > li > a {
  padding: 10px;
}

.johHideIndividual #input_2_89_1_container {
  display: none;
}

.johHidden {
  display: none;
}

.is-outline {
  color: var(--blue-bg-color);
}

.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button {
  color: white;
}

.johDarkOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.johMediumOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.johMenuMother {

}

.johMenuMother > ul {
  display: flex;
}

.johInvisbleMenuItem > a {
  opacity: 0;
}

.johBorderRight {
  border-right: 1px solid #ccc!important;
}

.johMainMenuColumn li.menu-item a{

}

.johMenuColumLightBG {
  background-color: #efefef;
}

.johHiddenMenuItem > a {
  display: none!important;
}




.nav>li.header-vertical-menu {
  padding: 10px 13px 15px 0px;
}

.header-vertical-menu__opener {
  width: auto!important;
  text-transform: uppercase;
  padding: 0;
}

.header-vertical-menu__opener .icon-angle-down {
  margin-left: 3px;
}

.header-vertical-menu__fly-out .nav-top-link {
  font-size: inherit;
  color: inherit;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
  padding: 15px;
}

.nav-dark .header-vertical-menu__opener {
  color: white;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left>a>img {
  margin-right: 15px;
}

.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown {
  min-height: 0;
}

.header-vertical-menu__fly-out .current-dropdown .nav-dropdown {
  top: auto !important;
  margin-top: -55px !important;
  bottom: unset !important;
}

.header-vertical-menu__fly-out ul#menu-vertical-menu li:first-child .nav-dropdown {
  top: 0;
  margin-top: 0;
}

.header-vertical-menu__fly-out .nav-dropdown.nav-dropdown-default > li > a {
  margin-bottom: 1px;
}

.header-vertical-menu__fly-out .nav-dropdown>li:last-child:not(.nav-dropdown-col)>a {
  margin-bottom: 0;
}

.header-vertical-menu__fly-out .ux-menu-link__link {
  min-height: 0;
  padding-bottom: 0.6em;
  padding-top: 0.4em;
}

.nav-dropdown>li>a {
  line-height: inherit;
}

.johAbgasMenu > ul.sub-menu, .active .johAbgasMenu > ul.sub-menu:not(.nav-dropdown) {
  display: flex !important;
  flex-wrap: wrap;
}

.johAbgasMenu li.menu-item {
  flex: 0 0 50%;
  overflow: hidden;
  white-space: normal;
}

.johHiddenMenuElement {
  opacity: 0!important;
}

.nav-dropdown > li.image-column {
  padding: 12px 30px 20px 25px;
}

.johManufacturersList {
  display: flex;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.johMarginTop10 {
  margin-top: 10px;
}

.johPointsWrapper {
  background: #efefef;
  padding: 5px;
}

.johPointsItem {
  display: flex;
  padding: 0 calc(10px + 5%);
  margin: calc(20px + 4%) 0;
}

.johPointsItemIcon {
  flex: 0 0 110px;
  padding-right: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.johMiniFaqWrapper {
  margin: 20px 0;
  flex: 1;
}

.accordion-title {
  padding: 0.6em 50px 0.6em 13px;
  background-color: white;
}

.accordion .toggle {
  right: 0;
  left: auto;
}

.accordion-inner {
  padding: 1em 15px;
  max-width: 900px;
}

.accordion-item {
  background-color: white;
}

.johPointsItemHeading {
  font-size: 120%;
  font-weight: 900;
  text-transform: unset;
  margin-bottom: 12px;
}

.johMitarbeiterItemList {
  margin: 25px;
  flex: 0 0 calc(33.33333% - 50px);
}

.johTagCloudInner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.johTagsHeading {
  text-align: center;
  text-transform: uppercase;
  margin: 50px 0 30px 0;
}

.johTagItem {
  padding: 5px 10px 7px;
  background: #efefef;
  font-size: 80%;
  color: inherit !important;
  margin-right: 10px;
  margin-bottom: 10px;
}

.johMarginTop20 {
  margin-top: 20px;
}

.johManufacturersInfo {
  flex: 0 0 30%;
  padding: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #333;
  color: white;
  margin-right: 20px;
  position: relative;
  background-position: center center;
  background-size: cover;
}

.johDefaultBGColor {
  background-color: #efefef;
}

a.johBigBrandsItem {
  color: inherit;
}

.johManufacturersInfoText {
  position: relative;
  z-index: 2;
}

.johBigBrandsWrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 4%);
  margin-left: -2%;
  justify-content: center;
}

.johBigBrandsItem {
  flex: 0 0 29.3333333%;
  margin: 2%;
  display: flex;
  width: 96%;
}

.johBigBrandsItemText {
  font-size: 95%;
}

.johBigBrandsItemLogo {
  position: absolute;
  top: -53px;
  left: 50%;
  margin-left: -45px;
  padding: 20px;
  width: 90px;
  height: 90px;
}

.johBigBrandsItemLogo img {
  position: relative;
  width: 50px;
}

.johBigBrandsItemLogoCircle {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 53px;
  overflow: hidden;
  width: 98px;
  height: 90px;
}

.johBigBrandsItemLogoCircleInner {
  background: #efefef;
  position: absolute;
  top: 8px;
  left: 8px;
  bottom: 0;
  right: 8px;
  z-index: 0;
  border-radius: 50%;
  height: 75px;
  width: 75px;
}

.johBigBrandsItemInner {
  position: relative;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.johManufacturersListWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.johCentralHeading {
  text-align: center;
  width: 100%;
  position: relative;
}

.johCentralHeadingInner {
  display: inline-block;
}

.johColumnsCentered .johColumnLeft,
.johCentralHeadingInner,
.johElementIntro {
  max-width: 800px;
}

.johElementIntro {
  text-align: center;
  margin: 0 auto 50px;
}

.johCentralHeadingInner h2 {
  margin-top: 0;
}

.johManufacturersListItem {
  text-transform: uppercase;
  flex: 0 0 calc(25% - 20px);
  text-align: center;
  color: inherit;
  padding: 10px 10px 25px;
  background-color: #efefef;
  margin: 10px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid transparent;
}

.johManufacturersListItem:hover,.johLinksLink:hover {
  box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);
  background-color: #e4e4e4;
  border: 1px solid #d3d3d3;
}

.johColumnsWrapper50_50 .johManufacturersListItem {
    flex: 0 0 calc(33.3333% - 20px);
}

.johManufactureresListTitle {
  margin-top: 10px;
  font-weight: 800;
}

.johManufactureresListTitle .dashicons {
  line-height: 1.2;
  margin-left: 3px;
  width: 10px;
}

a .johManufactureresListTitle {
  color: inherit;
}

.johImageMenuItem {
  width: 250px;
  background-image: url("https://tonka.gmbh/goldenstein/wp-content/uploads/2019/11/menuclaim.jpg");
  background-size: cover;
  background-position: center;
  border-left: 1px solid #ccc;
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  position: relative;
}

.johMenuColumn {

}

.johMenuHorizontal {

}

li.current-dropdown.johMenuHorizontal > .nav-dropdown {
  flex-wrap: wrap;
  width: 800px;
}

.johInfoColumn {

}

.johMenuHorizontal > li {
  padding-right: 30px;
}

.johMenuHorizontal li.johMenuClaim {
  padding-right: 0;
}

.nav-dropdown li.johMenuClaim {
    text-align: center;
    flex: 0 0 100%;
    display: flex;
    color: white;
    font-weight: 800;
    justify-content: center;
    align-items: center;
    position: relative;
    border-top: 1px solid #ccc;
    height: 120px;
    margin-top: 20px;
}

.johMenuClaimButton {

}

.johMenuClaim a {
  max-width: 75%;
}

.johMenuClaim .johMenuClaimButton {
  background-color: var(--red-bg-color);
  padding: 10px 15px!important;
  color: white!important;
  font-weight: 900;
  border-radius: 5px;
  text-transform: uppercase;
  margin-top: 20px;
}

.nav-dropdown li {
}

.nav-dropdown > li.nav-dropdown-col, .nav-dropdown > li.image-column {
  min-width: 270px;
  flex: 1;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  font-weight: 800;
  text-transform: uppercase;
  background-color: transparent;
}

.nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a {
  font-size: 1em;
}

.nav > li > a {
  padding: 10px 13px 15px 13px;
}

.nav-dropdown {
  border: none;
}

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a {
  margin: 0;
  padding: 15px;
}

li.current-dropdown>.nav-dropdown {
  left: 0px;
  padding: 0;
}

ul.header-nav > li {
  margin: 0;
}

.nav-dropdown > li.nav-dropdown-col.johHerstellerColumn {
  min-width: 170px;
  flex: 0 0 170px;
}

li.current-dropdown.johMenuHorizontal > .nav-dropdown {
  left: 0px;
  display: flex !important;
  padding-top: 10px;
}

.nav-dropdown-has-arrow li.has-dropdown::before, .nav-dropdown-has-arrow li.has-dropdown::after {
  display: none!important;
}

.johTeamSingle .johMitarbeiterImage {
  border-radius: 50%;
  overflow: hidden;
}

.johMitarbeiterImage {
  position: relative;

  max-width: 300px;
}

.johMitarbeiterImageOfficial {
  position: relative;
  z-index: 2;
  transition: all 0.2s linear;
}

.johMitarbeiterImagePersonal {
  position: absolute;
  left: 0;
  top: 0;
}

.johMitarbeiterPosition {
  text-align: center;
  margin: -30px 0 40px;
  font-size: 130%;
}

.johMitarbeiterQuote {
  text-align: center;
  max-width: 600px;
  background-color: #ffffff;
  position: relative;
  z-index: 55;
  padding: 20px 60px 0;
}

.johMitarbeiterDetails {
  margin-top: 40px;
}

.johMitarbeiterImageSeparator {
  box-shadow: 0px -9px 18px -13px #1b1b1b;
  margin-top: -30px;
  width: 300px;
  height: 30px;
  background: white;
  position: relative;
  z-index: 9;
}

.johMitarbeiterQuoteInner {
  line-height: 1.5;
  margin-bottom: 20px;
  font-style: italic;
  font-size: 120%;
}

.johMitarbeiterQuoteAuthor {

}

.johKanzleiPartnerlisteInner {
  display: flex;
  width: calc(100% + 10px);
  margin-left: -5px;
  flex-wrap: wrap;
}

.johKanzleiPartner {
  position: relative;
  padding: 15px 15px 25px;
  align-items: center;
  display: flex;
  border: 1px solid #ccc;
  margin: 0 5px;
  margin-bottom: 10px;
  flex: 0 0 calc(33.333333% - 10px);
  flex-direction: column;
  overflow: hidden;
  width: calc(33.33333% - 10px);
}

.johKanzleiPartnerLogo {
  flex: 0 1 120px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.johKanzleiPartnerLogoInner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  font: 0/0 a;
}

.johKanzleiPartnerLogoInner:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.johKanzleiPartnerLogo img {
  max-height: 100px;
  vertical-align: middle;
  width: 150px;
  max-width: 100%;
}

.johKanzleiPartnerName {
  text-align: center;
  line-height: 1.2;
  font-size: 80%;
  margin-top: 1em;
  padding: 0 30px;
  color: #888;
  width: 100%;
}

.johKanzleiPartnerNameLarge {
  text-align: center;
  font-weight: bold;
  margin: 50px 20px;
  font-size: 90%;
  width: calc(100% - 40px);
}

.johKanzleiPartnerNameLine {
  width: 40px;
  border-top: 2px solid #efefef;
  margin: 0 auto 12px;
}

.johTeamArchiveWrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 50px);
  margin-left: -25px;
  margin-bottom: 30px;
}

.johMitarbeiterItem {
  flex: 0 0 calc(25% - 50px);
  margin: 0 25px 40px;
  overflow: hidden;
  width: calc(25% - 50px);
}

.johMitarbeiterArchiveName {
  margin-top: 15px;
  font-size: 120%;
  font-weight: bold;
}

.johMitarbeiterArchivePosition {
  margin: 1px 0 0;
  font-size: 85%;
  line-height: 1.2;
  color: #333;
}

.johTeamTop {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.johTeamTopLeft {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.johTeamTopRight {
  display: flex;
  align-items: center;
}

.johPrivateImagePresent:hover {
  opacity: 0;
}

.johDefaultBoxShadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.johDefaultBoxShadowSoft {
  box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}

.johMarginTop {
  margin-top: calc(7% + 20px);
}

.johStartMarginTop {
  margin-top: 50px;
}

.johNoTopMargin.johMarginTop, .johNoTopMargin {
  margin-top: 0;
}

.johKeinInnenabstand {
  padding-top: 1px;
}

.johKeinInnenabstand .johClaimButtonWrapper {
  margin-top: 0;
}

.johSmallTopMargin.johMarginTop, .johSmallTopMargin  {
  margin-top: calc(2% + 20px);
}

.johMediumTopMargin.johMarginTop, .johMediumTopMargin  {
  margin-top: calc(3% + 30px);
}

.johLargeTopMargin.johMarginTop, .johLargeTopMargin {
  margin-top: calc(4% + 40px);
}

.johMarginBottom {
  margin-bottom: calc(7% + 20px);
}

.johContentPersonalInfo {
  margin-top: 10px;
}

.johContentPersonName {
  font-weight: bold;
  font-size: 110%;
}

.johContentPersonPosition {

}

.johContentBU {
  margin-top: 5px;
  font-style: italic;
}

.johHomepageIntro {

}

.johHighWord {

}

#johJSFeedbackLegitimacy2 {
  display: none;
}

.logged-in #johJSFeedbackLegitimacy2 {
  display: block;
}

.johJSFeedbackMoneyWrapper {
  border: 2px solid;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.johFeedbackCase {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.johFeedbackErsatzfahrzeug {
  padding: 20px;
  text-align: center;
  font-size: 90%;
}

.johFeedbackCaseLeft {
  flex: 0 0 130px;
  overflow: hidden;
  border-right: 1px solid;
}

.johFeedbackCaseRight {

}

.johFeedbackHersteller {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2;
}

.johFeedbackModellInner {
  font-weight: 900;
}

.johFeedbackYears {
  margin-top: 10px;
}

.johFeedbackLeft {
  border-right: 1px solid;
}

.johFeedbackLeft, .johFeedbackRight {
  flex: 1;
  text-align: center;
  padding: 20px;
  position: relative;
  display: none;
}

.johFeedbackLeft.active, .johFeedbackRight.active {
  display: block;
}

.johFeedbackTop {
  background: #7bb27c;
  padding: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid;
}

.johFeedbackBottom {
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #efefef;
}

.johFeedbackLogo > div {
  width: 70px;
  height: 70px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.johFeedbackLogoVW {
  background-image: url('img/vw-200.png');
}
.johFeedbackLogoBMW {
  background-image: url('img/bmw-200.png');
}
.johFeedbackLogoAudi {
  background-image: url('img/audi-200.png');
}
.johFeedbackLogoMercedes {
  background-image: url('img/daimler-200.png');
}
.johFeedbackLogoFiat {
  background-image: url('img/fiat-200.png');
}
.johFeedbackLogoOpel {
  background-image: url('img/opel-200.png');
}
.johFeedbackLogoPorsche {
  background-image: url('img/porsche-200.png');
}
.johFeedbackLogoSeat {
  background-image: url('img/seat-200.png');
}
.johFeedbackLogoSkoda {
  background-image: url('img/skoda-200.png');
}
.johFeedbackLogoSubaru {
  background-image: url('img/subaru-200.png');
}
.johFeedbackLogoIveco {
  background-image: url('img/iveco-200.png');
}
.johFeedbackLogoMini {
  background-image: url('img/mini-200.png');
}

.johFeedbackOder {
  position: absolute;
  font-size: 14px;
  height: 50px;
  width: 34px;
  background-color: #efefef;
  left: 50%;
  z-index: 9;
  margin-left: -17px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  top: 15px;
  font-weight: 900;
}

#johFeedbackOderDesktop {
  display: none;
}

#johFeedbackOderDesktop.active {
  display: flex;
}


.johFeedbackOderMobile.johFeedbackOderMobile {
  display: none;
}

.johFeedbackHeading {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 130%;
  line-height: 1.2;
}

.johFeedbackText {
  line-height: 1.2;
  margin: 20px 0;
  font-size: 16px;
}

.johFeedbackNumber {
  font-size: 200%;
  font-weight: 900;
  color: green;
}

.johFeedbackCTA {
  margin: 40px 0;
  border-radius: 5px;
}

.johFeedbackCTAText {
  text-align: center;
  margin: 15px 0 0;
}

.johFeedbackCTAPreHeading {
  text-align: center;
  text-transform: uppercase;
  color: var(--red-bg-color);
  font-weight: bold;
  line-height: 1;
}

.johFormFeedback h3 {
  margin-bottom: 10px;
  text-align: center;
}

.johFormInput {

}

.johFeedbackCTAHeading {
  text-align: center;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 7px;
}

.johFeedbackCTAItem {
  text-align: center;
  margin: 30px 20px 20px 60px;
  position: relative;
}

.johFeedbackCTAItemWrapper {
  display: flex;
  text-align: center;
  margin: 30px 0px 20px 0px;
  position: relative;
}

.johFeedbackCTAItem::before {
  content: '';
  background-image: url(img/thumbsup.svg);
  width: 35px;
  height: 35px;
  position: absolute;
  left: -55px;
  transform: rotate(-15deg);
  top: -5px;
  background-position: center center;
  background-repeat: no-repeat;
}

.johFeedbackGeneral {
  padding: 20px;
  text-align: center;
}

.johFormImageLeft img {
  width: 50px;
  margin-right: 15px;
}


.johCarType img {
  width: 50px;
  margin-right: 15px;
}

.johFormDecision {
  padding: 15px;
  border-radius: 5px;
  text-align: center !important;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 16px;
}

.johFormDecisionIcon {
  margin-right: 20px;
}

.johFormDecisionIcon .dashicons {
  display: inline;
  font-size: 51px;
}

.johFormDecisionText {
    line-height: 1.2;
}

.gform_wrapper input {
  margin-right: 0;
}

.gform_body ul {
  margin-left: 0;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
  padding: 12.992px 24px!important;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
  position: relative;
}

.gform_wrapper form li, .gform_wrapper li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.gform_wrapper input+label {
  padding-left: 10px!important;
}

.johFormDecisionGood {
  border: 2px solid #7cb17c;
  color: #008000;
}

.johFormDecisionNeutral {
  border: 2px solid #999;
}

.johFormNote {
  padding-bottom: 20px;
  text-align: center;
  margin: 0 5%;
  line-height: 1.3;
}

.johFormDecisionIconGood {
}

.johFormDecisionIconGood .dashicons {
  color:green;
}

.johFormDecisionTextGood {
}

.johFormDecisionProblem {
  border: 2px solid orange;
}

.johFormDecisionIconProblem .dashicons {
  color:orange;
}

.johFormDecisionBad {
  border: 2px solid #b17c7c;
}

.johFormContent .button, .gform_wrapper input[type=button].button, .gform_wrapper input[type='submit']:not(.is-form), .johFormContent input[type="submit"], .johFormContent input[type="submit"].button, .johFormContent input[type="reset"].button, .johFormContent input[type="button"].button {
  background-color: var(--blue-bg-color);
}

body .gform_wrapper.gravity-theme .ginput_container_date input {
  width: 100%;
}

.johFormContent input[type="button"].button.gform_button_select_files {
  background-color: #ccc;
  color: #333;
  font-weight: normal;
  text-transform: none;
}

.johFormResult {
  margin-top: -25px!important;
}

.johFormExplanationBelow {
  margin-top: -10px!important;
}

.johFormResult input {
  font-size: 250% !important;
  font-weight: 800;
  text-align: center;
  background-color: transparent;
  border: none;
  color: #008000;
  white-space: nowrap;
  min-height: 70px!important;
}

#BorlabsCookieBox ._brlbs-flex-center {
  flex-direction: column;
}

#BorlabsCookieBox .cookie-logo {
  max-width: 165px;
  padding: 0 8px 15px 0;
}

#BorlabsCookieBox ._brlbs-flex-center p {
  text-align: center;
  padding: 0 10px;
}

.johFormResult input:active, .johFormResult input:focus {
  background-color: transparent;
  box-shadow: none;
  color: var(--red-bg-color);
}

.johFormDecisionIconBad .dashicons {
  color:hsl(0, 100%, 27%);
}

.johFormDecisionTextBad {
}

.johHomepageIntroInner {
  display: flex;
}

#logo {
  background: linear-gradient(#1c315f,var(--blue-bg-color),#3b4e7b);
  padding: 0 20px;
  top: -5px;
  max-height: calc(100% + 20px);
  position: relative;
  box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.3);
}

.logo a {
  color: #fff;
  position: relative;
  top: -17px;
}

.stuck .logo a {
  top: 15px;
}

.stuck #logo {
  height: 80px;
  max-height: 80px;
  width: 130px;
  background: transparent;
  box-shadow: none;
}

body .stuck #logo img {
  height: 55px !important;
}

.johHeaderTextWrapper {
  position: relative;
  width: 100%;
}

.johHeaderTextLeft .johHeader2023Bg {
  background: linear-gradient(90deg, #fffffff0, #ffffffcf, #ffffff1a, transparent);
}

.johHeaderTextRight  .johHeader2023Bg {
  background: linear-gradient(-90deg, #fffffff0, #ffffffcf, #ffffff1a, transparent);
}

.page-template-template-homepage-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
.page-template-template-topicpage-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
.page-template-template-landingpage-without-menu-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
.page-template-template-car-manufacturers-transparent-header-light .johHeaderTextLeft .johHeader2023Bg {
  background: linear-gradient(90deg, #000000f0, #0000008d, #0000001a, transparent);
}

.page-template-template-homepage-transparent-header-light .johHeaderTextRight .johHeader2023Bg,
.page-template-template-topicpage-transparent-header-light .johHeaderTextRight .johHeader2023Bg,
.page-template-template-landingpage-without-menu-transparent-header-light .johHeaderTextRight .johHeader2023Bg,
.page-template-template-car-manufacturers-transparent-header-light .johHeaderTextRight .johHeader2023Bg {
  background: linear-gradient(-90deg, #000000f0, #0000008d, #0000001a, transparent);
}

.johHeaderTextRight .johHeader2023TextWrapperOuter {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

.johHeaderTextLeft .johHeader2023TextWrapperOuter {
  display: flex;
  justify-content: flex-start;
}

.homepageheader2023 .johHeader2023TextWrapper,
.homepageheader2023 .johHeaderIntroText {
  max-width: 500px;
}

.johHeader2023TextWrapper, .johHeaderIntroText {
  max-width: 650px;
}

.johHeader2023TextWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 70px;
}

.johHeader2023Bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.johHeader2023TextWrapper .johClaimButtonWrapper {
  text-align: left;
}

.johHeader2023TextWrapper h1 {
  margin: 0;
  font-size: 250%;
  text-align: left;
  line-height: 1.1;
  margin-top: 5px;
}

.johHeaderTextRight .johHeader2023TextWrapper h1 {
  text-align: right;
}

.page-template-template-homepage-transparent-header-light .johHeader2023TextWrapper h1,
.page-template-template-homepage-transparent-header-light .johHeader2023TextWrapper,
.page-template-template-homepage-transparent-header-light .johHeaderIntroText,
.page-template-template-topicpage-transparent-header-light .johHeader2023TextWrapper h1,
.page-template-template-topicpage-transparent-header-light .johHeader2023TextWrapper,
.page-template-template-topicpage-transparent-header-light .johHeaderIntroText,
.page-template-template-landingpage-without-menu-transparent-header-light .johHeader2023TextWrapper h1,
.page-template-template-landingpage-without-menu-transparent-header-light .johHeader2023TextWrapper,
.page-template-template-landingpage-without-menu-transparent-header-light .johHeaderIntroText,
.page-template-template-car-manufacturers-transparent-header-light .johHeader2023TextWrapper h1,
.page-template-template-car-manufacturers-transparent-header-light .johHeader2023TextWrapper,
.page-template-template-car-manufacturers-transparent-header-light .johHeaderIntroText {
  color: white;
}

html:lang(nl-NL) .page-template-template-homepage-transparent-header .johHeader2023TextWrapper h1,
html:lang(nl-NL) .page-template-template-homepage-transparent-header-light .johHeader2023TextWrapper h1 {
  font-size: 270%;
}

.johHeaderTextRight .johHeaderText {
  right: 0;
}

.johHeaderTextLeft .johHeaderText {
  left: 0;
}

.johHeaderText {
  position: absolute;
  top: 24vw;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  text-align: left;
}

.johHeaderButton{
  top: 45vw;
}

.johHeaderTextLineWrapper {

}

.johHeaderTextLines {
  padding: 14px;
  clear: both;
  font-size: 2.4vw;
  margin-top: 10px;
  display: inline-block;
}

.johHeaderUpperText {
  font-size: 1.6vw;
  margin-bottom: 10px;
  font-weight: 600;
}

.johHeaderTextLine1 {

}

.johHeaderTextLine2 {
}

.header-top {
  border-bottom: 5px solid var(--red-bg-color);
}

#mce-responses .response {
  padding: 10px;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
}

.johPrimaryBGColor {
  background-color: var(--red-bg-color);
}

.johSecondaryBGColor {
  background-color: var(--blue-bg-color)
}

.johClaimLink {
  border: 2px solid var(--red-bg-color);
  border-radius: 5px;
  top: -3px;
  margin-left: 10px !important;
}

a.johFormsOverviewItem {
  color: inherit;
}

.header:not(.transparent) .header-nav.nav > li.johClaimLink a, .header .header-nav.nav > li.johClaimLink a {
  color: white;
  padding: 12px 15px;
}

.johLP01Header {
  padding-bottom: 0;
  height: 44vw;
  background-size: cover;
  background-repeat: no-repeat;
}

.johLP01Intro {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.johLP01 .gf_page_steps {
  display: none;
}

.johLP01 .johHeaderText {
  text-align: right;
}

.johLP01 .johArrowWrapper {
  display: flex;
  justify-content: space-between;
}

.johCarsSelectNew.johCarsSelect li:last-child {
  display: block;
  background: #d3d3d3;
  border-radius: 5px;
  margin-right: 16px!important;
  font-weight: bold;
  opacity: .8;
  text-align: center;
  flex: 100%;
}

.johCarsSelect img {
  max-height: 65px;
  width: auto;
}

.johCarsSelectNew li:last-child input:last-child {
  display: block!important;
  width: 100%!important;
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  opacity: 1!important;
}

.johLP01NumberAbove {

}

.johLP01ArrowText {
  margin-left: 10px;
  padding-right: 0;
  text-align: center;
  margin-top: -10px;
  color: var(--red-bg-color);
  font-size: 120%;
  font-weight: 900;
}

.johLP01Arrow {
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.johLP01ArowLeft {
  background-image: url(img/arrow2left.svg);
  transform: rotate(-90deg);
}

.johLP01ArowRight {
  background-image: url(img/arrow2.svg);
  transform: rotate(90deg);
}

.johLP01IntroForm {
  flex: 0 0 45%;
  position: relative;
  top: -35vw;
}

.johLP01NumberWrapper {
  text-align: center;
}

.johLP01Number {
  font-size: 7vw;
  font-weight: 900;
  color: #1d315f;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.johLP01Bigger {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  font-size: 120%;
  font-weight: bold;
}

.johLP01IntroContent {
  flex: 0 0 55%;
  padding-left: 10%;
}

.johLP01IntroLeftInner {
  padding-top: 50px;
}

.johHeader {
  width: 100%;
  padding-bottom: 50%;
  background-position: top center;
  background-size: cover;
  position: relative;
}

.johHeaderText h1 {
    color: white;
    margin: 0;
    text-align: left;
}

.johHeaderTextRight .johHeaderText h1 {
  text-align: right;
}

.johHeader.header2023 {
  padding-bottom: 620px;
}

.header2023 .johHeaderText {
  top: 220px;
}

.johHeader.flach {
  padding-bottom: 40%;
}

.johHeader.flach-text {
  padding-bottom: 44%;
}

.flach-text .johHeaderText {
  top: 15vw;
}

.flach-text .johIntro {
  margin-top: -25%;
}

.johHeaderIntroText {
  margin-top: 20px;
  line-height: 1.3;
  color: #333;
  font-weight: 200;
  text-transform: none;
  font-size: 110%;
}

.johHeader2021Image {
  width: 100%;
  padding-bottom: 40%;
  background-position: top center;
  background-size: cover;
  position: relative;
}

.johHeader2021Intro {
  display: flex;
}

.johHeader2021IntroIcons {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.johHeader2021ImageIntroRight {

}

.johHeader2021IntroRight {
  order: 2;
  padding: 20px 0 0 calc(5% + 20px);
  flex: 1;
}

.johHeader2021IntroLeft {
  flex: 0 0 43%;
  margin-top: -20%;
}

.johHeader2021IconUsps {
  display: flex;
  border-right: 2px solid rgb(255 255 255 / 44%);
}

.johHeader2021IconUsp {
  flex: 0 0 33.33333%;
  border-left: 2px solid rgb(255 255 255 / 44%);
}

.johHeader2021IconUsp img {

}

.johRatings {
  display: flex;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}

.johRatingProvenExpert {
  margin: 0 calc(10px + 5%);
  text-align: center;
  flex: 0 0 100px;
}

.johRatingProvenExpert img {
  width: 100%;
}

.johRatingItem {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 3px #0000004f;
  border-radius: 5px;
  background-color: white;
  padding: 10px 12px 14px;
  flex: 0 0 calc(45% - 85px);
  justify-content: center;
  text-align: center;
  background: #efefef;
  border: 1px solid #ccc;
}

.johRatingTitel {
  flex: 0 0 100%;
  font-weight: 600;
  letter-spacing: -.01em;
  font-size: 120%;
  margin-bottom: 2px;
}

.johRatingNumber {
  font-weight: 800;
  line-height: 1;
  font-size: 170%;
}

.johTrustSourceRatingTop .johRatingNumber {
  margin-left: 15px;
}

.johRatingStar {
  position: relative;
  width: 140px;
  margin-left: 10px;
  margin-top: -2px;
}

.johHeader2023TextWrapper .johRatingStar {
  width: 90px;
  margin-top: 1px;
}

.johHeader2023TrustText {
  font-size: 15px;
  margin-left: 5px;
}

.johHeader2023TextWrapper .johRatingNumber {
  font-size: 100%;
  margin-left: 0;
  line-height: initial;
}

.johHeader2023KnownFrom {
  background-color: #efefef;
}

.johHeader2023KnownFromInner {
  display: flex;
  align-items: center;
  margin-top: -5px;
  filter: grayscale(.8);
  opacity: .6;
}

.johRatingStar img {
  vertical-align: top;
}

.johRatingStarBackground {
  width: 100%;
}

.johRatingStarRatingWrapper {
  position: absolute;
  width: 100%;
  top: 0;
  overflow: hidden;
  z-index: 3;
}

.johRatingStarRating {
  max-width: none;
}

.johHeaderLandingpage01.johHeader {
  padding-bottom: 42%;
}

.johHeaderLandingpage01 .johHeaderText {
  top: 22vw;
}

.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a {
  color: #111;
}

.header-top {
  z-index: auto;
}

.header-wrapper:not(.stuck) .header-bg-container
{
  display: none;
}

.johIntro {
  flex: 0 0 43%;
  position: relative;
  margin-top: -43px;
}

.header2023 .johIntro,
.homepageheader2023 .johIntro {
  margin-top: 45px;
}

.johHeaderVideo {
  position: relative;
  width: 100%;
}

.johHeaderVideoInner {
  position: absolute;
  right: 0;
  top: 200px;
  z-index: 9;
  width: 450px;
  border: 5px solid white;
  border-radius: 3px;
}

.johHeaderVideoInner video {
  display: block;
}

.johPlayButton {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  opacity: .8;
  transition: all .2s;
  cursor: pointer;
}

.johPlayButton:hover {
  scale: 1.2;
}

#first.disabled {
  display: none;
}

#youtubeContainer {
  display: none;
}

#youtubeContainer.active {
  display: block;
}

.johYoutubeVideo.active {
  display: block;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.johIntroItem {
  position: relative;
}

.johIntroItemForm {
  min-height: 500px;
}

.johIntroItem1 {
  min-height: 0;
  color: white;
  font-size: 130%;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding: 20px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  margin-bottom: 0;
  box-shadow: none;
}

.johIntroTopicsText {

}

.johIntroTopic {
  margin-bottom: 16px;
}


.johIntroTopicImage {
  flex: 0 0 100%;
  padding-top: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.johIntroTopicImageInner {
  background-color: var(--darkgray-bg-color);
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  margin-top: -10px;
  margin-bottom: -10px;
  border: 5px solid white;
}

.johIntroTopicImage img {
  max-width: 150px;
}

.johIntroTopicHeading {
  text-transform: unset;
  flex: 1;
  font-size: 120%;
  padding: 11px;
  font-weight: 800;
  border-bottom: 2px solid var(--primary-color);
  text-align: center;
  background-color: #efefef;
}

.johIntroTopicText {
  padding: 30px;
  text-align: center;
}

.johIntroTopicLink {
  background-color: var(--primary-color);
  color: white;
  padding: 6px 10px 7px;
  font-weight: bold;
}

.johIntroTopicLinkWrapper {
  display: flex;
  justify-content: center;
  margin: 0 10px 30px;
}

.johIntroTopicTextWrapper {
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 0 3px #00000057;
  background-color: white;
}

.johIntroItemImage {
  width: 110px;
  display: inline-block;
  margin-bottom: 40px;
  height: 110px;
  position: absolute;
  border-radius: 50%;
  padding: 18px;
  left: -60px;
  top: 50px;
}

.johIntroItemImageCircle {
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 60px;
  overflow: hidden;
}

.johIntroItemImageCircleInner {
  background-color: #dbdada;
  box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  height: 100px;
  width: 100px;
  position: relative;
  left: 9px;
  top: 6px;
}

.johIntroItemImageImg {
  position: absolute;
  z-index: 9;
  left: 20px;
  top: 20px;
  width: 65px;
}

.johHideSelect ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.johHideSelect li {
  text-align: center;
  width: 25%;
}

.johHideSelect li img {
  width: 100%;
}

.johHideSelect li label {
  font-size: 0 !important;
  border: 2px solid #d3d3d3;
  text-align: center;
  max-width: none !important;
  background: #ececec;
  border-radius: 5px;
  width: calc(100% - 8px) !important;
  margin-right: 8px !important;
}

.johHideSelect input[type="radio"] {
  display:none!important;
}

.johHideSelect :checked + label {
  border: 2px solid #acacac;
  border-radius: 5px;
  background: #fdfdfd;
}

.johIntroItemHeading {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 110%;
  text-align: center;
  background: var(--blue-bg-color);
  color: white;
  padding: 9px 10px 7px;
  position: relative;
  border-bottom: 6px solid var(--red-bg-color);
  margin-bottom: 20px;
  border-radius: 2px;
}

.johIntroItemText {
  margin: 20px 0;
}

.johIntroItemText {
  line-height: 1.2;
  margin: 10px 0 30px;
}

.johServiceSection {
  padding: 20px 0 0 calc(5% + 20px);
}

.johServiceSectionForm {
  flex: 0 0 50%;
}

.johServiceSectionUSPS {
  overflow: hidden;
}

.johFormsOverviewWrapper {

}

.johFormsOverviewInner {
  display: flex;
  justify-content: flex-start;
  margin-top: calc(3% + 30px);
  flex-wrap: wrap;
  width: 104%;
  margin-left: -2%;
}

.johIntroItemContent {
  background-color: #efefef;
}

.johIntroItemContentSelect.johIntroItemContent {
  background-color: transparent;
}

.johFormsOverviewItem {
  min-height: 180px;
  background-color: #efefef;
  border-radius: 5px;
  margin: 0 2% 4%;
  flex: 0 0 29.33333%;
  overflow: hidden;
  position: relative;
}

.johHomepageTopics .johFormsOverviewItem {
  margin: 0 3% 6%;
  flex: 0 0 44%;
}

.johIntroItemContentPadding {
  padding: 25px;
}

.johServiceSectionUSPSItem {
  display: flex;
  margin-bottom: 10px;
}

.johIntroItemTopic {
  margin-bottom: 40px;
  display: flex;
}

.johIntroItemTopicImage {
  height: 120px;
  background-position: center;
  background-size: cover;
  flex: 0 0 120px;
  margin-right: 10px;
}

.johFormsOverviewImage {
  height: 0;
  background-position: center;
  background-size: cover;
  padding-bottom: 60%;
}

.johHomepageTopics .johFormsOverviewImage {
  padding-bottom: 45%;
}

.johHomepateTopicsItems {
  border: 1px solid #efefef;
}

.johHomepateTopicsLink {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--primary-color);
}

.johIntroItemTopicContent {
  padding: 20px;
  background: #efefef;
  flex: 1;
}

.johFormsOverviewContent {
  padding: 10px 30px 30px;
  margin-bottom: 60px;
}

.johBigBrandsContent {
  padding: 5px 25px 30px;
}

.johFormsOverviewHeading {
  text-transform: uppercase;
  font-size: 140%;
  font-weight: 800;
  margin-bottom: 20px;
  text-align: center;
  margin-top: -29px;
}

.johIntroItemTopicHeading {
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 20px;
  text-align: center;
}

.johIntroItemTopicHeadingInner {
  display: inline-block;
  padding: 10px 11px 9px;
  line-height: 1;
}

.johFormsOverviewSeparator {
  border-right: 1px solid #999;
  position: relative;
}

.johFormsOverviewSeparatorText {
  position: absolute;
  top: 50%;
  background: white;
  padding: 30px 0;
  width: 50px;
  text-align: center;
  left: -25px;
  font-weight: bold;
  text-transform: uppercase;
  color:#666;
  margin-top: -35px;
}

.johFormsOverviewHeadingInner {
  display: inline-block;
  padding: 18px 20px 15px;
  background-color: #efefef;
  line-height: 1;
  border-radius: 5px;
}

.johIntroItemTopicText {
  line-height: 1.3;
  color: #111;
  margin-bottom: 20px;
}

.johFormsOverviewText {
  line-height: 1.3;
  color: #111;
  margin-bottom: 30px;
  text-align: center;
}

.johIntroItemTopicFormLink {
}

.johFormsOverviewLink {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 30px;
}

.johIntroItemTopicInfoLink {
  margin-top: -5px;
}

.johIntroItemLearnLink {

}

.johIntroItemClaimLink {

}

.johIntroItemClaimLink, .johIntroItemLearnLink {

}

.johIntroItemTopicInfoLink a {
  font-size: 80%;
  color: #666;
}

.johServiceSectionUSPSItemHeading {
  font-size: 120%;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.johServiceSectionUSPSIcon {
  color: green;
  font-size: 30px;
  margin-top: 5px;
}

.johServiceSectionUSPSIcon .dashicons {
  width: auto;
  height: auto;
  font-size: 50px;
  margin-right: 20px;
  margin-top: -12px;
}

.johServiceSectionUSPSItemText {

}

.johServiceSectionUSPSIcon {

}

.johServiceSectionsUSPSContent {

}

.johSeparator {
  width: 40px;
  position: relative;
  left: 50%;
  margin-left: -20px;
  height: 0;
  border-bottom: 3px solid var(--red-bg-color);
  margin-bottom: 50px;
}

.johContactWrapper {
  color: white;
  background: #333;
}

.johContactCardWrapper {
  width: 340px;
  padding: 20px;
  background-color: #efefef;
  margin: 150px auto 50px;
  position: relative;
  max-width: 96%;
}

.johContactCardInner {

}

.johContactCardImage {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: absolute;
  top: -75px;
  border: 5px solid white;
  left: 50%;
  margin-left: -75px;
}

.johContactCardText {
  margin-top: 70px;
  text-align: center;
}

.johContactCardTopHeading {
  text-transform: uppercase;
  font-size: 80%;
}

.johContactCardName {
  font-size: 140%;
  margin-bottom: 30px;
  font-weight: bold;
}

.johContactCardDetails {
  margin: 0 auto;
  display: inline-block;
}

.johContactCardDetailsItem {
  display: flex;
  margin-bottom: 6px;
  font-weight: bold;
}

.johContactCardDetailsIcon {

}

.johContactCardDetailsData {
  text-align: left;
}

.johContactCardDetailsIcon .dashicons {
  font-size: 150%;
  margin-right: 20px;
}

.gfield_chainedselect.vertical select {
  width: 100% !important;
}

#johManufacturers {
  width: 102%;
  margin-left: -1%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-top: 10px;
}

.johTOCWrapper {
  background: #efefef;
  border-radius: 5px;
}

.johTOCWrapper h2 {
font-size: 120%;
text-align: left;
}

.johManufacturer {
  list-style: none;
  width: 23%;
  margin: 1%;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #efefef;
  text-align: center;
  cursor: pointer;
  padding: 25px;
}

.johManufacturer.johManufacturerSelected {
  background-color: white;
  border-color: #999;
}

.johManufacturer img {
  width: 100%;
}

#input_1_9_1 {
  display:none;
}

.johContactInner {
  margin-bottom: 46px;
  padding-top: 1px;
  overflow: hidden;
  width: 100%;
}

body .transparent #logo img, body #logo img {
  max-height: 100px;
}

.johManufacturersListItemLogo {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.johManufacturersListItemLogo img {
  max-width: 75px;
  height: 100%;
  }

.johHomepageHowtoWrapper .johSubheading {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.johSubheading {
  text-align: center;
  margin-top: -25px;
  font-size: 120%;
  margin-bottom: 20px;
  line-height: 1.3;
}

.johContactContent {
  padding-top: 30px;
  display: flex;
  align-items: center;
}

.johContactContent2021 {

}

.johContact2021Image {
  position: absolute;
  left: 50%;
  width: 120px;
  margin-left: -60px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 0;
}

.johContactContent2021Inner {
  flex: 0 0 33.33333%;
  position: relative;
}

.johPhoneNote {
  font-size: 15px;
  font-weight: normal;
}

.johContactContent2021 {
  padding-top: 30px;
  display: flex;
  align-items: flex-start;
}

.johContactContent2021Trust {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.johContactContent2021TrustStars {
  margin-top: 20px;
}

.johContactContentNew {
  display: flex;
  justify-content: space-between;
}

.johContactContentNew .johContactContent {
  flex: 0 0 48%;
  padding-top: 0;
  display: block;
  border: 2px solid #5a5a5a;
  border-radius: 10px;
  padding: 20px;
}

.johContactContentNew .johContactItem {
  padding: 0;
}

.johContactContentInner {
  display: flex;
}

.johContactForWrapper {
  display: flex;
  justify-content: center;
  position: relative;
}

.johContactContent2021 .johContactForWrapper {
  padding-top: 100px;
}

.johContactFor {
  color: white;
  text-align: center;
  margin: 0 30px 25px;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  font-weight: bold;
}

.johContactForErstkontakt {
  background-color: var(--red-bg-color);
}

.johContactForBestand {
  background-color: var(--blue-bg-color);
}

.johContactRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px 0;
}

.johContactLeft {
  flex: 0 0 35%;
  margin-right: 5%;
}

.johContactCenter {
  flex: 0 0 20%;
}

.johContactRight {
  flex: 0 0 35%;
  margin-left: 5%;
}

.johContactItem {
  padding: 0 20px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  flex: 1;
}

.johContactKontaktH3 {

}

.johKraftstoffart.johDecision ul,
.johKraftstoffart.johDecision .gfield_radio,
.johKraftstoffart.johTeslaModelle .gfield_radio {
  flex-wrap: wrap;
}

.johKraftstoffart.johTeslaModelle .gchoice {
  flex: 0 0 calc(50% - 5px);
  margin-right: 10px;
  margin-bottom: 10px;
}

.johKraftstoffart.johTeslaModelle .gchoice:nth-child(2n + 2) {
  margin-right: 0!important;
}

.johKraftstoffart.johDecision li,
.johKraftstoffart.johDecision .gchoice {
  flex: 100%;
  margin-bottom: 10px;
  margin-right: 0!important;
}

.johContactImg {
  text-align: center;
}

.johContactIcon {
  flex: 0 0 30px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.johContactText {
  flex: 0 0 calc(100% - 60px);
  color: white;
}

.johContactContentNew .johContactIcon {
  margin-bottom: 0;
  margin-right: 20px;
}

.johContactContentNew .johContactImg {
  max-width: 150px;
}

.johContactContentNew .johContactIcon {
  width: 35px;
}

.johContactContentNew .johContactImg img {
  max-width: 100%;
}

.johContactContentNew .johContactCenter {
  flex: 1 1 140px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  max-width: 33%;
  justify-content: center;
}

.johContactContentNew .johContactContent:nth-child(2) .johContactCenter {
  order: -1;
  margin-left: 0;
  margin-right: 20px;
}

.johLegalSection {
  background-color: var(--blue-bg-color)!important;
  padding: 20px 0;
  border-top: 4px solid var(--red-bg-color);
  color: white;
}

.cookies-not-set .johLegalSection {
  padding: 20px 0 70px;
}

.gform_wrapper .gform_page_footer .button.gform_previous_button {
  background: transparent;
  color: #777;
  border: 1px solid;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select, .gform_wrapper ul.gform_fields li.gfield select {
  margin-left: 0;
  margin-bottom: 25px;
}

.johLegalSectionInner {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

a.johLegalLink {
  color: inherit;
  margin-left: 30px;
}

.johContactImg img {
  border-radius: 50%;
  max-width: 160px;
  border: 2px solid;
}

.johServiceSectionUSPSItemText p {
  margin-bottom: 15px;
}

.johContactEmail {

}

.johContactDataText {
  margin-top: 5px;
  color: white;
  font-weight: bold;
}

.johContactInfoText {
  font-weight: bold;
}

.johContactPhone a {
  color: white;
}

.johHomepageAboutWrapper {

}

.johHomepageAboutLeft {
  font-size: 6.5vw;
  font-weight: 800;
  flex: 0 0 45%;
  line-height: .9;
  text-align: right;
  letter-spacing: -4px;
  color: black;
  margin-left: 5%;
  padding-right: 5%;
}

.johHomepageAboutRight {
  flex: 0 0 50%;
  padding-left: 5%;
  border-left: 4px solid var(--red-bg-color);
}

.johHomepageAboutInner {
  display: flex;
  align-items: center;
}

.johHomepageNewsWrapper {
  overflow: hidden;
}

.johHomepageNewsItem {
  border-radius: 5px;
  border: 1px solid #bbb;
  flex: 0 0 360px;
  margin: 30px;
}

.johNewsArchiveItemsWrapper .johHomepageNewsItem {
  flex: 0 0 calc(33.3333333% - 60px);
}

a.johHomepageNewsItem {
  color: inherit;
  position: relative;
}

.johColumnsCentered {
  justify-content: center;
}

.johColumnsCentered .johColumnLeft {
  position: relative;
  overflow: hidden;
  flex: 0 0 100%;
}

.johColumnsCentered h2 {
  text-transform: none;
}

.johColumnNews h1 {
  word-break: break-word;
}

.wp-caption {
  display: inline;
}

.wp-caption .wp-caption-text {
  background: transparent;
  font-style: italic;
  text-align: left;
  padding: 10px 0;
  color:#666;
}


.johTooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;
  width: 10px;
  text-align: center;
  margin-left: 5px;
}

.johTooltip .johTooltiptext {
  visibility: hidden;
  min-width: 150px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
  text-align: center;
}

.johTooltip .johTtooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.johTooltip:hover .johTooltiptext {
  visibility: visible;
  opacity: 1;
}

#popup {
  position: fixed;
  width: 100%;
  visibility: hidden;
  z-index: 10002;
  top: 0;
  opacity: 0;
  transform: scale(0.5);
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  position: relative;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  width: 60%;
  background: #862a5c;
  padding-bottom: 100px;
  padding-top: 50px;
  color: #fff;
  font-size: 2rem;
}

.johJetztBerechnen {
  color: var(--red-bg-color);
  font-weight: 800;
  width: 200px;
  float: left;
  margin: 20px 0px;
  text-align: right;
  position: relative;
  font-size: 100%;
  left: 15%;
}

.johFormHint {
  padding: 10px;
  border: 1px solid #a7a7a7;
  border-radius: 3px;
  font-size: 15px;
}

.johHomepageCasesIntro {
  padding-right: 100px;
  font-size: 95%;
}

.joh100, .joh100 input {
  width: 100%!important;
}

.johFinField {

}

.johFinField::after {
  content: url('img/fin.jpg');
}

.johHorizontalRadio li {

}

.johJetztBerechnen::before {
  content: "";
  background-image: url('img/entschaedigung-berechnen.svg');
  width: 60px;
  height: 100px;
  position: absolute;
  right: -70px;
  background-size: cover;
  top: -5px;
  background-position: -40px;
}

.johHomepageNewsItemInner {
}

.johGeneralFormWrapper {
  margin-top: 80px;
  max-width: 600px;
  margin: 80px auto;
}

.johHomepageNewsItemHeading {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  font-size: 115%;
  padding: 15px 40px 20px;
  border-radius: 5px 5px 0 0;
  min-height: 100px;
  background: #efefef;
  border-bottom: 1px solid #ccc;
}

.slick-track {
  display: flex;
}

.johHomepageNewsItems a {
  color: inherit;
  height: auto;
  display: flex !important;
}

.johNewsWrapper {
  padding-bottom: 80px;
}

.johButton {
  border: 1px solid #dfdfdf;
  background: #efefef;
}

body .noUi-connect {
  background: white!important;
}

.min-val-relation, .max-val-relation {
  font-size: 13px;
}

.slider-display {
  margin-top: 2em!important;
  margin-bottom: 2em;
}

.johOhneRechtsschutz {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 2px solid #ccc;
  border-radius: 5px;
}

.johContactEmail a {
  color: inherit;
}

.johUploadNote {
  font-size: 85%;
  line-height: 1.2;
  margin-top: 30px;
  text-align: left;
  border-bottom: 2px solid #ccc;
  padding-top: 0;
  padding-bottom: 40px;
}

.johUploadFiles {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
}

.johFormIntro {
  display: flex;
  margin-top: 40px;
  padding: 15px 5px 30px;
  color: #333;
  align-items: center;
  margin-bottom: 10px;
}

.johFormIntroLeft {
  flex: 0 0 60%;
}

.johFormIntroRight {
  flex: 0 0 35%;
  margin-left: 5%;
}

.johFormIntroRight img {

}

.johFormIntroText {
  font-weight: bold;
  line-height: 1.2;
}

.johBrandName {
  position: absolute;
  bottom: 7px;
  padding: 5px 5px 3px;
  border-radius: 3px 3px 0 0;
  color: #222;
  font-size: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  border-top: 1px solid #b9b9b9;
}



.gchoice_5_95_14,
.gchoice_5_95_15,
.gchoice_5_95_16,
.gchoice_5_95_17,
.gchoice_5_95_18,
.gchoice_5_95_19,
.gchoice_5_95_20,
.gchoice_5_95_22 {
  display: none;
}

.johOhneRechtsschutzImage {
  padding-right: 20px;
  flex: 0 0 33%;
}

.johOhneRechtsschutzText {
  font-size: 90%;
  line-height: 1.2;
}

.johExportDatePicker {
  margin-bottom: 30px;
}

body .gform_wrapper .johKraftstoffart ul,
body .gform_wrapper .johKraftstoffart .gfield_radio {
  display: flex;
  justify-content: space-between;
}

body .gform_wrapper.gravity-theme .gfield_checkbox label {
  margin-bottom: 8px;
}

.gchoice label {
  cursor: pointer;
}

body .gform_wrapper .johCarsSelect ul {
  display: flex;
  flex-wrap: wrap;
}

.johCarsSelect li {
  flex: 0 0 calc(20% - 11px);
  margin-bottom: 10px!important;
  margin-right: 10px!important;
}

body .johKraftstoffart li,
body .johKraftstoffart .gchoice,
body .gform_legacy_markup_wrapper .johKraftstoffart .gfield_radio .gchoice {
  flex: 1;
  margin-right: 10px;
}

.johKraftstoffart li:last-child, .johKraftstoffart .gchoice:last-child {
  margin-right: 0!important;
}

.gform_wrapper .top_label li.johKraftstoffart ul.gfield_radio {
  width: 100%;
}

body .gform_wrapper .johCarsSelect .gfield_radio li label,
body .gform_wrapper .johKraftstoffart .gfield_radio li label,
body .gform_wrapper .johKraftstoffart .gfield_checkbox label,
body .gform_wrapper .johKraftstoffart .gfield_radio label,
.johCarsSelectNew li:last-child input:last-child {
  background: #d3d3d3;
  border-radius: 5px;
  width: 100%;
  max-width: 100%;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 95%;
  border: 1px solid #ccc;
  padding: 10px !important;
  text-align: center;
  height: 100%;
  cursor: pointer;
  font-weight: normal;
}

body .johKraftstoffart .gfield_checkbox > div {
  margin-bottom: 10px;
  margin-right: 0;
}

.page-template-template-topicpage-transparent-header-light h2,
.page-template-template-topicpage-transparent-header h2,
.page-template-template-car-manufacturers-transparent-header h2,
.page-template-template-car-manufacturers-transparent-header-light h2,
.page-template-template-page-default h2 {
  text-transform: none;
}

body .gform_wrapper .johCarsSelect .gfield_radio li label {
  padding: 7px 10px 37px !important;
}

.gform_wrapper .johCarsSelect ul.gfield_radio li input[type=radio]:checked+label,
.gform_wrapper .johKraftstoffart .gfield_checkbox input[type=checkbox]:checked+label,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label,
.gform_wrapper .johCarsSelect ul.gfield_radio li input[type=radio]:checked+input[type=text],
.gform_wrapper .johKraftstoffart .gfield_radio input[type=radio]:checked+label {
  opacity: 1!important;
  background: white;
  box-shadow: 0 0 3px inset #ccc;
  font-weight: bold;
  color: black;
}

.gform_wrapper .johCarsSelect ul.gfield_radio li input[type=radio]:checked+label:before, .gform_wrapper .johCarsSelect ul.gfield_radio li input[type=radio]:checked+input[type=text]:before, .gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label:before {
  content: "\f147";
  position: absolute;
  right: -1px;
  bottom: -5px;
  font-family: dashicons;
  color: #39801d;
  font-size: 35px;
}

.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_7_2_1:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_7_4_1:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_10_1_1:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_7_38_0:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_7_34_0:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_7_35_1:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_16_4_1:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_16_38_0:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_16_2_1:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_16_34_0:before,
.gform_wrapper .johKraftstoffart ul.gfield_radio li input[type=radio]:checked+label#label_16_35_1:before
{
  content: "\f158";
  color: darkred;
}

.johCarsSelect li input,
.johKraftstoffart li input,
.johKraftstoffart input {
  display: none!important;
}

.noUi-tooltip {
  padding: 1px 5px 2px!important;
  font-size: 17px;
}

.noUi-horizontal .noUi-tooltip {
  left: 15px!important;
  width: auto;
  top: -33px!important;
  background: #61142b;
  color: white;
  font-weight: bold;
}

.johButton a {
  color: inherit;
  padding: 15px 20px;
  display: inline-block;
}

main ol, main ul {
  margin-top: 0;
  margin-left: 25px;
}

main .panel ul {
  margin-left: 0;
}

main .johTOCWrapper ol, main .johTOCWrapper ul {
  margin-top: 0;
  margin-left: 0;
}

li {
  margin-bottom: 0;
}

#johAccordionList li {
  list-style: none;
}

.johAnbieterHeading {
  font-weight: bold;
}

.johMoreButton {
  position: absolute;
  left: 50%;
  width: 190px;
  margin-left: -95px;
  bottom: 25px;
  color: inherit;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 3;
  border: 1px solid #dfdfdf;
  background: #efefef;
}

.johButton:hover {
  box-shadow: inset 0 0 0 100px rgba(0,0,0,0.1);
}

.johButtonWrapper {
  text-align: center;
  left: 0;
  height: 80px;
}

.johHomepageNewsItemDate {
  background: var(--blue-bg-color);
  color: white;
  padding: 10px;
  position: absolute;
  line-height: 1;
  left: -30px;
  top: 15px;
  border: 3px solid white;
  z-index: 5;
}

.johNewsItemOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: linear-gradient(0deg, rgb(6 12 29 / 85%), rgb(28 47 84 / 0.59), rgb(37 52 82 / 79%));
}

.johNewsItemLogo {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.johNewsItemLogo img {
  width: 130px;
  max-width: 80%;
}

.johHomepageNewsItemContentImg > img {
  width: 100%;
}

.johNewsItemHeading {
  position: relative;
  bottom: 0;
  padding: 0px 25px;
  color: white;
  font-size: 125%;
  line-height: 1.8;
  font-weight: 600;
  text-align: center;
  align-items: flex-end;
  top: -47px;
  margin-bottom: -40px;
}

.johNewsItemHeading span {
  display: inline;
  background: var(--red-bg-color);
  padding: 5px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: -9px 0 0 var(--red-bg-color), 9px 0 0 var(--red-bg-color);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.johHomepageNewsItemTextWrapper {
  padding-top: 25px;
}

.johHomepageNewsItemDateDay {
  font-size: 20px;
  font-weight: 800;
}

.johHomepageNewsItemDateMonth {

}

.johHomepageNewsItemContent {
  padding: 20px 25px 10px;
  line-height: 1.3;
}

.johKnownPre {
  font-weight: 800;
  font-size: 120%;
  text-transform: uppercase;
  flex: 0 0 160px;
}

.johKnownWrapper {
  display: flex;
  align-items: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.johKnownLogos {
  display: flex;
  align-items: center;
}

.johKnownLogo {
  flex: 1;
  margin: 20px;
  text-align: center;
}

.johHomepageNewsItems .slick-list {
  overflow: visible;
  padding-left: 35px;
}

.johSlickIconRight {
  margin-left: 10px;
}

.johSlickIconLeft {
  margin-left: -60px;
}

.johSlickIcon {
  position: absolute;
  bottom: -70px;
  left: 50%;
  background: var(--blue-bg-color);
  color: white;
  height: 50px;
  width: 50px;
  line-height: 50px;
  cursor: pointer;
}

.johNoMargin {
  margin: 0!important
}

.johSlickIcon:hover {
  box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

.johHomepageCasesWrapper {

}

.johHomepageCasesItems {
  display: flex;
  width: 100%;
  margin-left: 0;
  justify-content: space-between;
  align-items: center;
}

.johSingleCaseItem .johHomepageCasesItem {
  flex: 0 0 100%;
  max-width: 500px;
  display: inline-block;
}

.johHomepageCasesItem {
  flex: 0 0 calc(33.3333% - 60px);
  margin: 0 30px;
  color: inherit;
  position: relative;
  display: flex;
}

.johHomepageCasesItems a {
  color: inherit;
  flex: 0 0 750px;
}

.johHomepageCasesItemImage {
  position: relative;
  flex: 0 0 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 70%;
  background-color: #efefef;
  border-radius: 3px 3px 0 0;
}

.johHomepageCasesItemImage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: center;
}

.johHomepageCasesItemName {
  text-align: center;
  color: var(--red-bg-color);
}

.johHomepageCasesItemTitel {
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 10px;
  padding: 0 25px;
}

.johHomepageCasesItemText {
  font-size: 95%;
  line-height: 1.3;
  margin-top: 20px;
}

.johHomepageCasesItemContent {
  padding: 25px 0 25px;
  border-radius: 5px;
  position: relative;
}

.johHomepageCasesFacts {
  position: absolute;
  left: -10px;
  bottom: 15px;
  z-index: 5;
}

.johHomepageCasesInfo {
  color: white;
  padding: 2px 10px 3px;
}

.johHomepageCasesValue {
  background-color: var(--blue-bg-color);
  font-size: 140%;
  float: left;
}

.johHomepageCasesType {
  background: var(--red-bg-color);
  font-weight: 800;
  float: left;
  clear: both;
}

.johHowtoInner {
  display: flex;
  margin-top: 50px;
  margin-bottom: 20px;
  overflow: hidden;
}

.johHowtoItem {
  flex: 1;
  position: relative;
}

.johHowtoArrow {
  position: relative;
}

.johHowtoArrow::before {
  content: "";
  display: inline-block;
  background-image: url(img/entschaedigung-pfeil.svg);
  width: 100px;
  height: 100px;
  background-size: contain;
  margin-left: -100px;
  background-repeat: no-repeat;
  transform: scaleY(-1);
  position: absolute;
  left: -25px;
}

html:lang(nl-NL) .johHowtoArrow::before {
  left: -60px;
}

.johHowtoItemNr {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--red-bg-color);
  color: white;
  text-align: center;
  line-height: 47px;
  font-weight: bold;
  font-size: 24px;
  left: 10%;
  top: 25px;
}

.johHowtoItemImage {
  text-align: center;
}

.johHowtoItemImage img {
  width: 100px;
}

.johHowtoItemText {
  text-align: center;
  font-size: 105%;
  font-weight: bold;
  line-height: 1.3;
  padding: 30px 40px;
}

.johHomepageIntroInnerLeft {
  flex: 0 0 43%;
  max-width: 100%;
}

.johHomepageIntroInnerLeft.flach {
  margin-top: -15%;
}

.johHomepageIntroInnerRight {
  overflow: hidden;
}

.johClaimButtonWrapper {
  margin-top: 40px;
  width: 100%;
  text-align: center;
}

.johClaimButtonRight.johClaimButtonWrapper {
  text-align: right;
}

.johClaimButtonLeft.johClaimButtonWrapper {
  text-align: left;
}

.johImageCTAWrapper .johClaimButtonWrapper {
  margin-top: 60px;
}

.johClaimButton {
  margin-right: 0;
  line-height: 1;
  min-height: 0;
  padding: 0;
}

.johClaimButton a, .johClaimButton .johA {
  color: white!important;
}

.johClaimButton.is-outline .johA {
  color: inherit!important;
}

.johClaimButton a, .johClaimButton .johA, .johSecondaryButton a {
  line-height: 1.2em;
  padding: 15px 30px;
  display: inline-block;
}

.johSecondaryButton {
  border: 2px solid var(--blue-bg-color);
  color: var(--blue-bg-color);
  text-transform: uppercase;
  font-weight: bold;
  background-color: transparent;
}

.johSecondaryButton.button {
  margin-right: 0;
}

.johSecondaryButtonWrapper.johClaimButtonWrapper {
  text-align: left;
}

.johSecondaryButton:hover {
  color: #333;
}

.johContentHeadingInner {
  max-width: 720px;
  margin: 0 auto;
}

.johContentItemMedia.johContentItemMediarechts {
  order: 4;
  margin-right: 0;
  margin-left: 80px;
}

.johContentItem {
  display: flex;
  flex-wrap: wrap;
}

.johContentItemMedia {
  flex: 1;
  margin-right: 80px;
}

.johContentItemMedia img {
  width: 100%;
}

.johContentItemContent {
  flex: 1;
}

h2.johContentHeading {
  text-align: center;
  margin: 0 0 50px;
  flex: 0 0 100%;
}

.johContactInner h2, .johContactInner .h2  {
  color: white;
}

.johContentButtons {
  text-align: center;
  padding-top: 30px;
}

.johContentButton {
  width: 225px;
  margin: 5px 10px;
}

.johContentButtonInfo {
  background-color: var(--blue-bg-color);
}

.johContentItem:nth-child(even) {

}

.johContentItem:nth-child(2n) .johContentItemMedia {
  order: 2;
  margin-right: 0;
  margin-left: 80px;
}

.johContentItem:nth-child(even) .johContentItemContent {

}

.johColumnLeft {
  position: relative;
}

.johColumnRight {

}

.johColumnsWrapper {
  display: flex;
  flex-wrap: wrap;
}

.johArchiveItemsWrapper {

}

.johArchiveJobs h2 {
  text-transform: none;
  font-size: 130%;
  margin-top: 0;
  margin-bottom: 40px;
  color: inherit;
}

.johArchiveJobsSubheading {
  text-align: center;
  max-width: 600px;
  margin: -10px auto 50px;
}

.johArchiveJobs {
  max-width: 700px;
  margin: 0 auto;
}

.johSingleJobsStandort {
  font-weight: bold;
}

.johComparsionWrapper {
  display: flex;
  margin: 80px -2% 90px;
  align-items: flex-start;
}

.johComparisonButton {
  margin: 20px 0;
}

.johComparisonItem.johProminentja {
  margin-top: -1%;
  position: relative;
  transform: scale(1.17);
}

.johComparisonItem {
  flex: 0 0 29.33333%;
  margin: 0 2%;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 3px #00000069;
}

.johComparisonItem.johProminentja .johComparisonTitel {
  background-color: var(--blue-bg-color);
  color: white;
}

.johComparisonTitel {
  font-weight: 900;
  text-align: center;
  padding: 15px;
  font-size: 120%;
  line-height: 1.2;
  border-bottom: 3px solid var(--red-bg-color);
  background-color: #d8d8d8;
}

.johComparisonBody {

}

.johComparisonRow {
  display: flex;
  padding: 18px 18px;
  border-bottom: 1px solid lightgrey;
}

.johComparisonRowIcon {
  flex: 0 0 25px;
  margin-right: 15px;
}

.johComparisonRowText {
  font-weight: 900;
}

.johArchiveJobsStandort {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 6px;
}

.johJobLinkBack {
  margin: -20px 0 40px;
  text-align: center;
  display: block;
}

.johJobLinkBack .dashicons {
  line-height: 1.2;
}

.johPdfWrapper {
  background-color: #efefef;
  display: flex;
  margin-top: 50px;
}

.johPdfIcon {
  background-color: var(--blue-bg-color);
}

.johPdfIcon, .johPdfText {
  padding: 10px;
}

.johPdfText {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
}

.johPdfIcon .dashicons {
  color: white;
  font-size: 30px;
  height: auto;
  width: auto;
}

.johNewsArchiveItemsWrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 60px);
  margin-left: -30px;
}

#johColumnsContent {
  font-size: 92%;
  overflow: hidden;
}

#johTOCList ul {
  padding: 0 30px;
}

#johTOCList li {
  list-style: none;
  font-weight: bold;
  display: flex;
  position: relative;
  padding-right: 60px;
  margin-bottom: 10px;
  line-height: 1.2;
  align-items: center;
}

#johTOCList li a {
  color: inherit;
  padding-left: 35px;
  display: inline-block;
  font-weight: normal;
}

#johTOCList .dashicons {
  position: absolute;
  line-height: 1.3;
  right: 0;
}

.johTOCNumber {
  border: 1px solid;
  border-radius: 10px;
  flex: 0 0 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #444;
  font-weight: normal;
}

.johArrowWrapper {
  position: relative;
  margin-top: 70px;
}

.johArrowArrow {
  width: 100px;
  margin-left: 20px;
  position: absolute;
  top: -50px;
}

.johRightItemHeading {
  font-size: 120%;
  margin-bottom: 25px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}

.johTOCWrapper .johRightItemHeading {
  font-size: 120%;
  margin-bottom: 25px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--blue-bg-color);
  color: white;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  border-bottom: 5px solid var(--red-bg-color);
}

.johHorizontalForm {
  border-radius: 5px;
  padding: 30px;
}

body .gform_wrapper.gf_browser_chrome select {
  padding: 2px 0 2px 10px;
}

.johHorizontalForm .gform_wrapper {
  margin: 30px 0 0;
}

.johHorizontalForm li {
  margin: 0!important;
  flex: 0 0 23%!important;
}

.johHorizontalForm ul {
  display: flex!important;
  justify-content: space-around;
  flex-wrap: wrap;
}

.johArrowText {
  color:var(--red-bg-color);
  font-weight: 800;
  margin-left: 130px;
  padding-right: 50px;
  font-size: 110%;
}

.johSingleCaseItem {
  display: flex;
  width: 100%;
  margin-left: 0;
  justify-content: center;
}

.johSingleCaseItem .johHomepageCasesItemInner {
  border-radius: 5px;
}

.johShortcuts {
  border-radius: 3px;
  position: absolute;
  right: calc(-17% - 350px);
  bottom: 20px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}

.johBacktoToc {
  background:#efefef;
  text-align: center;
}

.johBacktoToc a {
  color: #8c8c8c;
  width: 180px;
}

.johCalculatorText {

}

.johClaimNow {
  background: #efefef;
  margin-top: -20px;
  padding: 20px 0 15px;
  text-align: center;
}

.johClaimNowText {
  font-size: 120%;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
}

.johClaimNow .button {
  margin-left: 1em;
  white-space: nowrap;
  width: auto;
}

.johUptoCheck {
  background-color: var(--red-bg-color);
}

.johUptoCheck a {
  color: white;
}

.johBacktoToc a, .johUptoCheck a {
  padding: 9px 12px 10px;
  font-size: 90%;
  display: inline-block;
  line-height: 1;
}

.johLightBoxShadow, .johSingleCaseItem .johHomepageCasesItemInner {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border: 1px solid #cacaca;
}

.johSingleCaseItem a {
  color: inherit;
}

.johColumnsWrapper50_50 .johColumnLeft {
  flex: 0 0 45%;
  margin-right: 5%;
}

.johColumnsWrapper50_50 .johColumnRight {
  margin-left: 5%;
  flex: 0 0 45%;
}

.johColumnsWrapper60_40 .johColumnLeft {
  flex: 0 0 52%;
  margin-right: 3%;
}

.johColumnsWrapper60_40 .johColumnRight {
  margin-left: 6%;
  flex: 0 0 39%;
}

.johColumnLeft h2,
.johColumnRight h2,
.johColumnsWrapper100 .johColumnsWrapper50_50 .johColumnLeft h2 {
  margin-top: 0;
  text-align: left;
}

.johColumnsWrapper100 .johColumnLeft h2 {
  text-align: center;
}

.johRightSideForm {

}

.johFormWrapper {

}

.johFormFaqWrapper {
  max-width: 800px;
  margin: 0 auto;
}

.johMiniFaqItem {
  font-size: 16px;
}

.johFormHeading {

}

.johFormContent {
  display: flex;
  position: relative;
}

.johFormForm {
  flex: 0 0 47%;
  padding: 20px 35px;
  background: #efefef;
  margin-right: 3%;
}

.johFormInfo {
  padding: 0 35px 35px;
  overflow: hidden;
}

.johFormBadges {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.johFormSiegel {
  flex: 0 0 100%;
  justify-content: center;
  display: flex;
}

.johFormKnownFrom {
  flex: 0 0 60%;
  display: flex;
  padding-left: 30px;
}

.johFormKnownFromWrapper {
  text-align: center;
}

.johFormKnownFromWrapper .johKnownPre {
  margin-bottom: 10px;
}

.johFormKnownFromLogos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.johFormKnownFromLogo img {
  max-height: 20px;
  width: auto;
}

.johFormKnownFromLogo {
  flex: 0 0 45%;
  margin: 16px 0;
}

.johFormBreadcrumb {
  height: 20px;
}

.johFormForm .gf_page_steps {
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  border-bottom: none !important;
  padding: 0 30px !important;
  display: flex;
  justify-content: center;
  display: none;
}

.gform_wrapper .gf_step span.gf_step_number {
  font-family: inherit!important;
  border-radius: 50%;
  border: 2px solid var(--blue-bg-color);
  width: 30px;
  text-align: center;
  height: 30px;
  background-color:var(--blue-bg-color);
  color:white;
  font-weight: bold;
}

body .gform_wrapper .gform_page_footer {
  border-top: none;
  text-align: center;
  width: 100%;
}

.johConsent .ginput_container {
  line-height: 1.2;
  display: flex;
  align-items: flex-start;
}

.johConsent input[type="checkbox"] {
  margin: 8px 10px 0 0;
  flex: 0 0 20px;
}

.johIntroOuter {
  position: relative;
}

.johStorerWrapper {
  position: absolute;
  right: 0;
  background: var(--red-bg-color);
  width: 100%;
  padding: 4px 0;
  text-align: center;
  font-weight: 800;
  text-transform: unset;
  color: white;
}

.johStorerWrapper p {
  margin-bottom: 0;
  font-size: 14px;
  padding-left: 30px;
}

input:hover, textarea:hover, select:hover {
  box-shadow: none;
}

input[type="email"], input[type="date"], input[type="search"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
  box-shadow: none;
}

.button, button, input, textarea, select, fieldset {
  margin-bottom: 8px;
}

input[type="radio"] {
  margin-bottom: 2px;
}

.johFloatingCTA {
  position: fixed;
  bottom: -50px;
  left: 50%;
  margin-left: -120px;
  text-align: center;
  background-color: var(--red-bg-color);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
  font-size: 90%;
  z-index: 99;
  transition: all .5s;
}

.johFloatingCTA:hover {
  -webkit-box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%);
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%);
}

a.johFloatingCTAInner {
  color: white;
  width: 240px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-wrapper {
  margin-top: calc(5% + 20px);
}

.johFormExtraText {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  text-transform: uppercase;
}

.joh4of5Field {
  display: block;
  width: 80%;
  float: left;
  clear: none!important;
}

.joh1of5Field {
  display: block;
  width: 20%;
  float: left;
}

.johConsent {
  padding-bottom: 20px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  width: auto!important;
}

.johFieldPaddingRight {
  padding-right: 15px !important;
}

.gform_wrapper h2, .johFormInfo h2 {
  margin-top: 0;
  font-size: 130%;
  margin-bottom: 30px;
}

body .gform_legacy_markup_wrapper .gfield_label,
body .gform_wrapper.gravity-theme .gfield_label {
  margin-bottom: 0;
  padding-bottom: 5px;
  text-transform: none;
  border-bottom: none;
  font-size: inherit!important;
}

body .gform_wrapper.gravity-theme .gfield_label {
  margin-bottom: 8px;
}

.gform_wrapper .description_above .gfield_description, .gfield_description {
  padding: 0 0 5px 0;
  margin-top: -5px;
}

.johUSPSSmall {
  margin-left: 20px;
}

.johGFCalendar input {
  width: 100%!important;
}

select.ui-datepicker-year {
  margin: 0;
}

body .gform_wrapper table.gfield_list tr td.gfield_list_icons {
  width: 80px!important;
}

.gfield_list_icons a {
  padding-left: 18px;
}

.johUSPSSmallItem {
  display: flex;
  align-items: center;
}

.gfield_list th {
  text-transform: none;
  padding-top: 0!important;
  padding-bottom: 0!important;
  font-weight: normal!important;
}

.johUSPSSmallText {
  font-weight: bold;
  margin-bottom: 20px;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0!important;
}

.gform_ajax_spinner {
  position: absolute!important;
}

body .gform_wrapper li.gf_list_inline ul.gfield_radio li {
  margin: 0 35px 10px 0;
}

body .gform_wrapper .gfield_radio li label {
  margin: 0px 0 0 0px;
  font-weight: normal;
}

body .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

body .gform_wrapper ul li.gfield {
  margin-bottom: 0;
}

form {
  margin-bottom: 0;
}

.gform_wrapper .gform_footer {
  text-align: center;
  justify-content: center;
}

.gform_wrapper .gfield .gfield_validation_message {
  border: none;
  background-color: transparent;
  margin-top: 10px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
  margin: 0!important;
}

body .gform_legacy_markup_wrapper .gform_footer, .gform_wrapper .gform_footer, body .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper .gform_page_footer, body .gform_wrapper.gravity-theme .gform_page_footer {
  padding: 0;
  margin-top: 40px;
  margin-bottom: 10px;
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: none!important
}


/********
Gravity Forms








.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
  margin-bottom: 2px;
}

.gform_wrapper .gf_page_steps {
  border-bottom: none;
}

*********/



@media only screen and (min-width: 1800px) {

  .johHeader.homepageheader2023 {
    padding-bottom: 0;
    background-position: 0 20%;
    height: 800px;
    background-size: 1800px;
  }

  .johHeader {
    padding-bottom: 0;
    background-position: 0 20%;
    height: 900px;
  }

  .johHeader.header2023 {
    height: 700px;
  }

  .johHeaderVideoInner {
    top: 240px;
  }

  .johHeaderText {
    top: 400px;
  }

  .johHeaderButton{
    top: 700px;
  }

}


@media only screen and (min-width: 1400px) {

  .johHeaderTextLines {
    font-size: 34px;
  }

  .johCounterValue {

    font-size: 43px;
  }


}







@media only screen and (max-width: 1200px) {

  .homepageheader2023 .johHeader2023TextWrapper {
    max-width: 450px;
  }

  .johHeaderWithVideo .johHeader2023TextWrapper {
    max-width: 500px;
    margin-top: 90px;
    padding-top: 0;
  }

  .johHeaderWithVideo.johHeader.header2023 {
    padding-bottom: 580px;
  }

  .johHeader.header2023 {
    padding-bottom: 520px;
  }

  .johHeader2023TextWrapper h1 {
    font-size: 200%;
  }

  .johHeaderIntroText {
    font-size: 110%;
  }

  .johExamplesCTAText {
    padding: 10px 0px;
  }

  a .johManufactureresListTitle {
    color: inherit;
    font-size: 14px;
  }

  .johManufactureresListTitle .dashicons {
    line-height: 20px;
    font-size: 16px;
  }

  .johHeader2021Image {
    width: 100%;
    padding-bottom: 45%;
  }

  .johTrustReviews {
    flex: 1;
  }

  .johContactContentNew .johContactCenter {
    max-width: 25%;
  }

  .johContactContentNew .johContactContent {
    padding: 15px;
  }

  .johMitarbeiterItem {
    flex: 0 0 calc(33.3333% - 50px);
  }

  .johFeedbackHeading {
    font-size: 18px;
  }

  .johHomepageCasesIntro {
    padding-right: 50px;
    font-size: 95%;
  }

  .johHomepageCasesItems a {
    color: inherit;
    flex: 0 0 650px;
  }

  .johNewsDate {
    left: -85px;
    width: 70px;
    padding: 7px;
  }

  .johNewsDateDate {
    font-size: 39px;
    margin-bottom: 0;
  }

  .johNewsArchiveItemsWrapper {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .johNewsArchiveItemsWrapper .johHomepageNewsItem {
    flex: 0 0 calc(33.3333333% - 40px);
    margin: 20px;
  }

  .nav > li > a {
    padding: 10px 10px 15px;
  }

  .nav-size-medium>li>a {
    font-size: 15px;
  }

  .johContentItemMedia {
    flex: 1;
    margin-right: 60px;
  }

  .johContentItem:nth-child(2n) .johContentItemMedia {
    margin-left: 60px;
  }

  .johHomepageNewsItemDate {
    padding: 5px;
    left: -20px;
  }

  .johHomepageNewsItemDateDay {
    font-size: 22px;
  }

  .johCarsSelect li {
    flex: 0 0 calc(25% - 11px);
  }

  .johContactContent2021Inner {
    flex: 0 0 calc(50% - 120px);
  }

  .johContactContent2021Trust {
    flex: 0 0 200px;
  }

}


@media only screen and (max-width: 1100px) {

  .johHeaderVideoInner {
    width: 400px;
  }

  .page-template-template-homepage-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
  .page-template-template-topicpage-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
  .page-template-template-car-manufacturers-transparent-header-light .johHeaderTextLeft .johHeader2023Bg {
    background: linear-gradient(90deg, #000000f0, #0000008d, #00000052, #0000005c);
  }

  .page-template-template-homepage-transparent-header-light .johHeaderTextRight .johHeader2023Bg,
  .page-template-template-topicpage-transparent-header-light .johHeaderTextRight .johHeader2023Bg,
  .page-template-template-car-manufacturers-transparent-header-light .johHeaderTextRight .johHeader2023Bg {
    background: linear-gradient(-90deg, #000000f0, #0000008d, #00000052, #0000005c);
  }

  .johHeader.homepageheader2023 {
    padding-bottom: 55%;
  }

  .johFormsOverviewItem {
    flex: 0 0 46%;
  }

  .johHomepageTopicsWrapper {
    display: flex;
    flex-wrap: wrap;
  }

  .johHomepageTopicsTextWrapper {
    margin-right: 0;
    flex: 0 0 100%;
    margin: 0 auto 60px auto;
    text-align: center;
    max-width: 800px;
  }

  .johHomepageTopics {
    justify-content: center;
  }

}

@media only screen and (max-width: 1000px) {

  .johHideBelow1000 {
    display: none!important;
  }

  .joh5of12Below1000 {
    flex-basis: 42%;
    max-width: 42%;
  }

  .joh7of12Below1000 {
    flex-basis: 58%;
    max-width: 58%;
  }

  .nav>li.header-vertical-menu {
    padding: 7px 7px 7px 0;
  }

  .header-vertical-menu__title {
    flex: 1 1 auto;
    font-size: 14px;
  }

  .johHeaderWithVideo .johHeader2023TextWrapper {
    max-width: 780px;
    margin-top: 150px;
    position: relative;
    padding-bottom: 0;
  }

  .johHeaderWithVideo.johHeader.header2023 {
    padding-bottom: 50px;
    height: auto;
  }

  .johHeaderWithVideo .johHeader2023TextWrapperOuter {
    justify-content: flex-start;
    flex-direction: column;
  }

  .johHeaderVideo {
    position: relative;
    width: 100%;
    order: 3;
    margin-top: 50px;
  }

  .johHeaderVideoInner {
    width: auto;
    position: relative;
    max-width: 600px;
    top: 0;
  }

  html:lang(nl-NL) .page-template-template-homepage-transparent-header .johHeader2023TextWrapper h1,
  html:lang(nl-NL) .page-template-template-homepage-transparent-header-light .johHeader2023TextWrapper h1 {
    font-size: 200%;
  }

  .homepageheader2023 .johHeader2023TextWrapper {
    max-width: 400px;
  }

  .johHeader2023TextWrapper h1 {
    font-size: 190%;
  }

  .johColumnsWrapper50_50 .johLinksSectionWidthnarrow .johLinksLink,
  .johColumnsWrapper60_40 .johLinksSectionWidthnarrow .johLinksLink,
  .johColumnsWrapper40_60 .johLinksSectionWidthnarrow .johLinksLink,
  .johColumnsWrapper50_50 .johLinksSectionWidthnormal .johLinksLink,
  .johColumnsWrapper60_40 .johLinksSectionWidthnormal .johLinksLink,
  .johColumnsWrapper40_60 .johLinksSectionWidthnormal .johLinksLink {
    flex: 0 0 calc(100% - 20px);
  }

  .johColumnsWrapper100 .johLinksSectionWidthnarrow .johLinksLink {
    flex: 0 0 calc(33.33333% - 20px);
  }

  .johTabs .nav-tabs>li>a {
    width: 50px;
    height: 50px;
  }

  .johHowtoArrow::before {
    display: none;
  }

  .johComparisonRow {
    padding: 13px 12px;
  }

  .johComparsionWrapper {
    font-size: 90%;
  }

  .johComparisonRowIcon {
    margin-right: 10px;
  }

  .johTopicsLarge {
    flex: 0 0 calc(100%);
  }

  .johTopicsTwoSmall, .johTopicsMedium {
    flex: 0 0 calc(100%);
    display: flex;
  }

  .johTopicsTwoSmall .johTopicWrapper {
    flex: 0 0 50%;
  }

  .johTopicWrapper {
    flex: 0 0 100%;
  }

  .johTopicImage {
    padding-top: calc(55% - 8px);
  }

  .johTopicsLarge h3, .johTopicsLarge h2, .johTopicsMedium h3, .johTopicsMedium h2 {
    font-size: 180%;
  }

  .nav-size-medium>li>a {
    font-size: 14px;
    padding: 7px;
  }

  .johContactContent2021 {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
  }

  .johContactRow {
    margin: 0 0 10px 0;
  }

  .johContactFor {
    margin: 0 30px 15px;
  }

  .johContactContent2021Inner {
    flex: 0 0 calc(100%);
    max-width: 505px;
    margin-bottom: 50px;
  }

  .johContactContentNew .johContactContent {
    flex: 0 0 100%;
    padding: 25px;
    max-width: 600px;
    margin-bottom: 30px;
  }

  .johContactContentNew .johContactContent:nth-child(1) .johContactCenter {
    order: -1;
    margin-left: 0;
    margin-right: 20px;
  }

  .johContactContentNew {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .johMitarbeiterItem {
    flex: 0 0 calc(33.3333% - 30px);
    margin: 0 15px 40px;
    width: calc(33.333% - 30px);
  }

  .johMitarbeiterItemList {
    margin: 20px 15px;
    flex: 0 0 calc(33.33333% - 30px);
  }

  .johTeamArchiveWrapper {
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  #logo {
    padding: 0px 10px;
    top: -10px;
    width: 140px!important;
    margin: 0 10px;
  }

  .stuck #logo {
    top: -5px;
  }

  body .transparent #logo img, body #logo img {
    max-height: 80px;
  }

  .johFeedbackOder {
    font-size: 12px;
    height: 36px;
    width: 28px;
    margin-left: -14px;
  }

  .johCarsSelect li {
    flex: 0 0 calc(33.3333% - 11px);
  }

  .johFeedbackHeading {
    font-size: 18px;
  }

  .johFeedbackNumber {
    font-size: 30px;
  }

  .johHomepageCasesItems a {
    color: inherit;
    flex: 0 0 100%;
  }

  .johHomepageCasesIntro {
    padding: 0 50px;
    text-align: center;
    margin-bottom: 30px;
  }

  .johHomepageCasesItems {
    flex-wrap: wrap;
  }

  .johNewsDateWrapper {
    display: flex;
    justify-content: center;
    margin: 20px 0 -20px;
  }

  .johNewsDate {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    text-align: center;
    background-color: var(--blue-bg-color);
    color: white;
    padding: 8px;
    border-radius: 5px;
    display: flex;
  }

  .johNewsDateDate {
    font-size: 16px;
    margin-bottom: 0;
    margin-right: 5px;
  }

  .johNewsDateMonth {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }

  .johNewsArchiveItemsWrapper .johHomepageNewsItem {
    flex: 0 0 calc(50% - 40px);
    margin: 20px;
  }

  .johPressContentLeft {
    padding-right: 50px;
  }

  .johPressContentRight {
    flex: 0 1 290px;
  }

  .johBigBrandsItem {
    flex: 0 0 46%;
  }

  .johAbove1000 {
    display: none;
  }

  h1 {
    font-size: 200%;
  }

  .gf_step {
    display: flex!important;
    flex-direction: column;
    align-items: center;
    height: auto!important;
  }

  .gf_step_label {
    margin-top: -12px;
  }

  .johFormBreadcrumb {
    height: 10px;
  }

  .johFormForm .gf_page_steps {
    top: -100px;
  }

  .johFormForm {
    flex: 0 0 50%;
    padding: 10px 25px;
  }

  .joh1of5Field {
    width: 30%;
  }

  .johServiceSectionUSPSItemHeading {
    font-size: 110%;
  }

  .johServiceSectionUSPSItemText {
    font-size: 95%;
  }

  .johServiceSectionUSPSIcon .dashicons {
    font-size: 40px;
    margin-right: 10px;
    margin-top: -7px;
  }

  .joh4of5Field {
    width: 70%;
  }

  .johFormInfo {
    padding: 25px 10px;
  }

  .johContentItemMedia {
    flex: 1;
    margin-right: 40px;
  }

  .johContentItem:nth-child(2n) .johContentItemMedia {
    margin-left: 40px;
  }

  .johHowtoItem {
    flex: 1 1 50%;
  }

  .johHowtoInner {
    flex-wrap: wrap;
  }

  .johHowtoItemNr {
    position: relative;
    left: 50%;
    top: 0;
    margin-left: -25px;
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .johHeaderTextLines {
    padding: 10px;
    font-size: 25px;
    margin-top: 8px;
  }

  .johIntroItemHeading {
    font-size: 105%;
  }

  .johIntroItemTopicHeading {
    font-size: 125%;
  }

  h2, .h2 {
    font-size: 180%;
  }

  .johHomepageCasesValue {
    font-size: 125%;
  }

  .johKnownLogo {
    margin: 30px 20px;
  }

  .johHeader {
    padding-bottom: 55%;
  }

  .johColumnsWrapper50_50 .johColumnLeft {
    flex: 0 0 47%;
    margin-right: 3%;
  }

  .johColumnsWrapper50_50 .johColumnRight {
    margin-left: 3%;
    flex: 0 0 47%;
  }

}


@media only screen and (max-width: 850px) {



  .page-template-template-homepage-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
  .page-template-template-topicpage-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
  .page-template-template-car-manufacturers-transparent-header-light .johHeaderTextLeft .johHeader2023Bg,
  .page-template-template-homepage-transparent-header-light .johHeaderTextRight .johHeader2023Bg,
  .page-template-template-topicpage-transparent-header-light .johHeaderTextRight .johHeader2023Bg,
  .page-template-template-car-manufacturers-transparent-header-light .johHeaderTextRight .johHeader2023Bg {
    background: linear-gradient(90deg, #000000ab, #000000ab);
  }

  .johHeaderTextRight .johHeader2023Bg,
  .johHeaderTextLeft .johHeader2023Bg {
    background: linear-gradient(90deg, #ffffffc4, #ffffffc4);
  }

  .johTicker {
    padding: 15px 0;
  }

  .johTickerItem {
    font-size: 85%;
  }

  .johHeader.homepageheader2023 {
    padding-bottom: 0;
    background-position: 100% bottom!important;
    background-size: 160%;
    background-repeat: no-repeat;
    height: auto;
  }

  .johHeader2023TextWrapper {
    position: relative;
    padding-top: 150px;
    margin: 0;
    max-width: 650px;
    justify-content: flex-start;
    padding-bottom: 75vw;
  }

  .johComparisonItem {
    flex: 0 0 96%;
    margin: 0 auto calc(20px + 2%);
    max-width: 440px;
  }

  .johComparisonItem.johProminentja {
    margin-top: 0%;
    transform: scale(1);
    order: -1;
  }

  .johComparsionWrapper {
    margin: 0px 0% 0px;
    flex-wrap: wrap;
  }

  .johCases {
    flex-wrap: wrap;
  }

  .johHomepageCasesItemContent {
    padding: 0;
  }

  .johHomepageCasesItem {
    flex: 1 1 100%;
    margin-bottom: 20px;
  }

  .johHomepageCasesItemImage {
    padding-bottom: 23%;
    flex: 0 0 30%;
    margin-right: 30px;
  }

  .johHomepageCasesItemInner, .johExamplesCTA {
    display: flex;
    align-items: center;
  }

  .johColumnsWrapper50_50 .johManufacturersListItem {
    flex: 0 0 calc(50% - 20px);
  }

  .johContentItemMedia.johContentItemMediarechts {
    order: 2;
    margin-left: 0;
  }

  .johHeader2021Image {
    height: 450px;
    padding-bottom: 0;
  }

  .johCounterWrapper {
    flex-wrap: wrap;
  }

  .johCounterItem {
    flex: 0 0 calc(50% - 20px);
    margin: 10px;
    overflow: hidden;
    max-width: 250px;
  }

  .johCounterInner {
    height: 120px;
    padding-bottom: 0;
  }

  .johCounterValue {
    bottom: 15%;
    font-size: 30px;
  }

  .johCounterHeading {
    font-size: 14px;
  }

  .johKanzleiPartnerNameLarge {
    margin: 30px 0;
    width: calc(100%);
  }

  .johKanzleiPartnerName {
    padding: 0;
  }

  .johMitarbeiterQuote {
    padding: 20px 30px 0;
  }

  .johKanzleiPartner {
    flex: 0 0 calc(50% - 10px);
  }

  .johFeedbackLeft, .johFeedbackRight {
    padding: 25px;
  }

  .johFormsOverviewItem {
    margin: 0 5% 50px;
    flex: 0 0 90%;
    max-width: 400px;
  }

  .johFormsOverviewInner {
    justify-content: center;
  }

  .johFormsOverviewSeparator {
    display: none;
  }

  .johTopbarCall {
    display: none;
  }

  h1 {
    font-size: 180%;
  }

  .joh1of5Field {
    width: 33%;
  }

  .joh4of5Field {
    width: 67%;
  }

  .johFormWrapper {
    margin: 0;
  }

  .johFormInfo {
    padding: 45px 0px 0;
}

  .johHeader {
    padding-bottom: 0;
    height: 480px;
  }

  .johHorizontalForm {
    padding: 30px 20px;
  }

  #johTOCList li a {
    padding-left: 15px;
  }

  #johTOCList ul {
    padding: 0 20px;
  }

  #johTOCList li {
    padding-right: 30px;
  }

  .johHeaderText {
    top: 240px;
  }

  .flach-text .johHeaderText {
    top: 250px;
  }

  .johHeaderButton{
    top: 375px;
  }

  .johKnownLogo {
    margin: 20px 15px;
  }

  .johHomepageCasesItems {
    flex-wrap: wrap;
    justify-content: center;
  }

  .johContentItem {
    display: flex;
    flex-wrap: wrap;
    max-width: 650px;
    margin: 0 auto;
  }

  .johContentItemMedia {
    flex: 1 1 100%;
    margin-bottom: 20px;
    margin-right: 0;
    order: 1;
    margin-left: 0;
    width: 100%;
  }

  .johContentItem:nth-child(2n) .johContentItemMedia {
    margin-left: 0;
  }

  .johContentItemContent {
    flex: 1 1 100%;
    order: 2;
  }

  .johContentInner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .johSubheading {
    font-size: 110%;
  }

  .johFormContent {
    flex-wrap: wrap;
    justify-content: center;
  }

  .johFormForm {
    flex: 0 0 100%;
    margin-right: 0;
  }

}




@media only screen and (max-width: 780px) {

  .johOnlyMobile {
    display: block;
  }

  .johImageCTAWrapper .johColumnLeft {
    padding-bottom: 90%;
  }

  .johLinksLink {
    flex: 0 0 calc(50% - 20px)!important;
  }

  .johImageCTAText {
    padding: 4% 8%;
  }

  .johImageCTAWrapper, .johKarteWrapper {
    max-width: 600px;
    margin: 0 auto;
  }

  .johSectionBGHellgrau .johImageTextImage img,
  .johSectionBGBlauMitRand .johImageTextImage img,
  .johSectionBGBlau .johImageTextImage img {
    margin-bottom: -90px;
  }

  .johHomepageCasesItemImage {
    padding-bottom: 29%;
    flex: 0 0 40%;
  }

  .johCompsWrapper {
    padding: 0 20px;
  }

  .johTopicsTwoSmall .johTopicWrapper {
    flex: 0 0 100%;
  }

  .johTopicImage {
    padding-top: calc(45% - 8px);
  }

  .johTopicsTwoSmall, .johTopicsMedium {
    flex-wrap: wrap;
  }

  .johTopicsLarge h3, .johTopicsLarge h2, .johTopicsMedium h3, .johTopicsMedium h2,   .johTopicsTwoSmall h3, .johTopicsTwoSmall h2 {
    font-size: 150%;
  }

  .johColumnsWrapper50_50 .johManufacturersListItem {
    flex: 0 0 calc(33.33333% - 20px);
  }

  .johTrustRatings {
   display: flex;
  }

  .flach-text .johIntro {
    margin-top: 20px;
  }

  .johHomepageIntroInnerLeft.flach {
    margin-top: 0;
  }

  .johHeaderTextLines {
    padding: 9px 10px 10px;
    font-size: 20px;
    margin-top: 5px;
  }

  .johIntro {
    margin-top: 20px;
  }

  .johIntroItemHeading {
    margin-bottom: 20px;
  }

  .johHeader2021IconUsps {
    max-width: 500px;
    margin: 0 auto 0;
  }

  .johContactLeft {
    margin-right: 0;
  }

  .johContactIcon {
    position: absolute;
    left: 0;
    width: 30px;
  }

  .johContactContent2021Inner {
    max-width: 392px;
  }

  .johContactRow {
    position: relative;
  }

  .johContactText {
    flex: 0 0 calc(100%);
  }

  .johRatingTitel {
    font-size: 90%;
  }

  .johRatingNumber {
    font-size: 140%;
  }

  .johTrustSourceIcon {
    width: 38px;
  }

  .johRatingStar {
    width: 120px;
  }

  .johTrustSourceRatingBottom {
    font-size: 10px;
    margin-top: 2px;
  }

  .johTrustRatings {
    flex: 0 0 100%;
    margin: 0 0 50px;
    display: flex;
    justify-content: center;
    border: none;
  }

  .johTrustRatingsTop, .johTrustBadges {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
  }

  .johRatingProvenExpert {
    margin: 0 calc(10px);
    flex: 0 0 130px;
    max-width: 130px;
  }

  .johRatingItem {
    flex: 0 0 calc(50% - 65px);
  }

  .johTrust {
    flex-wrap: wrap;
  }

  .johHeader2021Intro {
    flex-wrap: wrap;
  }

  .johHeader2021IntroRight {
    order: 0;
    padding: 0;
    flex: 0 0 100%;
  }

 .johHeader2021IntroLeft {
    flex: 0 0 100%;
  }

  .johHeader2021IntroText .johHeader2021IntroLeft {
    margin-top: 40px;
  }

  .rechtsalserstes .johHomepageIntroInnerLeft {
    order: 3;
    margin-top: 70px;
  }

  .rechtsalserstes .johIntroItemHeading {
    margin-bottom: 20px;
  }

  .johCarsSelect li {
    flex: 0 0 calc(20% - 11px);
  }

  .johPressContent {
    flex-wrap: wrap;
  }

  .johPressContentLeft {
    flex: 0 0 100%;
    padding-right: 10px;
  }

  .johPressContentRight {
    flex: 0 1 100%;
  }

  .johLegalSectionInner {
    flex-wrap: wrap;
  }

  .johLegalLeft, .johLegalRight {
    flex: 0 0 100%;
    text-align: center;
  }

  a.johLegalLink {
    margin: 0 20px;
  }

  .johLegalRight {
    margin-top: 10px;
  }

  h1 {
    font-size: 160%;
  }

  .johColumnNews h1 {
    font-size: 140%;
  }

  .gf_step_label {
    display: none!important;
  }

  .johContactCenter {
    flex: 0 0 100%;
    order: 0;
    margin-bottom: 10px;
  }

  .johArrowWrapper {
    display: none;
  }

  .johContactContent {
    flex-wrap: wrap;
  }

  .johContactItem {
    order: 2;
  }

  .johHomepageIntroInner {
    flex-wrap: wrap;
  }

  .johHomepageIntroInnerLeft {
    flex: 0 0 100%;
  }

  .johServiceSection {
    padding: 0;
  }

  .johKnownWrapper {
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 10px;
  }

  .johColumnsWrapper50_50 .johColumnLeft, .johColumnsWrapper50_50 .johColumnRight, .johColumnsWrapper60_40 .johColumnLeft, .johColumnsWrapper60_40 .johColumnRight, .johCentralHeading {
    flex: 0 0 100%;
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .johCentralHeading {
    margin-bottom: 0;
  }

  .johColumnsWrapper {
    justify-content: center;
  }

  .johTOCWrapper {
    margin: 30px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .johHorizontalForm ul {
    flex-wrap: wrap;
  }

  .johHorizontalForm li {
    flex: 0 0 100%!important;
    max-width: 500px;
  }

  .johManufacturersListItem {
    font-size: 100%;
  }

  .single-jobs h1 {
    font-size: 160%;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
  }

  .johMitarbeiterItem {
    flex: 0 0 calc(50% - 30px);
    width: calc(50% - 30px);
  }

  .johMitarbeiterItemList {
    flex: 0 0 calc(50% - 30px);
  }

  .johColumnsCentered .johColumnLeft .johHowtoItem {
    flex: 0 0 100%;
  }

}

@media (max-width: 768px) {

  .johHeaderVideoInner {
    max-width: 100%;
  }

  .BorlabsCookie .col-sm-3 {
      flex: 0 0 100%;
      max-width: 100%;
  }

  .BorlabsCookie .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }

  .johHomepageTopics {
    flex-wrap: wrap;
  }

  .johHomepageTopics .johFormsOverviewItem {
    margin: 0 3% 40px;
    flex: 0 0 94%;
  }

}

@media only screen and (max-width: 641px) {

body .gform_wrapper .johCarsSelect ul {
  width: calc(100% + 15px);
}


}


@media only screen and (max-width: 600px) {

  .johClaimButton a, .johClaimButton .johA, .johSecondaryButton a {
    padding: 13px 20px;
  }

  .johHomepageTopicsText {
    text-align: left;
  }

  .johHeader2023TextWrapper .johClaimButtonWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .johHomepageCasesItemInner, .johExamplesCTA {
    flex-wrap: wrap;
  }

  .johTopicImage {
    padding-top: calc(50% - 8px);
  }

  .johCompItemWrapper {
    padding: 7px 0px;
  }

  .johFeedbackCTANumber {
    border: 2px solid;
    border-radius: 50%;
    height: 30px;
    font-size: 17px;
    flex: 0 0 30px;
    margin-right: 10px;
  }

  .johTrustRatings {
    margin: 0 0 20px;
    flex-wrap: wrap;
  }

  .johTrustRatingsTop, .johTrustBadges {
    flex: 0 0 100%;
  }

  .johFormLinkArrow img {
    width: 50px;
  }

  .johFormLinkArrowRight img {
    right: 20px;
  }

  .johFormLinkText {
    margin: 0;
  }

  .johFormLinkHeading {
    font-size: 120%;
  }

  .johRatings {
    justify-content: center;
    flex-wrap: wrap;
  }

  .johRatingTitel {
    font-size: 110%;
  }

  .johRatingNumber {
    font-size: 130%;
  }

  .johRatingStar {
    width: 125px;
  }

  .johTrustReviews {
    padding: 0 16px;
  }

  .johCompsWrapper {
    padding: 0 25px;
  }

  .johRatingProvenExpert {
    flex: 1;
    order: -1;
    margin-bottom: 20px;
  }

  .johTrustBadges {

  }

  .johTrustRatingsTop {

  }

  .johRatingItem {
    flex: 0 0 100%;
    margin-bottom: 20px;
  }

  .johPointsItem {
    display: flex;
    padding: 0 15px;
    margin: 30px 0;
  }

  .johPointsItemIcon {
    flex: 0 0 100px;
    padding-right: 25px;
  }

  .johHowtoInner {
    display: flex;
  }

  .johHowtoItemImage {
    text-align: center;
    flex: 0 0 40px;
    margin-left: 25px;
}

  .johHowtoItem {
    flex: 1 1 100%;
    display: flex;
  }

  .johHowtoItemText {
    padding: 0 15px 40px;
  }

  .johHowtoItemNr {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 17px;
    line-height: 27px;
    left: 25px;
  }

  #logo {
    padding: 0px 15px;
    top: -15px;
    width: 170px!important;
  }

  .stuck #logo {
    top: -5px;
  }

  .johHomepageCasesIntro {
    padding: 0;
  }

  .johHomepageCasesItemInner {
    flex-wrap: wrap;
  }

  .johHomepageCasesItemImage {
    flex: 0 0 100%;
    height: 0;
    padding-bottom: 60%;
    margin-bottom: 10px;
}

  .johManufacturersListItemLogo img {
    max-width: 50px;
  }

  .johNewsArchiveItemsWrapper .johHomepageNewsItem {
    flex: 0 0 100%;
    margin: 0 0 30px;
  }

  .johBigBrandsItem {
    flex: 0 0 100%;
    margin: 15px 0;
  }

  .johBigBrandsWrapper {
    width: 100%;
    margin-left: 0;
  }

  .johNewsArchiveItemsWrapper {
    width: calc(100%);
    margin-left: 0;
    padding: 0 10px;
  }

  .johHomepageNewsItemContent {
    padding: 10px 20px 0px;
  }

  .johHomepageNewsItem {
    flex: 0 0 300px;
    margin: 20px;
  }

  .johTOCWrapper {
    margin: 30px 0;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .johHowtoItem {
    flex: 1 1 100%;
  }

  h2, .h2 {
    font-size: 135%;
  }

  .johSeparator {
    margin-bottom: 30px;
  }

  .johServiceSectionUSPSItemHeading {
    font-size: 110%;
  }

  .johIntroItemTopicHeading {
    font-size: 120%;
  }

  .johIntroItemTopicHeadingInner {
    padding: 14px 18px 15px;
    margin-left: -5px;
  }

  .johIntroItemTopicContent {
    padding: 10px 18px 30px;
  }

  .johIntroItemHeading {
    font-size: 100%;
  }

  h2, .h2 {
    font-size: 150%;
  }

  .johKnownLogo {
    flex: 0 0 27%;
    margin: 6% 0 0;
}

  .johKnownLogos {
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
  }

  .johContactItem {
    flex: 1 1 100%;
    margin: 0;
  }

  .single-jobs h1 {
    font-size: 140%;
  }

  .johTopicImage {
    padding-top: calc(60% - 8px);
    min-height: 250px;
  }


}


@media only screen and (max-width: 549px) {

  .johTopicImage {
    padding-top: calc(45% - 8px);
    min-height: 160px;
  }

  .johHeader.homepageheader2023 {
    background-size: 165%;
  }

  .johLinksLink {
    flex: 0 0 calc(100% - 14px)!important;
    margin: 7px;
  }

  .johLinksSection {
    margin-left: -7px;
    width: calc(100% + 14px);
  }

  .johLinksLinkText {
    padding: 8px 30px 9px 15px;
    min-height: 3.2em;
  }

  h3 {
    font-size: 1.2em;
  }

  .johThemaLink {
    display: block;
  }

  .johThemaLinkImg {
    height: 200px;
  }

}




@media only screen and (max-width: 480px) {

  .johHeader.header2023 {
    padding-bottom: 580px;
  }

  .johHeader2023TextWrapper .johClaimButtonWrapper {
    text-align: center;
  }

  .johTopicTextWrapper {
    padding: 20px 20px 10px;
  }

  .johHeader2023KnownFromInner .johKnownPre {
    font-size: 90%;
    flex: 0 0 100px;
}

  .johHeader2023TrustText {
    font-size: 12px;
  }

  .johHeader2023TextWrapper .johRatingStar {
    width: 75px;
  }

  .johHeader2023TextWrapper .johRatingNumber {
    font-size: 90%;
  }

  .johHeader2023TextWrapper h1 {
    font-size: 160%;
  }

  .johCompsWrapper {
    padding: 0 30px;
  }

  .johManufacturersList {
    width: calc(100% + 10px);
    margin-left: -5px;
  }

  .johManufacturersListItem, .johColumnsWrapper50_50 .johManufacturersListItem {
    flex: 0 0 calc(33.3333% - 10px);
    margin: 5px;
  }

  .johFormLinkHeading {
    font-size: 110%;
  }

  #johBackToTop {
    width: 200px;
    margin-right: -100px;
    font-size: 13px;
  }

  .johFeedbackCaseLeft {
    flex: 0 0 100%;
    overflow: hidden;
    border-right: none;
    padding-bottom: 0;
  }

  .johFormKnownFromLogo {
    margin: 7% 0;
  }

  .johCounterItem {
    flex: 0 0 calc(50% - 10px);
    max-width: 250px;
    margin: 5px;
    padding: 15px;
  }

  .johCounterInner {
    height: 95px;
    padding-bottom: 0;
  }

  .johCounterHeading {
    font-size: 13px;
  }

  .johCounterValue {
    bottom: 12%;
    font-size: 27px;
  }

  .johCounterLine {
    height: 15px;
  }

  .johCounterWrapper {
    margin-left: -5px;
    width: calc(100% + 10px);
  }

  .johContactContentInner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .johContactContentNew .johContactContent {
    padding: 15px
  }

  .johContactContentNew .johContactCenter {
    max-width: 250px;
  }

  .johContactContentNew .johContactContent:nth-child(2) .johContactCenter,   .johContactContentNew .johContactContent:nth-child(1) .johContactCenter {
    margin-left: 0;
    margin-right: 0;
  }

  .johMitarbeiterItemList {
    margin: 15px 10px;
    flex: 0 0 calc(50% - 20px);
  }

  .johMitarbeiterArchiveName {
    margin-top: 15px;
    font-size: 100%;
  }

  .johMitarbeiterItem {
    flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 0 10px 40px;
  }

  .johTeamArchiveWrapper {
    width: calc(100% + 20px);
    margin-left: -10px;
  }

  .johMitarbeiterArchivePosition {
    margin: 1px 0 0;
    font-size: 85%;
    line-height: 1.2;
    color: #333;
  }

  .single-jobs h1 {
    font-size: 120%;
  }

  .johArchiveJobs h2 {
    font-size: 120%;
  }

  .johCarsSelect li {
    flex: 0 0 calc(25% - 11px);
  }

  .johFeedbackBottom {
    flex-wrap: wrap;
  }

  .johFeedbackLeft, .johFeedbackRight {
    flex: 0 0 100%;
    padding: 25px 20px 20px;
  }

  .johFeedbackText {
    margin: 10px 0;
  }

  .johFeedbackOder, #johFeedbackOderDesktop.active {
    display: none;
  }

  #johFeedbackOderMobile.active {
    display: block;
    bottom: -20px;
    top: auto;
    height: 30px;
    width: 60px;
    margin-left: -30px;
    font-size: 15px;
  }

  .johFeedbackLeft {
    border-right: none;
    border-bottom: 1px solid;
  }

  .johIntroItemHeading {
    font-size: 90%;
  }

  .johPortfolioContentLeftPMItemInnerText {
    flex-wrap: wrap;
  }

  .johPortfolioContentLeftPMItemInnerDate {
    padding: 2px 5px 3px;
    margin-bottom: 10px;
  }

  .johFormForm {
    padding: 10px 20px;
  }

  .johJetztBerechnen {
    width: 185px;
    font-size: 95%;
    left: 0%;
  }

  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 16px!important;
    padding: 2px 12px!important;
  }

  .johIntroItemTopicHeading {
    font-size: 110%;
  }

  a.johLegalLink {
    margin: 4px 0;
    width: 100%;
    text-align: center;
    display: inline-block;
  }

  h2, .h2 {
    font-size: 130%;
  }

  .johServiceSectionUSPSItemHeading {
    font-size: 100%;
  }

  .johServiceSectionUSPSIcon .dashicons {
    font-size: 40px;
    margin-right: 10px;
    margin-left: -8px;
  }

  .johHeaderTextLines {
    padding: 6px 6px 7px;
    font-size: 18px;
    line-height: 1.3;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .johHomepageNewsItems .slick-list {
    padding-left: 25px;
  }

}


@media only screen and (max-width: 380px) {


  .johPointsItem {
    flex-wrap: wrap;
  }

  .johPointsItemIcon {
    flex: 0 0 100%;
    padding-right: 0;
    text-align: center;
  }

  .johPointsItemIcon img {
    margin-bottom: 25px;
    max-width: 80px;
  }

  .johTopicsLarge h3, .johTopicsLarge h2, .johTopicsMedium h3, .johTopicsMedium h2, .johTopicsTwoSmall h3, .johTopicsTwoSmall h2 {
    font-size: 120%;
  }

  .johManufactureresListTitle {
    font-size: 12px;
  }

  .johManufactureresListTitle .dashicons {
    line-height: 19px;
    font-size: 15px;
    margin-left: 0px;
  }

  .johContactIcon {
    position: relative;
    flex: 0 0 25px;
  }

  .johContactText {
    flex: 0 0 calc(100%);
    padding-right: 30px;
  }

  .johFormKnownFromLogo {
    margin: 5% 0;
  }

  .johCounterHeading {
    font-size: 12px;
  }

  .johContactContentNew .johContactRow {
    flex-direction: column;
  }

  .johContactContentNew .johContactIcon {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .johCarsSelect img {
    max-height: 60px;
}

body .gform_wrapper .johCarsSelect .gfield_radio li label {
  padding: 4px 10px 32px !important;
}

.johCarType img {
  width: 40px;
  margin-right: 10px;
}

.johCarsSelect li {
  flex: 0 0 calc(33.333333% - 11px);
}

.johContactCardWrapper {
  padding: 15px;
  max-width: 100%;
  font-size: 90%;
  width: 310px;
}

}