@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');


body {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.555;
    font-family: 'Red Hat Display','Arial','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	background-color:#FAFAFA;
	cursor:url(https://tonka-pr.com/pressemitteilungen/wp-content/uploads/2025/03/cursor-blue.png),auto;
}

a{color: #021FBD;}

.sticky-add-to-cart--active, #wrapper, #main, #main.dark{
	background-color:#FAFAFA!important;
}

.blog-single a {
    font-weight: bold;
}

.johEventBanner {
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    position: relative;
}

.johEventInfo {
    background-color: white;
    position: relative;
    padding-top: calc(4% + 30px);
    margin-top: -1px;
}

.johEventInfo::before {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    top: -200px;
    background: linear-gradient(0deg, white, #ffffffab, transparent);
}

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

.johEventIntro {
    text-align: center;
    font-size: 160%;
    font-weight: 600;
}

.johEventDetails {
    display: flex;
    text-transform: uppercase;
}

.johEventDetails div {
    flex: 0 0 45%;
}

.johEventHeading {
    text-align: center;
    margin-top: calc(5% + 30px);
    margin-bottom: calc(2% + 20px);
    font-size: 200%;
    letter-spacing: .15em;
}

.johEventMessage {
    text-align: center;
    text-transform: none;
    font-size: 130%;
    margin-bottom: 20px;
}

.johEventCTA {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}

.johEventDetails div:first-child {
    margin-right: 5%;
}

.johEventBannerBGImage, .johEventBannerBGOverlay, .johEventBannerBGIcon {
    position: absolute;
    left: -2px;
    height: 100%;
    right: -2px;
}

.johEventBannerBGIcon .container {
    max-width: 1100px;
}

.johEventAddress {
    text-align: center;
    margin-bottom: 35px;
}

.johArrowDown {
    position: absolute;
    z-index: 11;
    height: 30px;
    display: flex;
    justify-content: center;
    width: 100%;
    top: 70%;
}

.johArrowDown img {
    width: 80px;
}

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

.johEventBannerWhiteOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, white, #ffffff8a, #ffffff29);
}

.johEventBannerBGOverlay {

}

.johEventBannerBGOverlay img {
    width: 100%;
    z-index: 9;
    object-fit: contain;
    top: -5%;
    position: absolute;
}

.johEventBannerBGIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 9;
}

.johEventBannerBGIcon img {
    width: 100%;
    z-index: 15;
    padding: 0 5%;
}

.johEventWiggle {
    width: 103px;
    margin: 0 auto 1.4em;
    font-size: 160%;
}

.gform-body input.gfield-choice-input {
    margin-bottom: 0;
    position: absolute;
    top: 16px !important;
    left: 5px;
}

.gchoice {
    position: relative;
}

legend {
    border-bottom: none;
    text-transform: none;
}

.gchoice input[type="radio"] + label, .gchoice label {
    border: 1px solid #ccc;
    padding: 11px 12px 13px 35px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 5px !important;
    display: inline-block !important;
    cursor: pointer;
    max-width: 100% !important;
    background-color: white;
}

.gform_required_legend {
    display: none!important;
}

.gform_confirmation_message {
    color: black;
}

.johEventInfo .gfield_radio > div {
    flex: 0 0 49%;
    position: relative;
}

.johEventInfo .gfield_radio input {
    position: absolute;
    left: 6px;
}

.johEventInfo .gfield_radio label {
    border: 2px solid #8dffcd;
    border-radius: 20px;
    padding: 10px;
    width: 100%;
    max-width: 100%!important;
    padding-left: 40px;
    cursor: pointer;
    font-weight: normal;
}

.johEventInfo .gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: center;
}

.johEventInfo .gform_wrapper.gravity-theme .gform_footer input {
    align-self: flex-end;
    background-color: #8dffcd;
    border: none;
    border-radius: 20px;
    margin-right: 0;
    color: #333;
    font-weight: normal;
    padding: 0 50px;
    margin-top: 30px;
}

.gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme textarea, .gform_wrapper.gravity-theme select {
    font-size: 100% !important;
}

.johEventInfo .gfield input, .gfield textarea {
    border-radius: 0!important;
}

.gform_confirmation_message {
    background-color: #8dffcd;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
}

.johEventInfo .gfield_radio > div:first-child {
    margin-right: 1%;
}

.johEventInfo .gfield_radio > div:last-child {
    margin-left: 1%;
}

.johEventInfo .gfield_radio {
    display: flex;
}

.johEventDetails div:last-child {
    margin-left: 5%;
}

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

.johLayoutVoll {
    display: flex;
    align-items: stretch;
}

.johLayoutVollLeft {
    width: 50%;
}

.johLanginpagePointsItem {
    float: left;
    width: 20%;
    margin-right: 5%;
}

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

.johLanginpagePointsNr {
    border-radius: 50%;
    width: 100%;
    height: 40px;
    line-height: 32px;
    margin-top: 0px;
    font-size: 26px;
    display: inline-block;
}

.johLanginpagePointsAbove {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.johLanginpagePointsHeading {
    text-transform: uppercase;
    font-weight: 200;
    display: inline-block;
    position: relative;
    top: -2px;
}

.johLanginpagePointsImage {
    padding: 0 10%;
    margin-bottom: 40px;
}

.johLanginpagePointsText {
    text-align: center;
}

.johNewswireContact {
    float: left;
    width: 100%;
    margin: 80px 0;
    border-top: 1px solid #cccccc;
    padding: 30px 40px 43px;
    border-bottom: 1px solid #cccccc;
    background: #efefef;
}

.johNewswireContactHeading {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 130%;
}

h2.johNewswireHeading {
    text-transform: uppercase;
    text-align: center;
    margin: 40px 0 70px;
    font-size: 240%;
}

.johNewsWireContentWrapper {
    float: left;
    width: 100%;
    margin-bottom: calc(4% + 40px);
}

.johNewsWireContent {
    float: left;
    width: 100%;
    margin-bottom: calc(3% + 30px);
}

.johNewsWireContentLeft {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.johNewsWireContentRight {
    float: left;
    width: 45%;
}

.johNewsWireComparison {
    float: left;
    width: 100%;
}

.johNewswireHeading {

}

.johNewsWireComparisonWrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.johNewsWireComparisonItem {
    border-radius: 6px;
    flex: 0 1 44%;
    margin: 0 3%;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    border: 1px solid rgb(218, 218, 218);
}

.johNewsWireComparisonHeading {
    padding: 16px 12px 18px;
    background-color: #efefef;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
}

.johNewsWireComparisonList {

}

.johNewsWireComparisonListRow {
    padding: 15px 22px 18px 12px;
    font-size: 90%;
    text-align: center;
}

.johNewsWireComparisonListRow:nth-child(even) {

}

.johNewsWireComparisonListRow:nth-child(2n+1) {
    background: #eef5fc;
}

.johVorteileWrapper {

}

.johNewsWireVorteilItem {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.johNewsWireVorteilItemIcon {
    float: left;
    width: 50px;
}

.johNewsWireVorteilItemIcon span {
    font-size: 50px;
    color: darkgoldenrod;
}

.johnewsWireVorteilItemHeading {
    margin-left: 70px;
    font-size: 110%;
    text-transform: uppercase;
    font-weight: 700;
}

.johNewsWireVorteilItemText {
    margin-left: 70px;
}

.johNewswireContactField {
    float: left;
    margin: 0 2% 0 0;
    width: 31.3333%;
}

.johNewswireContact form {
    margin: 0;
}

.johNewswireContactField input {
    margin: 0;
}

.johNewswireContactFieldGroup {
    width: calc(100% - 150px);
    float: left;
}

.johNewswireContactSubmit {
    float: left;
    width: 150px;
}

.johNewswireContactSubmit input {
    margin: 0;
    width: 100%;
}

.johNewswireContactSubmit {

}

.johNewswireContactField p {

}

.johLayoutVollRight {
    order: 2;
    width: 50%;
}

.johLayoutVollImage {
    width: 50%;
    background-size: cover;
    background-position: center center;
}

.johFocusItem2 .johBlackOverlay, .johFocusItem3 .johBlackOverlay, .johFocusItem4 .johBlackOverlay, .johFocusItem5 .johBlackOverlay, .johFocusItem2 .johMediumOverlay, .johFocusItem3 .johMediumOverlay, .johFocusItem4 .johMediumOverlay, .johFocusItem5 .johMediumOverlay {
    display: none;
}

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

.johPortfolioContentRightInterviewpartner {
    float: left;
    width: calc(100% - 40px);
    background: #efefef;
    border-radius: 3px;
    margin: 20px 0 20px 40px;
    position: relative;
    padding: 15px 0 20px 140px;
    height: 136px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.johPortoflioInterviewImage {
    border-radius: 50%;
    border: 4px solid #fff;
    overflow: hidden;
    width: 160px;
    height: 160px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    left: -40px;
    top: -12px;
}

.johPortfolioContactPositionInterview {
    font-size: 16px;
}

.johPortfolioContactTitleInterview {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
}

.johPortfolioContactNameInterview {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.johPMsContentRightFotosInnerImage a:hover span {
    opacity: .8;
}

.johHomepageStartWrapper.johHomepageStartWrapperEnglish .johSubpageStart2 {
    font-size: 76px;
}

	.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%;
	}

.joVideoWrapper {
    float: left;
    position: relative;
    width: 80vw;
    max-width: 800px;
}

.johLayoutFullImage {
    height: 0;
    padding-bottom: 50%;
    width: 100%;
}

.johLayoutHalf .johLayoutHalfImage {
    background-size: cover;
    background-position: center center;
}

.johJobFAQ {
    float: left;
    width: 100%;
    margin: 0 0 calc(4% + 40px);
}

.johJobFAQHeading {
    text-align: center;
    float: left;
    width: 100%;
}

.johJobFAQHeading h2 {
    margin-bottom: calc(30px + 4%);
}

.johJobFAQLinks {
    flex: 0 0 50%;
    padding-right: 5%;
}

.johJobFAQRechts {
    flex: 0 0 50%;
    padding-left: 5%;
    border-left: 1px solid #cccccc;
}

.johJobFAQWrapper {
    width: 100%;
    display: flex;
}

.johVideoPlayButton {
    position: absolute;
    left: 50%;
    margin-left: -14px;
    top: 50%;
    margin-top: -13px;
    color: white;
    font-size: 28px;
    opacity: .95;
}

.johHidden {
    display: none;
}

.johMediaNote {
    float: left;
  width: 100%;
  margin-top: 30px;
  font-size: 18px;
}

.wpml-ls-current-language a {
}

.johHomepageTeamMemberImage.johHomepageTeamMemberImageBG {
    height: 0;
    padding-bottom: 120%;
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.johHomepageContent {
    padding: 7% 3%;
    clear: both;
    display: flex;
    justify-content: space-between;
}

.johHomepageContent > div {
    flex: 0 0 45%;
}

.johNewsWrapper {
    float: left;
    width: 100%;
}

.johPaginationPrev, .johPaginationNext {
    line-height: 35px;
}

.johNewsWrapperInner {
    display: flex;
    width: 100%;
}

.johNewsWrapperRight {
    flex: 0 0 30%;
    padding-left: 50px;
}

.johPagination a {
    color: inherit;
}

.johNewsWrapperRightItemInnerLogo img {
    max-height: 100%;
    width: auto;
}

.johPortfolioSectionsInnerRight {
    float: left;
    width: 30%;
    padding-left: 2px;
}

.johPortfolioContentLeftPMItemText {
    position: absolute;
    display: flex;
    max-width: 80%;
	width: 200px;
    /*top: 8px;
    left: -5px;
    border-left: 2px solid #1d6d98;*/
}

.johPortfolioContentLeftPMItemTextLeft {
    float: left;
    width: 100%;
  overflow: hidden;
  min-height: 40px;
  position: relative;
  min-width: 80px;
  height: 200px;
}

.johPortfolioContentLeftPMItemTextLeftImage {
    position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: start;
  padding: 6px 8px;
  background: transparent url(https://tonka-pr.com/pressemitteilungen/wp-content/uploads/2025/02/triangle.png) no-repeat top center / 100%;
}

.johPortfolioContentLeftPMItemTextLeftImage img {
  max-height: 100%;
  max-width: 90px;
  margin-top: 40px;
  margin-left: 10px;
}

.johPortfolioContentLeftPMItemTextRight {
}

.johPortfolioContentLeftPMItemTextRight {
}

.johPortfolioSectionsInnerLeft {
    float: left;
    width: 70%;
}

.johNewsWrapperRightItemInnerTextArrow {
    position: absolute;
  right: 16px;
  top: calc(50% - 10px);
}

.johNewsWrapperRightItem {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 14px;
    border-radius: 2px;
}

.johNewsWrapperRightItemInner {
    background-color: white;
    width: 100%;
    display: flex;
    position: relative;
	color: #021FBD;
}

.button.icon.circle{
	background-color: #021FBD;
  border: 0;
}

.button.icon.circle:hover{
	background-color: #021FBD;
}

.button.icon.circle > i{
	color: #fff;
}

.button.icon.circle:hover > i{
	color: #fff;
}

.johFooterFollow .elementor-icon-list-icon svg {
  fill: #021FBD;
  transition: fill 0.3s;
}

.johFooterFollow .elementor-icon-list-icon svg:hover {
  fill: #000;
}

.johFooterFollow .elementor-icon-list-icon svg {
  height: 48px;
  width: 48px;
}

.johFooterFollow li.elementor-icon-list-item a {
  justify-content: end;
}

.johNewsWrapperRightItemInner:hover{
	color: white;
	background-color: #021FBD;
}

.johPagination {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 100px;
}

.johPagination .pagination span, .johPagination .pagination a {
    padding: 9px 0 0 0;
  margin: 10px;
  line-height: 1;
  height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  font-weight: bold;
  color: #021FBD;
  font-size: 18px;
  width: 40px;
  border: 3px solid #021FBD;
  font-family: 'Montserrat';
}

.johPagination .pagination a:not(.inactive){
	font-size:0;
	border:0;
	background: url(https://tonka-pr.com/pressemitteilungen/wp-content/uploads/2025/02/arrow.png) no-repeat 0 0 / 16px;
	border-radius:0;
	position: relative;
  top: -5px;
}

.johPagination .pagination a:first-child:not(.inactive){
	transform: rotate(180deg);
  background-position: 0 100%;
}

.johPagination .pagination span:hover, .johPagination .pagination a.inactive:hover, .johPagination .pagination span.current {
    background: #021FBD;
  color: #fff;
}

.johPaginationPrev {
}

.johPaginationNumbers {
    width: 100%;
    text-align: center;
}

.johPaginationNext {
}

.johNewsWrapperRightItemInnerLogo {
float: left;
width: 120px;
overflow: hidden;
min-height: 57px;
position: relative;
min-width: 120px;
background: #E8EDFF;
}

.johNewsWrapperRightItemInnerTextTitle {
}

.johNewsWrapperRightItemInnerLogoInner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin: 15px;
}

.johNewsWrapperRightItemInnerText {
    padding: 0 40px 0 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}

.trigger {
    background: #E8EDFF;
  padding: 10px;
  font-size: 18px;
  float: left;
  width: 100%;
  margin-bottom: 7px;
  cursor: pointer;
  position: relative;
  font-weight: 400;
}

body .html_topbar_right {
    float: left;
    width: 80px;
    color: white;
    border-right: 1px solid #666;
    height: 18px;
    margin-right: 3px;
}

.johPMsContentRightDateienInner {
    float: left;
  width: 100%;
  border: 1px solid #021FBD;
  padding: 8px 16px;
  background-color: white;
	margin-bottom: 24px;
}

.johPMsContentRightDateienInner:not(:last-child){
	margin-bottom: 7px;
}

.johPMsContentRightDatei {
}

.johPortfolioContactInfo a {
    color: inherit;
}

.johPMsContentRightDatei a {
    font-size: 18px;
  line-height: 1.55;
  color: #021FBD;
}

.johPMsContentRightDateiType {
    color: white;
  background: #444444;
  padding: 3px 3px 3px 6px;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 12px;
  top: -2px;
  position: relative;
  font-weight: bold;
}

.johPortfolioContentLeftPMItem {
    float: left;
    width: 33.33333%;
}

.johPortfolioContentRightDateien {
    float: left;
    width: 100%;
}

.johPMDate {
    margin-bottom: 18px;
    float: left;
    width: 100%;
}

.johPMsContentRightFotosInner {
    width: 100%;
    float: left;
    margin-left: 0%;
}

.toggle_container {
    width: 103%;
    margin-left: -1.5%;
    padding-bottom: 20px;
    float: left;
}

.trigger .dashicons, .trigger .dashicons-before::before {
  font-size: 16px;
  color: #021FBD;
  position: relative;
  top: 3px;
}

.featherlight .featherlight-content {
    border: medium none;
    background: transparent;
}

.trigger.trigger_active:hover {
    background-color: #E8EDFF;
}

.featherlight .featherlight-close-icon {
    background: transparent;
    color: white;
    right: -25px;
    top: -15px;
    font-size: 25px;
}

.featherlight .featherlight-content {
    max-height: calc(90% - 40px);
    overflow: visible;
}

.trigger .dashicons {
    float: right;
    display: none;
}

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

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

.featherlight-content .legend {
    color: white;
    overflow: hidden;
    position: absolute;
    left: 0;
    float: left;
    bottom: -40px;
    width: 100%;
    text-align: center;
    background: #0000008a;
    padding: 5px 5px 7px;
}

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

body .html_topbar_right li {
    list-style: none;
    float: left;
    position: relative;
    top: 2px;
    left: 2px;
}

.header-social-icons .social-icons a.icon:not(.button) {
    margin-left: .2em;
    margin-right: .2em;
}

.header-wrapper{
	border-bottom:2px solid #000;
}

.header-wrapper.stuck {
  box-shadow: none;
}

@media screen and (min-width: 850px){
	.header-inner .flex-left{
		display:none;
	}
}

.header-inner .flex-right {
  flex: 1;
}

.nav-right {
  justify-content: space-between;
}

body .html_topbar_right li a {
    color: white;
    font-weight: bold;
    padding: 0 4px;
    line-height: 1;
}

h2.johPMHeading {
    float: left;
  width: 100%;
  font-size: 18px;
  margin-bottom: 14px;
  text-transform: uppercase;
  line-height: 1.5;
  margin-top: 12px;
  font-weight: 400;
}

h2.johKeyPointsHeading {
    font-size: 18px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-weight: 800;
}

body .html_topbar_right .wpml-ls-legacy-list-horizontal {
    border: none;
    padding: 0;
}

body .html_topbar_right li.wpml-ls-current-language a {
    color: #ffd802;
}

body .html_topbar_right li a span {
    vertical-align: top;
}

.johPMs table {
    word-break: break-all;
    font-size: 90%;
    overflow-x: auto;
    display: block;
}

.johPMs table tbody {
    min-width: 500px;
    display: inline-table;
    border: 1px solid #8a8989;
    padding: 5px 10px 15px;
}

.johPortfolioContactTitle {
    color: #000;
  font-weight: bold;
  margin-bottom: 7px;
  font-size: 18px;
  font-family: 'Red Hat Text';
}

.johPortfolioContactName {
    font-size: 35px;
  font-weight: 500;
  color: #021FBD;
  font-family: 'Red Hat Text';
}

.johPortfolioContent {
}

.johPortfolioContentLeftInner {
    width: 100%;
}

.johPortfolioContactSection {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.johPortfolioContentLeft {
}

.johPortfolioContentRight {
    float: right;
    width: 380px;
}

.johPortfolioContentRightContact {
    text-align: center;
    float: left;
    width: 100%;
    padding: 30px;
    background: #E8EDFF;
    overflow: hidden;
}

.johInterviewButtonWrapper {
    margin-top: 20px;
}

.johPupUpContact {
    padding: 20px 30px;
}

.johAcceptance {
}

.johAcceptance input {
    margin: 0;
}

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

.johPortfolioContactPosition {
}

.johPortfolioContactFormButton {
}

.johPortfolioContactFormButton a {
    padding: 5px 12px 7px;
    display: inline-block;
    background-color: #1d6d98;
    color: white;
    font-weight: bold;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 16px;
}

.johTonkaTurbo .container {
    padding-left: 8%;
    padding-right: 8%;
}

.johTonkaTurbo .johHomepageInner {
    padding-left: 0;
}

.johTonkaTurbo .johLayoutHalfLeft .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutVollLeft .johSubpageFurtherItemBlop {
    padding-left: 16%;
    padding-right: 16%;
}

.johTonkaTurbo .johLayoutHalfRight .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutVollRight .johSubpageFurtherItemBlop {
    padding-right: 16%;
    padding-left: 16%;
}

.johTurboMainHeading {
    color: white;
    font-size: 6vw;
    font-weight: 700;
    letter-spacing: -0.3vw;
    line-height: 0.85;
    text-transform: uppercase;
    word-spacing: 0.7vw;
}

.johTurboSubheading {
    margin: 15px 0 40px;
    text-transform: uppercase;
}

.johTurboHeading {
    font-size: 1.8em;
    float: left;
    width: 100%;
}

.johTurboHeadingBold {
    font-weight: 700;
}

.johTurboTextLight {
    color: white;
}

.johTurboHeadingTextThin {
    float: left;
    width: 100%;
    max-width: 400px;
    margin-bottom: 50px;
}

.johTurboLinksWrapper {
    float: left;
    width: 100%;
}

.johTurboLinksWrapper a {

}

.johScrollIconInner.johScrollIconInnerTurbo {
    background-color: white;
}

.johTurboIntro1 {
    text-align: center;
    margin: calc(70px + 7%) 0 calc(70px + 7%);
}

.johTurboIntro1Item {
    margin-bottom: 1em;
}

.johTurboTextWrapper {
    max-width: 440px;
}

.johTurboIntro2Text {
    float: left;
    margin-top: 50px;
}

.johTurboIntro2 .johLayoutVollLeft {
    background-color: #efefef;
}

.johTurboFurtherItem {
}

.johTurboExtraLineHeight {
    line-height: 1.5;
}

.johTurboButton {
    float: left;
    padding: 17px 40px;
    background-color: #ffd700;
    font-weight: normal;
    text-transform: uppercase;
    color: #333;
}

.johTurboContent {
    padding: calc(70px + 7%) 0;
    clear: both;
}

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

.johTurboContentItem {
    flex: 1;
}

.johTurboContentItemLeft {
    flex: 0 0 33.3333%;
}

.johTurboContentItemRight {

}

.johTurboContentItemText {
    padding-left: 20px;
    padding-right: 30px;
}

.johTurboContentItemBig {
    flex: 0 0 calc(66.66666% - 30px);
    display: flex;
    flex-wrap: wrap;
}

.johTurboContentItemBigItem {
    flex: 0 0 calc(50% - 110px);
    margin: 0 60px 0 50px;
    margin-bottom: 40px;
    position: relative;
}

.johTurboContentItemBigItem::before {
    content: "\2022";
    font-family: arial;
    position: absolute;
    left: -40px;
    font-size: 28px;
    line-height: 1;
}

.johTurboBlockItem {
    position: relative;
    color: white;
    z-index: 9;
}

.johTurboCases {
    padding: calc(70px + 7%) 0;
    background-color: #efefef;
}

.johTurboCasesInner {
    position: relative;
}

.johTurboCase {
}

.johTurboCaseInner {
    display: flex;
}

.johTurboCaseImage {
    flex: 0 0 66.66666%;
}

.johTurboCaseHeading {
    font-size: 120%;
    font-weight: 600;
    margin-bottom: 40px;
}

.slick-arrow {
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 9;
    cursor: pointer;
    color: #555;
    background: #f3f3f3;
    border-radius: 50%;
    padding: 10px;
    width: auto;
    height: auto;
    transition: all .3s;
}

.slick-arrow:hover {
    background-color: white;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.johTurboCaseText {
}

.johTurboCaseTextWrapper {
    flex: 0 0 33.3333%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 0 80px 0 0;
}

.johLayoutVollTurbo {
    position: relative;
}

.johTurboBlockItemHeading {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 120%;
}

.johTurboBlockItemText {

}

.johTurboContact {
    background-color: #021540;
    color: white;
    padding: 80px 0;
}

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

.johTurboContactText {
    flex: 0 0 66.6666%;
    display: flex;
    justify-content: center;
}

.johTurboContactTextInner {
    width: 445px;
}

.johTurboContactButton {

}

.johTurboButton {

}

.johTurboContactButton {

}

.johLayoutVollTurbo1 .johTurboBlockItem, .johLayoutVollTurbo3 .johTurboBlockItem {
}

.johLayoutVollTurbo0 .johTurboBlockItem, .johLayoutVollTurbo2 .johTurboBlockItem {
}

.johPortfolioContactFormButton a:hover {
    background-color: #1c7aad;
}

.johPortoflioContactImage {
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    background-repeat: no-repeat;
}

.johPortfolioContactData {
    display: inline-block;
    margin-top: 15px;
	font-family: 'Red Hat Text';
}

.johPortfolioContactIcon {
    display: inline;
    float: left;
    clear: both;
    position: absolute;
    left: -35px;
}

.johPortfolioContactLine {
    position: relative;
    clear: both;
}

.johPortfolioContactInfo {
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: -3px;
    line-height: 15px;
}

.johPortfolioContactIcon span {
    font-size: 15px;
    margin-right: 12px;
    color: #fff;
    width: 21px;
    height: 21px;
    line-height: 20px;
    background: #444444;
    text-align: center;
    border-radius: 2px;
    padding: 1px 3px;
}

.johPortfolioSections {
    float: left;
    width: 100%;
    margin: 0 0 73px 0;
}

.johPortfolioSectionsInnerBackground {
    padding: 65px 0 0;
  color: #021FBD;
  border-top: 2px solid #021FBD;
}

.johPortfolioSectionsInner {
    text-align: center;
}

.johPortfolioSectionsHeading {
    font-size: 2.185rem;
  line-height: 1.3;
  font-weight: 500;
}

.johPortfolioContentRightFotos {
    float: left;
    width: 100%;
}

.johPortfolioContentLeftPMItemInner a {
    color: inherit;
}

.johSperrfristWarning {
    background-color: #b12b03;
    padding: 12px 18px 15px;
    margin: -10px 0 40px 0;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    float: left;
    width: 100%;
}

.johPortfolioContactSectionInner {
}

.johPortfolioContentLeftPMItemInnerText {
    padding: 23px 0 18px;
  border-bottom: 2px solid #021FBD;
}

.johPortfolioContentLeftPMItemInnerImage {
    padding-bottom: 62%;
    height: 0;
    background-size: cover;
    background-position: center center;
    position: relative;
	min-height: 200px;
}

.johPortfolioContentLeftPMItemInnerDate {
    padding-bottom: 12px;
  font-family: 'Red Hat Text', sans-serif;
}

.johPMsContentLeftAbbinder {
}

.johPMsContentLeftAbbinderText {
}

.johPMsContentLeftAbbinderHeading {
    font-weight: bold;
    margin-bottom: 1.2em;
}

.johPortfolioContentInner {
    display: flex;
    padding-bottom: 100px;
}

.johPMsContentRightKundeLink {
    color: #021FBD;
  font-weight: 900;
  padding: 3px 25px;
  display: inline-block;
  margin: 30px 0 0px;
  border: 2px solid #021FBD;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5%;
	font-family: 'Montserrat';
}

.johPMsContentRightKundeLink:hover{
	background-color: #021FBD;
	color:#fff;
}

.johPortfolioContentRightWrapper {
  float: left;
  width: 100%;
  background: #E8EDFF;
  padding: 45px 45px 33px;
	font-family: 'Red Hat Text';
}

.johPortfolioContentRightWrapperL{
	background-color:white;
	float: left;
  width: 100%;
  padding: 45px 45px 33px;
	font-family: 'Red Hat Text';
}

.johPMTitle {
    text-align: left;
    margin-bottom: 27px;
    font-size: 35px;
    line-height: 1.3;
  color: #021FBD;
	padding-bottom: 32px;
}

.johPMTitle::after{
	content: "";
  display: block;
  height: 2px;
  width: 164px;
  background-color: #021FBD;
  position: relative;
  top: 32px;
}

.johPMsContentRightFotosInnerImage {
    float: left;
    width: 30.33333%;
    margin: 1.5%;
}

.johPMsContentRightKundeLogo {
    padding: 0 40px;
}

.johPMsContent {
    margin-bottom: 80px;
}

.johPMsContentTop {
}

.johPMsContentRightKunde {
    float: left;
  text-align: center;
  padding: 40px 0 45px;
  background: white;
}

.johPMsContentRightInner {

}

.johPMsContentInner {
    width: 100%;
    float: left;
}

.johPMsContentRightFotos img {
}

.johPMsContentRight, .johPortfolioContentRight {
    width: 30%;
    padding-left: 3%;
}

.johPMsContentLeft, .johPortfolioContentLeft {
    flex: 0 0 70%;
}

.johPMsContentBelow {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.johPMsContentLeft li {
    margin-bottom: 0;
    padding-left: 10px;
    margin-left: 20px;
    position: relative;
    float: left;
    clear: both;
}

.johPMsContentLeft ol, .johPMsContentLeft ul {
    float: left;
    width: 100%;
    clear: both;
}

.johPMsContentLeft ol li {
    list-style: outside decimal;
}

.johPMsContentLeft ul li {
    list-style: none;
    margin-bottom: 18px;
  padding-left: 34px;
  margin-left: 20px;
    position: relative;
    float: left;
    clear: both;
}

.johPMsContentLeft ul li::before {
    content: "• ";
    position: absolute;
    left: 20px;
}

.johInfluencer {
}

.johPMTeaserImage {
    margin-bottom: 10px;
}

.johPMTeaserImage img{
	width:100%;
	max-height:800px;
	object-fit:cover;
}

body b, body strong {
    font-weight: 700;
}

#map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
}

.johBlogSection {
    float: left;
    width: 100%;
    margin: 20px 0 20px;
}

.johKeyPoints {
    float: left;
    width: 100%;
    margin-bottom: 25px;
	font-family: 'Red Hat Text';
}

.johKeyPoints p, .johKeyPoints ul {
    margin-bottom: 0;
}

.johBlogSectionLeft {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.johBlogSectionRight {
    float: left;
    width: 45%;
    margin-left: 5%;
}

.johBlogZwischenHeading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

body .johFooter .wpcf7 .wpcf7-response-output {
    color: white;
}

body div.wpcf7-mail-sent-ok {
    border: medium none;
}

.blog-share {
    clear: both;
}

.johBigLeistung {
}

.subfooter{
	padding: 46px 4% 9px;
	text-align: center;
	font-family: 'Red Hat Text';
}

.subfooter-inner{
	max-width:673px;
	margin:0 auto;
}

.subfooter-line{
	margin-bottom:16px;
	color: #021FBD;
}

.johFooterImpressum {
}

.johFooterImpressum a {
    color: #a7a7a7;
    float: left;
    font-size: 16px;
    margin-top: 10px;
}

.johBigLeistung .johHomepageLeistung {
    width: 48%;
}

.johHomepageDetailsSections {
    float: right;
    margin-top: 30px;
}

.johHomepageDetaiSectionWrapper {
    float: left;
    margin-bottom: 20px;
    width: 46%;
}

.johHomepageDetaiSectionWrapper:nth-child(odd) {
    margin-right: 8%;
}

.johHomepageDetailSectionInner {
}

.johHomepageDetailSectionLeft {
    float: left;
    margin: 0 7% 0 0;
    width: 20%;
}

.johHomepageDetailSectionRight {
    margin-bottom: 15px;
    margin-left: 27%;
}

.johHomepageDetailSectionHeading {
    font-weight: 600;
    text-transform: uppercase;
}

.johHomeapgeLeistungText {
    display: none;
}

.johHomepageDetailSectionText {
    font-size: 95%;
    line-height: 1.2;
}

.johBigLeistung .johHomeapgeLeistungText {
    border-left: 1px solid rgba(255, 255, 255, 0.78);
    bottom: 0;
    display: inline-block;
    left: 240px;
    padding: 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
}

.johBigLeistung .johHomepageLeistungInner {
    bottom: 0;
    float: left;
    left: 0;
    margin: 20px 20px 0;
    position: absolute;
    top: 0;
    width: 200px;
}

.johJobSidebar {
    float: right;
    width: 400px;
}

.johFurtherJobsItem {
    color: inherit;
    float: left;
    margin: 10px 0;
    width: 100%;
}

.johAboutTonka {
    margin-top: 50px;
    padding-left: 50px;
}

.johAboutTonkaInner {
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    padding: 20px;
    position: relative;
    width: 100%;
}

.johAboutTonkaInnerTop span {
    float: right;
    margin-top: 20px;
}

.johFurtherJobsInner {
}

.johAboutTonkaInnerWrapper {
    color: white;
    position: relative;
    z-index: 2;
}

.johAboutTonkaInnerTop {
    font-size: 120%;
    font-weight: 700;
    text-transform: uppercase;
}

.johAboutTonkaInnerBottom {
}

.johFurtherJobsTitel {
    font-size: 150%;
    font-weight: 700;
}

.johFurtherJobsInnerWrapper {
    border-left: 1px solid #cccccc;
    float: left;
    margin-bottom: 40px;
    padding-left: 50px;
}

.johFurtherJobsSubTitel {
}

.johJobContent {
    margin-right: 450px;
}

.johScrollIcon {
    position: absolute;
    text-align: center;
    width: 100%;
}

.johScrollIconInner {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 35px;
    height: 100px;
    left: 50%;
    margin-left: -43px;
    padding-top: 12px;
    position: relative;
    top: -47px;
    width: 86px;
}

.johScrollIconInner .dashicons {
    font-size: 35px;
    width: auto;
}

.johFooterRight {
    margin-left: 602px;
}

.johFooter {
    background-color: #e8edff;
    padding: 70px 0;
}

.johFooterInner {
    max-width: 1080px;
  margin: 0 auto;
  display: flex;
}

.johFooterHeading {
    color: #021FBD;
  font-size: 50px;
  margin: 0 0 40px;
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-weight: 800;
  letter-spacing: 4px;
}

.johFooterFollow {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 100%;
}

.johFooterFollow .social-icons a.icon {
    color: #999999;
    font-size: 19.199px;
}

.johFooterText a {
    color: inherit;
}

.johFooter1 {
    float: left;
    margin: 0 50px 0 0;
    padding: 0 50px 0 0;
    width: 600px;
}

.johFooter2 {
    margin-right: 380px;
    padding-right: 50px;
}

.johFooter1, .johFooter2 {
    border-right: 1px solid #4d4d4d;
}

.johFooter3:first-child {
    flex:1;
}

.johFooter3.footer-col-end{
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
}

.johFooterItem {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.johFoterSubheading {
    color: white;
    font-size: 22px;
    line-height: 1.2;
    margin: 0 0 40px;
    text-align: center;
}

.johFooterFon {
}

.johFooterEmail {
}

.johFooterAdresse {
    line-height: 1.3;
}

.johFooterIcon {
    background: #5c5c5c none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
    text-align: center;
    width: 30px;
}

.johFooterText {
    margin-left: 41px;
}

.johFooterIcon span {
    line-height: 30px;
    padding: 0;
}

.johFooter input:not(.wpcf7-submit), .johFooter textarea {
    background: transparent none repeat scroll 0 0;
    border-color: transparent transparent #999999;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    color: #efefef;
}

.johFooter input:not(.wpcf7-submit):active, .johFooter textarea:active, .johFooter input:not(.wpcf7-submit):focus, .johFooter textarea:focus, .johFooter textarea:hover, .johFooter input:not(.wpcf7-submit):hover {
    box-shadow: none;
}

.johFocus {
    background: #333333 none repeat scroll 0 0;
    float: left;
    height: 0;
    padding-bottom: 77%;
    position: relative;
    width: 100%;
    z-index: 3;
}

.johLayoutFull {
    float: left;
    width: 100%;
}

.johLayoutHalf {
    display: table;
    width: 100%;
}

.johLayoutHalfLeft {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 50%;
}

.johLayoutHalfRight {
    display: table-cell;
    position: relative;
    width: 50%;
}

.johClear {
    clear: both;
}

.johJobs {
}

.johJobsItem {
    float: left;
    margin-bottom: 100px;
    position: relative;
    width: 100%;
}

a.johJobsItemLink {
    color: inherit;
}

.johStandardPaddingBottom {
    padding-bottom: 100px;
}

.johStandardPaddingVertical {
    padding-top: 100px;
    padding-bottom: 100px;
}

.johInfluencer a {
    color: #69aace;
}

.johJobsItemInner {
}

.johMehr {
    font-weight: 700;
    margin-top: 5px;
}

.johJobsTitel {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
}

.johJobsSubtitle {
}

.johJobsIntro {
}

.johJobsLeft {
    border-right: 1px solid #cccccc;
    float: left;
    padding-right: 50px;
    text-align: right;
    width: 500px;
}

.johJobsRight {
    margin-left: 550px;
}

.badge.post-date {
    display: none;
}

.johLeistungenHeading {
}

.johFocusItem1 .johArrow, .johFocusItem6 .johArrow {
   display: none;
}

.johFocusItem2 .arrow-left, .johFocusItem4 .arrow-left {
   display: none;
}

.johFocusItem3 .arrow-right, .johFocusItem5 .arrow-right {
   display: none;
}

.blog-single .article-inner {
    box-shadow: none;
    max-width: 1000px;
    margin: 0 auto;
}

.johStartLeft strong {
    line-height: 1.1;
}

.johZwischenHeading {
    float: left;
    font-size: 30px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.johZwischenHeadingInner {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    font-weight: 700;
    margin-bottom: 40px;
    margin-left: 1%;
    padding: 11px 20px 14px;
}

.johFocusItem2 .johArrow {
    border-left: 20px solid #31568b;
}

.johFocusItem4 .johArrow {
    border-left: 20px solid #31568b;
}

.johFocusItem3 .johArrow {
    border-right: 20px solid white;
}

.johFocusItem5 .johArrow {
    border-right: 20px solid #333333;
}

.johArrow {
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 100;
}

.arrow-right {
    border-bottom: 20px solid transparent;
    border-left: 20px solid green;
    border-top: 20px solid transparent;
    left: 50%;
    margin-right: -20px;
    margin-top: -20px;
}

.arrow-left {
    border-bottom: 20px solid transparent;
    border-right: 20px solid green;
    border-top: 20px solid transparent;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

.johFocusItem {
    position: absolute;
    font-weight: 500;
    line-height: 1.2;
}

a.johFocusItem:hover, a.johFocusItem:active {
    color: inherit;
}

.johFocusItem1 {
    bottom: 50%;
    left: 0;
    top: 0;
    width: 50%;
}

.johFocusItem2 {
    bottom: 75%;
    left: 50%;
    top: 0;
    width: 50%;
}

.johFocusItem3 {
    background: white none repeat scroll 0 0;
    bottom: 50%;
    color: #333333;
    left: 50%;
    top: 25%;
    width: 50%;
}

.johFocusItem4 {
    background: #007885 none repeat scroll 0 0;
    bottom: 25%;
    left: 0;
    top: 50%;
    width: 50%;
}

.johFocusItem4, .johFocusItem2 {
    background: #31568b none repeat scroll 0 0;
}

.johFocusItem5 {
    background: #333333 none repeat scroll 0 0;
    bottom: 0;
    color: white;
    left: 0;
    top: 75%;
    width: 50%;
}

.johWeiter {
    display: none;
    margin-top: 10px;
    opacity: 0.9;
}

.johMouseOver {
}

.johFocusItem6 {
    background: white none repeat scroll 0 0;
    bottom: 0;
    left: 50%;
    top: 50%;
    width: 50%;
}

.johFocusItemBackground {
    background-position: center center;
    background-size: cover;
    position: absolute;
    z-index: 1;
}

.johFocusItem6 .johFocusItemBackground, .johFocusItem1 .johFocusItemBackground {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.johFocusItem2 .johFocusItemBackground, .johFocusItem4 .johFocusItemBackground {
    bottom: 0;
    left: 50%;
    right: 0;
    top: 0;
}

.johFocusItem3 .johFocusItemBackground, .johFocusItem5 .johFocusItemBackground {
    bottom: 0;
    left: 0;
    right: 50%;
    top: 0;
}

.johFocusItem6 .johFocusItemInner, .johFocusItem1 .johFocusItemInner {
    color: white;
    font-size: 140%;
    margin-top: -50px;
    padding: 0 200px 0 150px;
    position: absolute;
    text-align: left;
    top: 50%;
}

.johFocusItem2 .johFocusItemInner, .johFocusItem4 .johFocusItemInner {
    bottom: 0;
    color: white;
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
}

.johFocusItem3 .johFocusItemInner, .johFocusItem5 .johFocusItemInner {
    bottom: 0;
    left: 50%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.johFocusItem5 .johFocusItemInner {
    color: white;
}

.johFocusItemInner {
    padding: 50px;
    position: relative;
    z-index: 5;
}

.johFocusItemText {
}

.johFocusItemThematik {
    color: gold;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.johFocusItemHeading {
    font-size: 1.8vw;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 10px;
}

.joHSubpageFurtherContactsIcon {
    float: left;
    margin-left: 0;
    margin-top: 6px;
    text-align: left;
    width: 35px;
}

.joHSubpageFurtherContactsIconDown {
    float: right;
}

.nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover {
    color: white;
}

.nav-dropdown > li > a{
	padding:15px;
}

.nav-dropdown-has-border .nav-dropdown {
	box-shadow:none;
	top: 53px;
	padding: 0;
	min-width: 300px;
}

.nav-dropdown.dropdown-uppercase > li > a {
  font-size: 18px;
	letter-spacing: 2px;
  color: #252525;
  font-weight: 700;
}

.nav-dropdown.nav-dropdown-simple > li > a:hover {
  background-color: transparent;
	color:#021FBD;
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: transparent;
    border-bottom-color: transparent;
    border-width: 0;
    position: absolute;
    left: -99999px!important;
}

.johLeistungenWrapper {
}

.johLeistungItem {
    color: inherit;
}

.johFurtherJobsHeading {
    font-size: 20px;
    font-weight: 600;
    height: 40px;
    margin-top: -40px;
    padding-left: 50px;
}

.johTeamConnectIconInner i {
}

.johTeamConnectIconInner i, .johTeamConnectIconInner img {
    color: #000000;
    vertical-align: top;
    font-size: 18px;
    padding-top: 8px;
}

.johSectionH1 {
    font-family:'Montserrat';
	font-size: 50px;
	line-height: 60px;
	font-weight:900;
    margin-bottom: 0px;
	color:#021FBD;
}

.johHomepageTeamMemberImage img.icon-xing {
    margin-top: 1px;
    width: 18px;
}

.johSectionTagline {
    font-size: 5vw;
    font-weight: 700;
    letter-spacing: -0.1vw;
    margin: 0 auto;
    width: 80%;
}

.johLeistungLine {
    border-bottom: 3px solid;
    margin-bottom: 10px;
    width: 30px;
}

.johLeistungenGrid {
    margin: 0 -2%;
    width: 104%;
    display: flex;
    flex-wrap: wrap;
}

.johLeistungTitel {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.johLeistungText {
    line-height: 1.2;
    margin-top: 20px;
}

.johLeistungTopInner {
    position: relative;
    z-index: 3;
}

.johLeistungItemInner {
    background: #efefef none repeat scroll 0 0;
    border-radius: 3px;
    min-height: 100px;
}

.johLeistungContent {
    padding: 20px 40px 40px;
}

.johLeistungTop {
    background-position: center center;
    background-size: cover;
    color: white;
    padding: 50px 40px 40px;
    position: relative;
}

.johClearfix {
}

.johClearfix:after {
  content: "";
  display: table;
  clear: both;
}

.johSectionText {
    color: #021FBD;
    font-size: 150%;
    line-height: 1.2;
    margin: 30px 0 0;
    text-transform: none;
	width: 70%;
}

.johPortfolioContentLeftPMItemInnerTitel {
    font-weight: 600;
    color: #021FBD;
  line-height: 1.2;
  font-family: 'Red Hat Display';
  font-size: 30px;
}

.johTaglineSection {
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 5%;
    padding-top: 10%;
    text-transform: uppercase;
}

.johPortfolioContentLeftPMs {
    width: 104%;
    margin-left: -5%;
    margin-top: -2.5%;
}

.grid-item {
    margin: 2%;
    width: 29.333%;
}

.johPortfolioContentLeftPMItem, .grid-sizer {
    float: left;
    width: 50%;
    padding: 2.5% 5%;
}

.grid-item--width2 {
    width: 50%;
}

.johPMTeaserImageCaption {
    font-size: 14px;
  margin-top: 10px;
  font-style: italic;
  text-align: right;
}

.johPortfolioContentLeftPMItemInner {
    font-size: 90%;
    border-radius: 3px;
}

.joh-absolute-heading .header {
    position: absolute;
}

.johScroll {
    margin-top: 5%;
    opacity: 0.3;
}

.col.post-item {
    padding: 0 40px 80px;
}

.badge.top {
    left: 5px;
}

.blog-wrapper #nav-below .next-prev-nav i {
    font-size: 1em;
    margin: 0!important;
}

.blog-wrapper .article-inner .entry-meta {
    display: none;
}

.blog-archive .col-inner {
    border-radius: 3px;
    overflow: hidden;
}

.blog-wrapper .nav-previous {
    padding: 0 20px;
}

.blog-wrapper .nav-next {
    padding: 0 10px 0 10px;
}

.joHSubpageFurtherContactsText {
    margin: 0 0 0 50px;
}

.joHSubpageFurtherContactsTextBottom {
    font-weight: bold;
}

.joHSubpageFurtherContactsTextBottom a {
    color: inherit;
}

.joHSubpageFurtherContacts {
    float: left;
    margin: 0 0 10px 15px;
    width: 100%;
}

.joHSubpageFurtherContactsHeadline {
    background: #555555 none repeat scroll 0 0;
    color: white;
    float: left;
    font-weight: bold;
    margin: 0 0 0 -2%;
    padding: 10px 7%;
    text-transform: uppercase;
    width: 102%;
}

.joHSubpageFurtherContactsTextTop {
    font-weight: 300;
}

#main {
    float: left;
    width: 100%;
}

.johHomepageTeamNew {
    text-align: center;
    padding: 0 5% 0;
}

.johTeamConnect {
    text-align: center;
    float: left;
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin-top: 20px;
    position: absolute;
    bottom: -26px;
    z-index: 30000;
}

.johTeamConnectInner {
    padding: 0 10%;
    width: 100%;
    position: absolute;
}

.johTeamContactWrapper {
    float: left;
    font-size: 16px;
    margin-bottom: 15px;
    width: 100%;
}

.johTeamContact {
    color: white;
    float: left;
    width: 100%;
    text-align: center;
}

.johTeamConnect:hover {
    opacity: 1;
}

.johTeamConnectIcon {
    display: inline-block;
}

.johPortfolioTop {
    float: left;
    position: relative;
    width: 100%;
}

.johTeamConnectIconInner {
    background: #e3e3e3;
    border-radius: 100%;
    height: 48px;
    width: 48px;
    border: 5px solid #ffffff;
}

.johHomepageDetails {
    background: #efefef none repeat scroll 0 0;
    padding: 150px 0;
    position: relative;
}

.johHomepageDetailsLeft {
    float: left;
    font-size: 85px;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 0.85;
    text-transform: uppercase;
    width: 500px;
}

.johHomepageDetailsLeft p {
    margin-bottom: 0;
}

.johPortfolioBottom {
    float: left;
    position: relative;
    width: 100%;
}

.johHomepageDetailsHeadingTop {
    font-size: 65px;
    font-weight: 200;
    letter-spacing: -3px;
    line-height: 0.95;
    text-transform: uppercase;
}

.johHomepageDetailsHeadingBottom {
    font-size: 50px;
    font-weight: 700;
}

.johHomepageDetailsText {
    float: right;
    font-size: 110%;
    margin: 85px 0 0;
}

.johHomepageDetailsRight {
    margin-left: 580px;
}

.johSubpageLeftWrapper {
    margin-right: 470px;
    padding-top: 10px;
}

.johSubpageRightWrapper {
}

.joh1of2 {
    float: left;
    width: 46%;
    margin: 0 2%;
}

h1.johSubpageHeaderHeading {
    color: white;
    font-size: 4vw;
    position: relative;
}

.page-wrapper {
    padding-bottom: 80px;
    padding-top: 80px;
}

.johNoTopPadding {
    margin-top: -80px;
}

.page-wrapper.johNoTopPadding {
    margin-top: -80px;
}

.johSubpageFurther {
}

.johSubpageFurtherItem {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    padding: 100px 0 120px;
    position: relative;
    width: 100%;
}

.johSubpageFurtherItemInhalte {
    font-size: 18px;
}

.johLayoutHalfLeft .johSubpageFurtherItemBlop, .johLayoutVollLeft .johSubpageFurtherItemBlop {
    float: right;
    max-width: 800px;
    padding-left: 8%;
    padding-right: 12%;
    width: 100%;
}

.johLayoutHalfRight .johSubpageFurtherItemBlop, .johLayoutVollRight .johSubpageFurtherItemBlop {
    float: left;
    max-width: 800px;
    padding-left: 12%;
    padding-right: 8%;
}

.johSubpageFurtherItemAbove {
    float: left;
    position: relative;
    z-index: 5;
    width: 100%;
}

.johSubpageFurtherItemInhalteLeft {
    float: left;
    padding-right: 8%;
    width: 50%;
}

.johSubpageFurtherItemInhalteRight {
    float: left;
    padding-left: 8%;
    width: 50%;
}

.johSubpageFurtherItemHalfAbove {
}

.johSubpageFurtherRightInner {
    float: left;
    margin: 0;
    padding: 0 0 10px;
    width: 100%;
}

.johSubpageFurtherItemHeader {
    display: table;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.johBlackOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0000004d;
    z-index: 1;
}

.johWhiteColor, .johWhiteColor h1, .johWhiteColor h2, .johWhiteColor h3, .johWhiteColor h4, .johWhiteColor a {
    color: white;
}

.johMediumOverlay {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.johDarkerOverlay {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.johSubpage h2.johSubpageFurtherItemHeadline {
    font-size: 40px;
    line-height: 1;
    margin: 0 0 30px;
    position: relative;
    text-align: left;
    max-width: 400px;
}

.johSubpageSubline {
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    margin: 10px 0 50px;
}

.johSubpageFurtherInner {
}

.johSubpageHeaderHeading {
    letter-spacing: -3px;
    line-height: 0.9;
    margin: 0;
    text-transform: uppercase;
}

.johSubpageSubheader h2 {
    text-align: center;
}

.johPortfolio p#breadcrumbs {
    color: #333333;
}

.johTOCItem {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.johTOCItemIcon {
    float: left;
    margin: -2px 20px 2px 0;
    width: 30px;
}

.johTOCItemTitel {
    line-height: 1.2;
    margin-left: 55px;
}

.johSubpageFurther {
    float: left;
    width: 100%;
    position: relative;
}

.johSubpageFurtherItemText {
    float: left;
    font-size: 18px;
    margin-top: 40px;
    padding-left: 4%;
    width: 50%;
}

.johSubpageHeaderText {
    font-size: 100%;
  line-height: 1.55;
}

.johHomepageTeamMemberImage img {
    width: 100%;
}

#logo img {
    max-height: 83px;
    padding: 10px 0;
}

.johSubpageFurtherItemInner {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
}

.johSubpageFurtherItemIcon {
    display: table-cell;
    float: left;
    padding-right: 50px;
    vertical-align: middle;
    width: 110px;
}

.johSubpageFurtherItemZusatz {
    float: left;
    margin-top: 40px;
    padding-right: 5%;
    width: 50%;
}

.johSubpageFurtherItemIcon img {
    margin-left: 30px;
    width: 130px;
}

.johHomepageReferenzen, .johPortfolioMoreWrapper {
    background: #e1e1e1 none repeat scroll 0 0;
}

.johPortfolioMoreWrapper {
    float: left;
    width: 100%;
}

.johContent {
}

.johUberTextWrapper {
    float: left;
    padding-bottom: 100px;
    width: 100%;
}

.johUberTextLeft {
    float: left;
    padding-right: 40px;
    width: 50%;
}

.johUberTextRight {
    float: left;
    padding-left: 40px;
    width: 50%;
}

.johHomepageReferenzen {
    color: white;
    float: left;
    padding: 100px 0 100px;
    width: 100%;
}

.johPortfolioBottom .johHomepageReferenzen {
    padding: 150px 0;
}

.johHomepageReferenzenWrapper {
    float: left;
    width: 105%;
    margin: 0 -2.5%;
}

.johHomepageReferenzenInnerWrapper {
    float: left;
    width: 25%;
    height: 0;
    padding-bottom: 6%;
    text-align: center;
    position: relative;
    border-right: 1px dashed #ababab;
    margin-bottom: 2%;
    margin-top: 2%;
}

.johHomepageReferenzenInnerWrapper:nth-child(4n+4) {
    border: medium none;
}

.johHomepageLeistungIcon {
    height: 120px;
    position: absolute;
    bottom: 110px;
    width: 100%;
}

.johHomepageLeistungIcon img {
    position: relative;
    height: 100%;
}

.johHomepageReferenzenInner {
    bottom: 0;
    left: 23%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 54%;
}

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

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

.johFocusWrapper {
    background-color: #efefef;
}

.johFocusWrapper h2 {
    text-align: center;
    margin-bottom: 80px;
    font-size: 250%;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.johHomepageReferenzen h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 250%;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.johHomepageReferenzenImage img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;
    width: auto;
}

.johHomepageReferenzenTitel {
    position: absolute;
    bottom: 10%;
    width: 100%;
    font-size: 150%;
    font-weight: 600;
}

.johPortfolio .johSubpageHeaderText p {
    color: #000;
}

.johPortfolio .johHalf::after {
    background: transparent none repeat scroll 0 0;
}

.johAntiContainer{
	display: flex;
	align-items:center;
	justify-content: space-between;
}

.johPortfolioLink {
    color: #021FBD;
  float: left;
  margin-top: 22px;
  font-family: 'Montserrat';
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 5%;
  border: 2px solid #021FBD;
  padding: 4px 32px;
}

.johPortfolioLink:hover{
	background-color: #021FBD;
	color:#fff;
}

.johPortfolioLinkIcon .dashicons {
    color: #666666;
    font-size: 45px;
}

.johPortfolioLinkIcon {
    border-right: 2px solid #999999;
    float: left;
    height: 50px;
    margin-right: 20px;
    vertical-align: middle;
    width: 65px;
}

.johPortfolioText {
    display: table-cell;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    margin-left: 60px;
    vertical-align: middle;
}

.johPortfolioTextAbove {
    font-weight: 700;
}

h2.johStandardHeadingCenter {
    background: white none repeat scroll 0 0;
    bottom: -90px;
    box-shadow: 0 6px 6px -6px #929292;
    font-weight: 400;
    height: 90px;
    left: 50%;
    margin: -90px 0 0 -250px;
    max-width: 100%;
    padding: 15px 0 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 500px;
    z-index: 3;
}

.johPortfolioTextBelow {
}

.columns {
    padding: 0;
}

.footer-wrapper {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}

.johHompageHeaderWrapper {
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    width: 100%;
}

.johStartH1 {
    color: #333333;
    font-size: 320%;
    font-weight: 200;
    letter-spacing: -2px;
    line-height: 1;
    margin-bottom: 40px;
    text-align: right;
    text-transform: uppercase;
}

.johHomepageDetailSectionText p {
    margin-bottom: 5px;
}

.johHomepageDetailSectionText a {
    color: inherit;
    font-weight: 500;
}

.johHomepageDetailSectionLink {
    color: #555555;
    font-size: 85%;
    font-weight: 600;
}

.johStartLeft {
    border-right: 1px solid #e4e4e4;
    float: left;
    font-size: 105%;
    line-height: 1.2;
    margin: 0 440px 0 0;
    padding: 0 100px 0 0;
}

.johGrayscale img {
  /* Firefox 3.5+, IE10 */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

.johGrayscale img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.johStartRight {
}

.johAntiRow {
    position: relative;
}

.johSubpagePortfolioHeading {
}

.johPortfolioImage {
    float: left;
    margin-top: 0;
    max-width: 100%;
    width: 70%;
}

.johPortfolioImage img {
    vertical-align: top;
}

.SubpageBelowHeader {
}

.top-divider {
    display: none;
}

.johHomepageSectionHeading {
    color: white;
    font-size: 300%;
    font-weight: 900;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2),1px -1px 3px rgba(0, 0, 0, 0.2),-1px 1px 3px rgba(0, 0, 0, 0.2),-1px -1px 3px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}

.johHomepageStartRight {
    color: #222222;
    font-size: 115%;
    line-height: 1;
    position: absolute;
    right: 0;
    width: 350px;
}

.johSubpageStart1 {
    font-size: 65px;
    font-weight: 200;
    letter-spacing: -2px;
    line-height: 1;
    text-transform: uppercase;
}

.johSubpageStart2 {
    font-size: 47px;
    font-weight: 700;
    letter-spacing: -2px;
    margin-top: -5px;
    text-transform: uppercase;
}

.johSubpageStart3 {
    font-size: 115%;
    line-height: 1.1;
    margin-top: 10px;
}

.logo a {
    color: white !important;
}

.johSubpageHeaderText p {
    color: white;
}

p#breadcrumbs {
    color: white;
}

.container {
    /*position: relative;*/
    z-index: 2;
}

.johHomepageHeaderInner {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.johTurboOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(31 31 101 / 15%);
}

.johHomepageHeader {
    background: #ccc none no-repeat scroll center center / cover;
    height: 100vh;
    margin: 0;
    min-height: 600px;
    padding-bottom: 40%;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.johHomepageSection {
    background-color: rgba(9, 9, 9, 0.79);
    color: white;
    padding: 250px 0;
}

.table-container {
    width: 100%;
    overflow-y: auto;
}

.johPMs .table-container table {
    word-break: normal;
}

.johHomepageSectionText {
}

.johHomepageSectionPoints {
}

.johHomepageLeistungenWrapper {
    margin: 0 -1%;
}

.johHomepageInner {
    left: 0;
    padding-left: 5%;
    padding-top: 95px;
    width: 100%;
}

/* No Skew

.johHomepageStartWrapper:before {
    background: inherit;
    bottom: 0;
    content: "";
    height: 101%;
    position: absolute;
    transform: skewY(-3deg);
    transform-origin: left top 0;
    width: 100%;
    z-index: 1;
}

*/

.johHomepageLeistungen {
    background: #efefef none no-repeat scroll center center / cover ;
    padding: 6% 0;
}

.nav-spacing-xlarge > li {
    margin: 0;
}

.nav-dark .nav > li > a {
    color: #252525;
}

.nav-dark .nav > li > a:hover {
    color: #021FBD;
}

.nav > li > a {
    font-weight: 700;
    letter-spacing: 2px;
}

.nav.top-bar-nav > li > a {
    font-weight: 300;
}

.nav-top-link .icon-angle-down{
	display:none;
}

body .header-main {
    height: 65px;
}

.joh-transparent-header .header {
    position: absolute;
}

.johMenuIcon {
    padding-right: 22px;
    width: 55px;
}

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

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a {
    border-bottom: medium none;
}

li.has-dropdown::after, li.has-dropdown::before {
    border: medium none;
}

.nav-dropdown {
    border: medium none;
    box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.77);
}

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

li.johMenuHide {
    font-size: 0;
}

.johMenuHide li {
    font-size: 21px;
    padding-right: 20px;
}

.johHomepageLeistung {
    background: rgba(0, 0, 0, 0.62) none repeat scroll 0 0;
    border-radius: 2px;
    color: white;
    float: left;
    height: 360px;
    line-height: 1;
    margin: 1%;
    padding: 2% 0 2%;
    position: relative;
    text-align: center;
    width: 31.3333333%;
    cursor: pointer !important;
}

.johHomepageLeistung:hover, .johHomepageLeistung:active {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

.johHomepageLeistungTitel {
    font-size: 200%;
    font-weight: 600;
    padding: 0 8%;
}

.johLinkOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
}

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

.johHomepageLeistungWrapper {
    position: relative;
    width: 102%;
    margin: 0 -1%;
}

.johHomepageLeistungInner {
}

.johAngle {
}

.johHomepageLeistungLinks {
    bottom: 0;
    padding: 0 8% 35px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.johButton {
    border-radius: 10px;
    line-height: 1.8!important;
    margin-left: 15px!important;
    min-height: 0;
}

.johButton a {
    padding: 0 10px !important;
}

.johHomepageLeistungLinks a {
    color: white;
}

.johHomepageHeaderText {
    color: white;
    float: left;
    text-align: center;
    width: 100%;
}

.johHomepageHeaderText, .johHomepageHeaderText h1, .johHomepageHeaderText h2 {
    color: white;
    font-size: 6vw;
    font-weight: 700;
    letter-spacing: -0.3vw;
    line-height: 0.85;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    word-spacing: 0.7vw;
}

.johHomepageHeaderText2 {
    color: white;
    font-size: 4vw;
    font-weight: 200;
    letter-spacing: -4px;
    text-align: left;
    text-transform: uppercase;
    word-spacing: 7px;
    line-height: 1;
    margin-top: 20px;
    float: left;
}

.johHomepageHeaderText h1 {
    width: 100%;
}

.johHomepageStartWrapper {
    background: #fafafa none repeat scroll 0 0;
    padding: 12% 0;
    position: relative;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: none;
}

.container {
    max-width: 1600px;
    padding-left: 4%;
    padding-right: 4%;
}

.johLayoutHalf .container {
    max-width: 1600px;
    padding-left: 8%;
    padding-right: 8%;
}

.blog-wrapper.blog-archive {
    margin: 0 auto;
    max-width: 1600px;
    padding: 80px 4%;
}

.blog-archive .large-10 {
    flex-basis: 106%;
    margin: 0 -3%;
    max-width: 106%;
}

.johHomepageHeaderLinkSeparator {
}

.johHomepageTeamText {
    font-size: 115%;
    padding: 0 11%;
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.johHomepageTeam {
    float: left;
    width: 100%;
    padding: 7% 0;
}

.johHomepageTeamWrapper {
    float: left;
    margin: -2% -3% 8%;
    width: 106%;
    display: flex;
    flex-wrap: wrap;
}

.johHomepageTeamMember {
    float: left;
    margin: 0 3% 3%;
    text-align: left;
    width: 19%;
}

.johHomepageTeamMemberInner {
    line-height: 1.1;
}

.johHomepageTeamMemberImage {
    position: relative;
}

.johHomepageTeamMemberName {
    font-size: 26px;
    font-weight: 700;
    margin: 24px 0 0;
}

.johHomepageTeamMemberTitle {
}

.johHomepageHeaderLinks {
    color: white;
    font-size: 100%;
    line-height: 1;
    margin: 0 0 0 10%;
}

.johHomepageHeaderLink {
    clear: both;
    float: left;
}

.johHomepageHeaderLink a, .johHomepageHeaderLinkSeparator {
    color: #d2c410;
    font-size: 200%;
    font-weight: 600;
    line-height: 1;
    margin-right: 0;
}

.johHomepageHeaderLeft {
    float: left;
    margin: 0 3% 0 0;
    width: 30%;
}

.johHomepageHeaderRight {
    float: left;
    margin: 0 0 0 3%;
    width: 64%;
}

.johHomepageHeaderBox {
    border-top: 1px solid white;
    float: left;
    margin: 0 0 80px;
    padding: 0 50px 0 0;
    width: 100%;
}

.johHomepageHeaderBox h2 {
    color: white;
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
}

.johHomepageSectionWrapper {
    background-size: 100% auto;
}

.johSubpageHeaderLeft {
    color: white;
    float: left;
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    text-align: left;
    width: 35%;
    z-index: 2;
}

.johSubpageHeaderRight {
    color: white;
    float: right;
    padding: 0 0 0 5%;
    position: relative;
    width: 60%;
    z-index: 2;
}

.johHalf:after {
    background: rgba(0, 0, 0, 0.74) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.johHalf:before, .johHalf:after {
    transform: skewX(-5deg);
    transform-origin: right bottom 0;
}

/*.johHalf:before {
    border-left: 5px solid #1d6d98;
    bottom: 10%;
    content: "";
    height: 80%;
    left: 2px;
    position: absolute;
    top: 10%;
    width: 4px;
    z-index: 3;
}*/

.johOverlay {
    background: rgba(0, 0, 0, 0.37) none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.johWhiteOverlay {
    background: rgba(251, 251, 251, 0.79) none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.johBreadcrumb {
    color: white;
    font-size: 20px;
    font-weight: 700;
    left: 5%;
    line-height: 1;
    margin: 0 0 50px;
    z-index: 4;
}

.johBreadcrumb a {
    color: #00a4fc;
}

p#breadcrumbs {
    margin: 0;
}

.johSubpageHeader {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    height: 500px;
    overflow: hidden;
    padding-bottom: 100px;
    position: relative;
    width: 100%;
}

.johSubpageHeaderSubheading {
    font-size: 35px;
    font-weight: 600;
    margin-top: 10px;
}

.johSubpageInner {
    margin-top: 80px;
}

li {
    list-style: outside;
    margin-bottom: 0;
    margin-left: 20px;
}

.elementor-list{
	margin-bottom:40px;
}

li.elementor-icon-list-item{
	list-style:none;
	margin: 0 0 16px;
}

li.elementor-icon-list-item a{
	display: flex;
  align-items: center;
}

.elementor-icon-list-icon{
	padding-right:20px;
}

a.elementor-button {
  background-color: #021FBD;
  font-family: "Montserrat", Sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  letter-spacing: 2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #021FBD;
  padding: 5px 30px 4px 30px;
	display: inline-block;
	transition:all .3s ease;
}

a.elementor-button:hover{
	color: #021FBD;
	background-color:transparent;
}

.johHalf {
    bottom: 0;
    left: 47%;
    position: absolute;
    right: 0;
    top: 0;
    width: 58%;
    z-index: 1;
}

.johSubpageSectionLinks {
    background: #181818 none repeat scroll 0 0;
    box-shadow: 0 3px 3px 4px rgba(69, 69, 69, 0.47);
    display: table;
    float: left;
    padding: 0 5%;
    position: relative;
    width: 100%;
    z-index: 3;
}

.johSubpageSubheader {
    background: white;
    color: #333333;
    padding-top: 5%;
    width: 100%;
    padding-bottom: 5%;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    line-height: 1.2;
}

.johSubpage h1 {
    font-size: 350%;
    letter-spacing: -1.5px;
    line-height: 1;
    margin: 30px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.johSubpageSectionLinksItem {
    border-left: 2px solid #404040;
    color: #efefef;
    display: table-cell;
    font-size: 120%;
    font-weight: 900;
    padding: 7px 0 9px;
    text-align: center;
    text-transform: uppercase;
}

.johFirstLetter {
    border: 2px solid;
    border-radius: 2px;
    color: #307caa;
    float: left;
    font-size: 300%;
    font-weight: bold;
    line-height: 1;
    margin: 6px 12px 0 0;
    padding: 0 11px 2px;
    text-align: center;
}

.johSubpageSubheaderLeft {
    float: left;
    margin: 0 6% 0 0;
    width: 44%;
}

.johSubpageSubheaderCenter {
    float: left;
    margin: 0 6% 0 0;
    width: 44%;
}

.johHomepageStartLeft {
    float: left;
    margin: 0 6% 0 0;
    width: 47%;
}

.johSubpageContact {
}

.johHomepageStartCenter {
    float: left;
    width: 47%;
}

.johSubpageFurtherWrapper {
    position: absolute;
    right: 0;
    float: right;
}

.johSubpageRightWrapper  {
    float: right;
    width: 440px;
}

.joHSubpageFurtherContactsIcon .dashicons {
    font-size: 23px;
}

.johSubpageFurtherRightInner {
    background: #ffe60d none repeat scroll 0 0;
}

.johToTopText {
    float: left;
    margin-top: 5px;
}

.johToTopLink {
}

.johToTop {
    background: #d5d5d5 none repeat scroll 0 0;
    color: #333333;
    float: left;
    padding: 7px 20px 11px;
    width: 100%;
}

.johToTopIcon {
}

.johSubpageFurtherRight {
    float: right;
    font-size: 15px;
    margin-top: 60px;
    position: relative;
    right: 0;
    width: 235px;
    z-index: 4;
}

.johAnchor {
    float: left;
    font-size: 0;
    position: absolute;
    top: -50px;
}

.johSubpageSubheaderRight {
    border-left: 1px solid #e4e4e4;
    padding: 10px 0 10px 70px;
}

.johSubpageSubheaderRight {
    float: left;
    width: 100%;
}

#header {
    background: transparent none repeat scroll 0 0;
}

#masthead, #top-bar {
}

#top-bar .header-social-icons {
    height: 25px;
    margin-top: 3px;
    top: 0;
}

body #logo {
    border-radius: 0 0 3px 3px;
    max-height: none;
    text-align: center;
    width: auto;
	margin-right: 5%;
}

.joh-transparent-header #logo {
    background: #222222 none repeat scroll 0 0;
}

.joh-transparent-header .header-bg-color, .joh-transparent-header .header-wrapper {
    background-color: transparent;
}

.stuck #logo {
    margin-top: 0;
}

.top-bar-nav .social-icons a {

}

.johKontaktButton {
    text-align: center;
}

.stuck .header-main .nav > li > a {
  line-height: 16px!important;
}

.nav > li.johKontaktButton > a{
	background-color: #021FBD;
  padding: 12px 30px;
  color: #fff !important;
  font-family: "Montserrat", Sans-serif;
  font-weight: 800;
  letter-spacing: 2px;
  transition: all .3s ease;
}

.nav > li.johKontaktButton > a:hover{
	background-color: #000;
}

.nav-dark .social-icons, .dark .social-icons {
    color: #fff;
    padding-top: 2px;
    text-align: center;
    width: 100%;
}

.top-bar-nav.nav-right {
    background: #333333 none repeat scroll 0 0;
    margin-top: -2px;
    padding-right: 12px;
    padding-top: 3px;
    text-align: center;
    width: 190px;
}


@media only screen and (min-width: 1500px) {


    .johFocusItemHeading {
        font-size: 1.5vw;
    }

    .johTonkaTurbo .johLayoutHalfLeft .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutVollLeft .johSubpageFurtherItemBlop {
        padding-left: 16%;
        padding-right: 11%;
    }

}



@media only screen and (min-width: 1600px) {

    .johTonkaTurbo .johLayoutHalfLeft .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutVollLeft .johSubpageFurtherItemBlop {
        padding-left: 8%;
        padding-right: 12%;
    }

    .johTonkaTurbo .johLayoutHalfRight .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutVollRight .johSubpageFurtherItemBlop {
        padding-right: 8%;
        padding-left: 12%;
    }

    .johTonkaTurbo .container {
        padding-left: 4%;
        padding-right: 4%;
    }

    .johTurboMainHeading {
        font-size: 100px;
    }

.johHomepageHeaderText, .johHomepageHeaderText h1, .johHomepageHeaderText h2 {
    font-size: 100px;
}

.johHomepageHeaderText2 {
    font-size: 62px;
}

}








@media only screen and (max-width: 1580px) {


.johHomepageStartWrapper.johHomepageStartWrapperEnglish .johSubpageStart2 {
    font-size: 70px;
}

.johHomepageDetailsLeft {
    font-size: 74px;
    width: 390px;
}

.johHomepageDetailsText {
    margin: 70px 0 0;
}

.johHomepageDetailSectionRight {
    margin-left: 25%;
}

.johHomepageDetailSectionLeft {
    margin: 0 5% 0 0;
    width: 18%;
}

.johHomepageDetailsRight {
    margin-left: 490px;
}

.johSubpageHeaderLeft {
    font-size: 70px;
}

#map {
    height: 350px;
}

body {
    font-size: 18px;
}

.johTOCItem {
    float: left;
    margin-bottom: 8px;
}

.johSubpageRightWrapper {
    width: 390px;
}

.johSubpageSubheaderRight {
    padding: 10px 0 10px 50px;
}

.johSubpageLeftWrapper {
    margin-right: 391px;
}

.johSubpageStart1 {
    font-size: 60px;
}

.johSubpageStart2 {
    font-size: 43.2px;
    margin-top: 0;
}

.johSubpageStart3 {
    font-size: 110%;
    line-height: 1.2;
}

.johStartLeft {
    margin: 0 400px 0 0;
    padding: 0 80px 0 0;
}

.johHomepageStartRight {
    width: 330px;
}

.johHomepageLeistung {
    height: 320px;
}

.johHomepageLeistungIcon {
    bottom: 100px;
    height: 100px;
}

}


@media only screen and (max-width: 1400px) {

.johPMsContentRight, .johPortfolioContentRight  {
    width: 35%;
    padding-left: 3%;
}

.johPMsContentLeft, .johPortfolioContentLeft {
    /*border-right: 1px dotted #cccccc;
    padding-right: 3%;*/
    width: 65%;
}

.johNewsWrapperRight {
    padding-left: 3%;
    width: 35%;
}

.johHomepageDetailsRight {
    margin-left: 450px;
}

.johHomepageLeistungIcon {
    bottom: 90px;
}

.johHomepageLeistung {
    height: 280px;
}

.johHomepageLeistungTitel {
    font-size: 170%;
}

.johSubpageHeaderText {
    font-size: 105%;
}

.johSubpageRightWrapper {
    width: 350px;
}

.johSubpageSubheaderRight {
    font-size: 17px;
    padding: 10px 0 10px 50px;
}

.johSubpageLeftWrapper {
    margin-right: 351px;
}

.johSubpage h1 {
    font-size: 300%;
}

.johSubpageSubline {
    font-size: 27px;
}

.johHomepageDetailsHeadingTop {
    font-size: 50px;
}

.johHomepageDetailsHeadingBottom {
    font-size: 35px;
}

.johHomepageDetailsText {
    font-size: 105%;
}

h1.johSubpageHeaderHeading {
    font-size: 60px;
}

.johHomepageTeamMemberName {
    font-size: 24px;
}


}



@media only screen and (max-width: 1300px) {

.johPMTitle {
    font-size: 30px;
}

.johNewsWrapperRight {
    padding-left: 30px;
}

.johPMsContentLeft, .johPortfolioContentLeft {
    padding-right: 30px;
}

.johPMsContentRightInner {
}

.johHomepageStartWrapper.johHomepageStartWrapperEnglish .johSubpageStart2 {
    font-size: 64px;
}

.johTeamConnectIconInner i, .johTeamConnectIconInner img {
    font-size: 14px;
}

.johHomepageTeamMemberImage img.icon-xing {
    width: 14px;
}

.johTeamConnectIconInner i, .johTeamConnectIconInner img {
    padding-top: 6px;
}

.johTeamConnectIconInner {
    height: 41px;
    width: 41px;
}

.johSubpageHeaderLeft {
    font-size: 60px;
}

.johHomepageStartRight {
    width: 285px;
}

.johSubpageStart1 {
    font-size: 55px;
}

.johSubpageStart2 {
    font-size: 39.8px;
}

.johStartLeft {
    margin: 0 350px 0 0;
    padding: 0 60px 0 0;
}

.johFooter1 {
    margin: 0 40px 0 0;
    padding: 0 40px 0 0;
    width: 450px;
}

.johFooter3 {
    font-size: 17px;
    padding-left: 40px;
    width: 300px;
}

.johFooter2 {
    margin-right: 300px;
    padding-right: 40px;
}

.johFocusItem6 .johFocusItemInner, .johFocusItem1 .johFocusItemInner {
    padding: 0 100px;
    top: 45%;
}

.johFocusItemInner {
    padding: 35px;
}

.johFocusItemHeading {
    font-size: 19px;
}

.johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
    font-size: 22px;
}

.johHomepageReferenzen {
    padding: 100px 0;
}

.johHomepageTeamMemberName {
    font-size: 22px;
}

.johHomepageDetailsLeft {
    font-size: 70px;
    width: 380px;
}

.johHomepageDetailsRight {
    margin-left: 410px;
}

.johHomepageDetaiSectionWrapper:nth-child(2n+1) {
    margin-right: 6%;
}

.johHomepageDetaiSectionWrapper {
    width: 47%;
}

.johHomepageDetailSectionLeft {
    margin: 0 5% 0 0;
    width: 17%;
}

.johHomepageDetailSectionRight {
    margin-left: 23%;
}

.johHomepageDetailsText {
    margin: 65px 0 0;
}

}




@media only screen and (max-width: 1200px) {

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

.johPortfolioContactInfo {
    font-size: 13px;
}

.johHomepageDetailsLeft {
    font-size: 60px;
    width: 330px;
}

.johHomepageDetailsRight {
    margin-left: 350px;
}

.johHomepageDetailsText {
    margin: 55px 0 0;
}

.johHomepageDetaiSectionWrapper:nth-child(2n+1) {
    margin-right: 4%;
}

.johHomepageDetaiSectionWrapper {
    width: 48%;
}

.johSubpageHeaderLeft {
    font-size: 50px;
}

.johLeistungContent {
    padding: 10px 30px 40px;
}

.johLeistungTop {
    padding: 40px 30px 30px;
}

.johLeistungTitel {
    font-size: 25px;
}

.johHomepageLeistung {
    padding: 3% 0;
}

.johHomepageReferenzen {
    padding: 60px 0;
}

.johHomepageReferenzenInnerWrapper:nth-child(4n+4) {
    border: medium none;
}

.johHomepageReferenzenInnerWrapper:nth-child(5n+5) {
    border-right: 1px dashed #ababab;
}

.johHomepageReferenzenInnerWrapper {
    border-right: 1px dashed #ababab;
    width: 25%;
}

.johHomepageReferenzenInnerWrapper {
    padding-bottom: 8%;
}

.johFooter1 {
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
    width: 400px;
}

.johFooter3 {
    font-size: 17px;
    padding-left: 30px;
}

.johFooter2 {
    padding-right: 30px;
}

body {
    font-size: 17px;
}

.johHomepageStartRight {
    width: 240px;
}

.johSubpageStart1 {
    font-size: 47px;
}

.johSubpageStart2 {
    font-size: 34px;
}

.johStartLeft {
    margin: 0 290px 0 0;
    padding: 0 60px 0 0;
}

.johStartH1 {
    font-size: 280%;
}

.johHomepageLeistung {
    height: 240px;
    padding: 20px 0;
}

.johHomepageLeistungIcon {
    bottom: 60px;
    height: 95px;
}

.johHomepageLeistungLinks {
    padding: 0 8% 20px;
}

.johSubpageSubheaderRight {
    font-size: 17px;
    padding: 10px 0 10px 30px;
}

.johTOCItemIcon {
    float: left;
    margin: -2px 10px 2px 0;
    width: 25px;
}

.johTOCItemTitel {
    line-height: 1.2;
    margin-left: 45px;
}

.johSubpageRightWrapper {
    width: 310px;
}

.johSubpageLeftWrapper {
    margin-right: 311px;
}

h1.johSubpageHeaderHeading {
    font-size: 50px;
}

.johJobsLeft {
    width: 420px;
}

.johJobsTitel {
    font-size: 40px;
}

.johJobsRight {
    margin-left: 450px;
}

.johHomepageStartWrapper.johHomepageStartWrapperEnglish .johSubpageStart2 {
    font-size: 55px;
}

}



@media only screen and (max-width: 1050px) {


    .johTonkaTurbo .container {
        padding-left: 4%;
        padding-right: 4%;
    }

    .johTonkaTurbo .johLayoutHalfRight .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutVollRight .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutHalfLeft .johSubpageFurtherItemBlop, .johTonkaTurbo .johLayoutVollLeft .johSubpageFurtherItemBlop {

        padding-right: 0;
        padding-left: 0;
        margin: 0 auto;
        max-width: 600px;
        float: none;
    }

    .johLayoutVollImage.johLayoutVollTurbo {
        height: auto;
        padding-bottom: 0;
    }

    .johTurboContentItemBig {
        flex: 0 0 calc(66.66666%);
        display: flex;
        flex-wrap: wrap;
    }

    .johTurboContentItemBigItem {
        flex: 0 0 calc(50% - 70px);
        margin: 0 0 40px 70px;
    }

    .johTurboContentItem {
        flex: 0 0 100%;
        margin-bottom: 2em;
    }

.johLanginpagePointsItem {
    width: 45%;
    margin-right: 5%;
    margin-bottom: 90px;
}



.johTurboTextWrapper {
    max-width: 100%;
}

.johLayoutVoll {
    display: inline;
}

.johLayoutVollLeft {
    width: 100%;
    float: left;
    padding: 0 4%;
}

.johLayoutVollRight {
    width: 100%;
    float: left;
    padding: 0 4%;
}

.johLayoutVollImage {
    width: 100%;
    height: 0;
    padding-bottom: 42%;
    float: left;
}

.johTurboIntro2 .johLayoutVollImage {
    padding-bottom: 66%;
}

.johPortfolioContentInner {
    padding-bottom: 70px;
}

.johPMTitle {
    font-size: 27px;
}

.johPMsContentRight, .johPortfolioContentRight {
    width: 40%;
}

.johNewsWrapperRight {
    width: 40%;
}

.johPMsContentLeft, .johPortfolioContentLeft {
    padding-right: 30px;
    width: 60%;
}

.johPMsContentRightInner {
}

.johPortfolioContentLeftPMItem, .grid-sizer {
    float: left;
    width: 50%;
}

.johHomepageDetaiSectionWrapper {
    width: 96%;
}

.johPMsContentTopInner {
    margin-right: 0;
}

.johHomepageStartWrapper.johHomepageStartWrapperEnglish .johSubpageStart2 {
    font-size: 46px;
}

.johHomepageDetailsText {
    margin: 0;
}

.johHomepageDetailsSections {
    margin-left: 0;
    padding-top: 50px;
    width: 100%;
}

.johHomepageDetaiSectionWrapper {
    width: 92%;
}

.johHomepageDetaiSectionWrapper:nth-child(2n+1) {
    margin-right: 8%;
}

.johHomepageDetails {
    padding: 100px 0;
}

.johHomepageTeamMember {
    text-align: left;
    width: 27.3333%;
}

.johHomepageStartWrapper {
    padding: 9% 0 10%;
}

.johSubpageHeaderLeft {
    font-size: 45px;
}

.johHomepageDetailsRight {
    margin-left: 400px;
}

.johLayoutHalf {
    display: inline;
    float: left;
    width: 100%;
}

.grid-item {
    margin: 2%;
    width: 46%;
}

.johJobsLeft {
    width: 350px;
}

.johJobsTitel {
    font-size: 32px;
}

.johJobsRight {
    margin-left: 380px;
}

.johSectionText {
    font-size: 23px;
}

.johSubpageFurtherItemInhalteLeft, .johSubpageFurtherItemInhalteRight, .johSubpageFurtherItemInhalteHalf {
    padding-left: 0;
    padding-right: 8%;
    width: 100%;
}

.johLayoutHalfRight, .johLayoutHalfLeft {
    clear: both;
    display: inline-block;
    float: left;
    padding: 0 4%;
    position: relative;
    width: 100%;
}

.johSubpageFurtherItem {
    padding: 90px 0 100px;
}

.johLayoutHalfLeft .johSubpageFurtherItemBlop, .johLayoutHalfRight .johSubpageFurtherItemBlop, .johLayoutVollRight .johSubpageFurtherItemBlop, .johLayoutVollLeft .johSubpageFurtherItemBlop  {
    padding: 0;
    float: left;
    width: 100%;
}

.johSubpageFurtherItemInhalteRight {
    margin-top: 20px;
}

.johHomepageLeistungLinks {
    padding: 0 8% 30px;
}

.johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
    font-size: 20px;
}

.johFocusItem6 .johFocusItemInner, .johFocusItem1 .johFocusItemInner {
    padding: 0 70px;
    top: 45%;
}

.johFocusItemInner {
    padding: 30px;
}

.johFocusItemHeading {
    font-size: 17px;
}

h1.johSubpageHeaderHeading {
    font-size: 40px;
}

.johHomepageStartRight {
    width: 200px;
}

.johSubpageStart1 {
    font-size: 40px;
}

.johSubpageStart2 {
    font-size: 28.8px;
}

.johSubpageStart3 {
    font-size: 95%;
    line-height: 1.2;
}

.johStartLeft {
    margin: 0 250px 0 0;
    padding: 0 50px 0 0;
}

.johSubpage h1 {
    font-size: 280%;
}

.johSubpageSubline {
    margin: 0 0 50px;
}

.johSubpageSubheaderLeft {
    margin: 0 10% 0 0;
    width: 90%;
}

.johSubpageSubheaderCenter {
    float: left;
    margin: 0 10% 0 0;
    width: 90%;
}

.johTurboHeading {
    font-size: 1.6em;
}


}




@media only screen and (max-width: 950px) {


    .johTurboContactTextInner {
        width: auto;
    }

    .johTurboContactText {
        flex: 0 0 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .johTurboContactWrapper {
        justify-content: center;
    }

.johInfluencer {
    padding-bottom: 80px;
}

.page-wrapper {
    padding-bottom: 60px;
    padding-top: 60px;
}

.johJobSidebar {
    float: right;
    width: 350px;
}

.johJobContent {
    margin-right: 400px;
}

.johSubpageHeaderLeft {
    font-size: 40px;
}

.johSectionH1 {
    font-size: 32px;
    height: 35px;
}

.johSectionTagline {
    font-size: 45px;
}

.johHomepageLeistung {
    height: 270px;
}

.johHomepageLeistungIcon {
    bottom: 80px;
}

.johFooter1 {
    border-right: medium none;
    margin: 0;
    padding: 0 30px 0 0;
    width: 60%;
}

.johFooterItem {
    float: none;
    left: 50%;
    margin: 0 0 19px -100px;
    position: relative;
    text-align: left;
    width: 200px;
}

.johFooter2 {
    border-right: medium none;
    border-top: 1px solid #555555;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
    padding-right: 0;
    padding-top: 40px;
    width: 100%;
}

.johFooterFollow {
    float: left;
    margin-top: 40px;
}

.johStartRight {
    display: none;
}

.johStartLeft {
    border-right: medium none;
    box-shadow: none;
    float: left;
    margin: 0 50px;
    padding: 0;
}

.johFoterSubheading {
    margin: 0 0 60px;
}

.johStartLeft {
    margin: 0;
}

.johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
    font-size: 19px;
}

.johFocusItem6 .johFocusItemInner, .johFocusItem1 .johFocusItemInner {
    padding: 0 50px;
    top: 40%;
}

.johFocusItemInner {
    padding: 20px;
}

.johFocusItemHeading {
    font-size: 16px;
}


}


@media only screen and (max-width:1185px) {

	.johPortfolioContentLeftPMItemInnerTitel {
	  hyphens: auto;
	}
	
}


@media only screen and (max-width: 1050px) {


    .johEventBannerBGIcon {
        top: 5%;
    }

    .johArrowDown img {
        width: 60px;
    }


    .johTurboCaseImage {
        flex: 0 0 55%;
    }

    .johTurboCaseTextWrapper {
        flex: 0 0 45%;
        padding: 0 50px 0 0;
    }

.johPortfolioContentRightDateien, .johPMsContentRightFotos {
    margin: 30px 0 0;
    float: left;
    width: 48%;
}

.johPortfolioContentRightWrapper {
    margin: 30px 0 0;
    width: 100%;
}

.johPMsContentRightSection {
    float: left;
    width: 48%;
}

.johPMsContentRightSection:first-child {
    margin-right: 4%;
}

.johPortfolioContentRightDateien {
    margin-right: 4%;
    clear: both;
}

.johPMsContentBelow {
    display: inline;
}

.johPMsContentRightKunde {
    float: left;
    padding: 50px 0 0 0;
    width: 100%;
}

.johPortfolioContentRightContact {
    margin-right: 0;
    float: left;
    width: 100%;
}

.johPMsContentRightInner {
    width: auto;
    padding-left: 0;
    margin-top: 10%;
}

.johNewsWrapperRight {
    padding-left: 0;
    width: 100%;
    margin-top: calc(3% + 30px);
}

.johNewsWrapperInner {
    display: initial;
}

.johPMsContentLeft, .johPortfolioContentLeft {
    padding-right: 0;
    border-right: none;
    width: 100%;
}

.johPortfolioContentLeftPMItem, .grid-sizer {
    float: left;
    width: 50%;
}
	
.johPortfolioContentLeftPMs {
  width: 110%;
}

.johPortfolioContentInner {
    display: inline;
}

.johPMsContentRight, .johPortfolioContentRight {
    width: 100%;
    padding-left: 0;
    margin-top: 10%;
}

.johPortfolio .johHalf {
    display: none;
}

.johPortfolio .johSubpageHeaderRight {
    padding: 40px 0 0;
    text-align: left;
    width: 100%;
}

.johPortfolioBottom .johHomepageReferenzen {
    padding: 150px 0 100px;
}

.johSubpageHeader {
    padding-bottom: 70px;
}

.johPortfolioText {
    font-size: 18px;
}

.johPortfolioLinkIcon {
    height: 50px;
    margin-right: 15px;
    width: 55px;
}

.johHomepageHeaderText, .johHomepageHeaderText h1, .johHomepageHeaderText h2 {
    color: white;
    font-size: 50px;
}

.johHomepageHeaderText2 {
    font-size: 33px;
    letter-spacing: -1px;
}

.johHomepageLeistungTitel {
    font-size: 150%;
    padding: 2% 10%;
}

.johHomepageDetails {
    padding: 100px 0;
}

.johSectionText {
    font-size: 22px;
}

.johFoterSubheading {
    font-size: 21px;
}

.johFooterHeading {
    font-size: 35px;
}

.johHomepageDetailsLeft {
    font-size: 55px;
    width: 300px;
}

.johHomepageDetailsRight {
    margin-left: 350px;
}

.johHomepageLeistung {
    height: 200px;
    padding: 10px 0;
}

.johHomepageLeistungTitel {
    font-size: 120%;
}

.johHomepageLeistungIcon {
    bottom: 60px;
    height: 80px;
}

.johHomepageLeistungLinks {
    font-size: 95%;
    padding: 0 10px 20px;
}


}

@media screen and (max-width: 849px) {
  .header-inner .nav {
    justify-content: end;
  }
	
	.header-main .nav > li.nav-icon > a > i:not(.icon-angle-down){
		color:#021FBD!important;
	}
	
	.off-canvas-center .mfp-container {
  		background-color: #021FBD;
	}
	.off-canvas-center:not(.dark) .mfp-close {
	  color: white;
		mix-blend-mode: normal;
	}
	.off-canvas-center .nav-sidebar.nav-vertical > li > a {
	  font-size: 32px;
	  line-height: 43px;
	  color: #fff;
	  letter-spacing: 2.4px;
	  padding: 12px;
	}
	.off-canvas-center .mfp-content{
		padding-top:16px;
	}
	.menu-item button i{
		display:none;
	}
	.nav-sidebar.nav-vertical > li.menu-item.active,.nav-sidebar.nav-vertical > li.menu-item:hover {
	  background-color: transparent;
	}
	.off-canvas-center .nav-sidebar.nav-vertical > li .toggle {
	  top: 0;
	  width: 100%;
	  height: 100%;
	}
	.off-canvas .nav-vertical li li > a {
	  padding-bottom: 0;
	  padding-top: 16px;
	}
	.nav:not(.nav-slide) .active > .children {
  		padding-bottom: 28px;
	}
	.off-canvas .nav-vertical li li > a {
	  padding-bottom: 0;
	  padding-top: 16px;
	  color: #fff;
	  font-size: 24px;
	  text-transform: uppercase;
	  font-weight: 700;
	  letter-spacing: 2.4px;
	  line-height: 43px;
	}
	.mfp-container {
	  position: fixed;
	  overflow: auto;
	}
	.nav > li.johKontaktButton > a {
	  background-color: #fff;
	  padding: 0 5px !important;
	  color: #021FBD !important;
	  font-family: "Montserrat", Sans-serif;
	  font-weight: 800;
	  letter-spacing: 2px;
	  transition: all .3s ease;
	  font-size: 24px !important;
	  margin-top: 44px;
	}
	.idiom{display:none!important;}
	.nav-vertical > li a:hover {
	  color: #E8EDFF !important;
	}
	.mfp-close {
	  right: 16px;
	  top: 12px;
	}
	.mfp-close svg{
		width:30px;
		height:30px;
	}
	.johTaglineSection {
	  padding-top: 100px;
	}
}


@media only screen and (max-width: 850px) {

.nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover {
    color: inherit;
}

.johHomepageInner {
    padding-top: 65px;
}

.johMenuIcon {
    display: none;
}

.johHomepageDetaiSectionWrapper {
    width: 100%;
}

.johHomepageDetaiSectionWrapper:nth-child(2n+1) {
    margin-right: 8%;
}

.page-wrapper {
    padding-bottom: 50px;
    padding-top: 50px;
}

.johHomepageTeamMemberTitle {
    font-size: 16px;
}

.johHomepageTeamMemberName {
    font-size: 19px;
}

body #logo {
    margin-top: 0;
    width: 110px;
}

.johSubpage h1 {
    font-size: 250%;
}

/*.johSectionH1 {
    font-size: 24px;
    height: 30px;
}*/

.johSectionTagline {
    font-size: 40px;
}

.johSectionText {
    font-size: 21px;
}



}






@media only screen and (max-width: 800px) {

    .johHomepageContent {
        flex-wrap: wrap;
    }

    .johHomepageContent > div {
        flex: 0 0 100%;
    }

    .johTurboContentItemBig {
        flex: 0 0 calc(60%);
    }

    .johFocusWrapper h2 {
        margin-bottom: 50px;
        font-size: 200%;
    }

    .johTurboContentItemLeft {
        flex: 0 0 40%;
    }

    .johTurboContentItemBigItem {
        flex: 0 0 calc(100% - 70px);
        margin: 0 0 30px 70px;
    }

.johNewswireContact {
    padding: 30px 20px 30px;
}

.johPMTitle {
    font-size: 25px;
}

.johPortfolioContentLeftPMItem, .grid-sizer {
    float: left;
    width: 50%;
}

.johNewswireContactFieldGroup {
    width: 100%;
}

.johNewswireContactField {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.johNewswireContactSubmit {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.johNewswireContactField {

}

.johHomepageDetailsLeft {
    font-size: 45px;
    letter-spacing: -2px;
    line-height: 1;
    margin-bottom: 30px;
    padding: 0 5%;
    text-align: center;
    width: 100%;
}

.johHomepageDetailsSections {
    padding-top: 10px;
}

.johZwischenHeading {
    font-size: 25px;
}

.johZwischenHeadingInner {
    margin-bottom: 20px;
    padding: 6px 13px 10px;
}


.johHomepageDetails {
    padding: 80px 0 70px;
}

.johHomepageDetailsText {
    margin: 0;
}

.johJobSidebar {
   display: none;
}

.johJobContent {
    float: left;
    margin-right: 0;
    width: 100%;
}

.johScroll {
    display: none;
}

.johSectionText {
    margin-bottom: 50px;
}

.johFoterSubheading {
    font-size: 20px;
}

.johFooterHeading {
    font-size: 30px;
}

.johSectionText {
    font-size: 20px;
}

.johHomepageDetailsHeadingTop, .johHomepageDetailsHeadingBottom {
    text-align: center;
}

.johHomepageDetailsHeadingTop {
    font-size: 40px;
}

.johHomepageDetailsHeadingBottom {
    font-size: 28px;
}

.johHomepageDetailsRight {
    float: left;
    width: 100%;
    margin-left: 0;
}

.johStartH1 {
    font-size: 240%;
}

.johHomepageReferenzenInnerWrapper {
    margin-bottom: 5%;
    width: 33.33%;
}

.johHomepageReferenzenInnerWrapper:nth-child(3n+3) {
    border: medium none;
}

.johHomepageReferenzenInnerWrapper:nth-child(5n+5) {
    border-right: 1px dashed #ababab;
}

.johHomepageReferenzenInnerWrapper:nth-child(4n+4) {
    border-right: 1px dashed #ababab;
}

.johFocus {
    height: auto;
    padding-bottom: 0;
}

.johFocusItem {
    bottom: auto;
    float: left;
    height: 0;
    left: 0;
    padding-bottom: 50%;
    position: relative;
    right: 0;
    top: auto;
    width: 100%;
}

.johFocusItem6 .johFocusItemInner, .johFocusItem1 .johFocusItemInner {
    margin-top: 0;
    padding: 15%;
    top: 0;
}

.johFocusItemInner {
    padding: 7%;
}

.johFocusItemHeading {
    font-size: 24px;
}

.johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
    font-size: 24px;
}

.johSubpageSubline {
    font-size: 25px;
}

.johJobsLeft {
    padding-right: 30px;
    width: 300px;
}

.johJobsTitel {
    font-size: 29px;
}

.johJobsRight {
    margin-left: 330px;
}

.johFocusItem1, .johFocusItem6 {
    padding-bottom: 55%;
}

}


@media only screen and (max-width:766px){
	.johFooterInner {
	  display: block;
	}
	.johFooter3 {
		width: 100%;
		padding: 0;
	  }
	.johFooterInner {
	  text-align: center;
	}
	li.elementor-icon-list-item a {
	  text-align: left;
	}
	.johFooterFollow ul.elementor-icon-list-items{
		display: flex;
	  justify-content: center;
	  margin-top: 60px;
		padding-bottom: 6px;
	}
	.johFooter3.footer-col-end {
	  align-items: center;
	}
	.johFooter {
	  padding: 50px 0;
	}
}


@media only screen and (max-width: 700px) {

    .johTurboCaseInner {
        flex-wrap: wrap;
    }

    .johTurboCaseImage {
        flex: 0 0 100%;
    }
    .johTurboCaseTextWrapper {
        flex: 0 0 100%;
        padding: 30px 70px 0;
    }

.johHomepageDetaiSectionWrapper {
    width: 100%;
}

.johHomepageDetailSectionRight {
    margin-left: 120px;
}

.johHomepageDetailSectionLeft {
    margin: 0 20px 0 0;
    width: 70px;
}

.johFooterImpressum a {
    width: 100%;
}

.johZwischenHeading {
    font-size: 22px;
}

.johZwischenHeadingInner {
    margin-bottom: 20px;
    padding: 4px 10px 6px;
}


.johHomepageLeistungTitel {
    font-size: 115%;
}

.johHomepageLeistung {
    height: 170px;
}

.johHomepageLeistungLinks {
    padding: 0 8% 15px;
}

.johHomepageLeistungIcon {
    bottom: 50px;
    height: 65px;
}

.johHomepageDetails {
    padding: 70px 0 60px;
}

.page-wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
}

.johHomepageTeamMember {
    width: 44%;
}

.johPortfolioLinkIcon {
    padding-right: 20px;
}

.johSubpageHeaderRight {
    padding: 40px 2% 0;
}

.johPortfolioImage {
    display: inline-block;
    float: none;
}

.johSubpageHeaderLeft {
    font-size: 50px;
}

.johHomepageDetailsLeft {
    font-size: 40px;
}

.grid-item {
    margin: 2%;
    width: 96%;
}

.johJobsLeft {
    border-right: medium none;
    margin-bottom: 20px;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

.johJobsTitel {
    font-size: 27px;
}

.johJobsRight {
    margin-left: 0;
    text-align: center;
}

.johFoterSubheading {
    font-size: 19px;
}

.johFooterHeading {
    font-size: 25px;
}

.johUberTextLeft, .johUberTextRight {
    width: 100%;
    padding: 0;
}

/*.johSectionH1 {
    font-size: 20px;
    height: 30px;
}*/

.johSectionText {
    /*font-size: 19px;*/
    width: 100%;
}

.johSectionTagline {
    font-size: 35px;
    width: 100%;
}

.johSubpage h2.johSubpageFurtherItemHeadline {
    font-size: 35px;
}

.johSubpageFurtherItemInhalteLeft, .johSubpageFurtherItemInhalteRight, .johSubpageFurtherItemInhalteHalf {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.johHalf::before {
    border-left: medium none;
}

.johHalf::before, .johHalf::after {
    transform: skewX(0deg);
}

.johHalf {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.johSubpageHeaderLeft {
    text-align: center;
}

.johSubpageHeaderRight {
    text-align: center;
    width: 100%;
}

.johSubpageLeftWrapper {
    float: left;
    margin-right: 0;
    margin-top: 30px;
    width: 100%;
}

.johHalf::after {
    background: rgba(0, 0, 0, 0.54) none repeat
}

.johSubpageInner {
    margin-top: 60px;
}

.johSubpageHeaderLeft {
    width: 100%;
}

.johSubpageRightWrapper {
    float: left;
    padding-left: 10px;
    width: 100%;
}

.johSubpageSubheaderRight {
    border: medium none;
    box-shadow: none;
    font-size: 17px;
    padding: 0 0 0 10px;
}

.johSubpageSubheaderLeft, .johSubpageSubheaderCenter {
    margin: 0;
    width: 100%;
}

.johSubpageSubline {
    font-size: 23px;
}

.johSubpage h1 {
    font-size: 220%;
}

.johHomepageDetails {
    padding: 80px 0;
}

.johStartH1 {
    font-size: 220%;
    text-align: center;
}

.johHomepageStartLeft, .johHomepageStartCenter {
    width: 100%;
    margin: 0;
}

.johFoterSubheading {
    margin: 0 0 40px;
}

.johFooter1 {
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
}


.johHomepageHeader {
    min-height: 400px;
}

.johTonkaTurbo .johHomepageHeader {
    min-height: 600px;
}

.johTurboHeading {
    font-size: 1.4em;
}

.johTurboMainHeading {
    font-size: 40px;
}

.johNewsWireContentWrapper {
    margin-bottom: 0;
}

.johJobFAQLinks, .johJobFAQRechts{
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    border-left: none;
}

.johJobFAQWrapper {
    flex-wrap: wrap;
}

}



@media only screen and (max-width: 600px) {


    .johEventBannerBGOverlay img {
        top: 0%;
    }

    .johArrowDown img {
        width: 40px;
    }

    .johEventIntro {
        font-size: 130%;
    }

    .johEventDetails {
        display: block;
    }

    .johEventDetails div:first-child {
        margin-right: 0;
    }

    .johEventDetails div:last-child {
        margin-left: 0;
    }

    .johTurboHeadingLine {
        display: inline;
    }

    .johTurboContentItemBig, .johTurboContentItemLeft {
        flex: 0 0 100%;
    }

    .johTurboContentItemText  {
        padding: 0;
    }

    .johTurboContentItemLeft {
        margin-bottom: 50px;
    }

    .johTurboLinksWrapper a {
        display: inline-block;
    }

    .johTurboLinksWrapper {
        text-align: center;
    }


.johNewsWireContentLeft {
    width: 100%;
    margin-right: 0;
}

.johTurboCaseTextWrapper {
    padding: 30px 50px 0;
}

.johNewsWireComparisonItem {
    flex: 0 1 94%;
    margin: 0 3% 50px;
}

.johNewsWireContentRight {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.johNewsWireComparisonWrapper {
    flex-wrap: wrap;
}

.johPMsContentRightSection {
    float: left;
    width: 100%;
}

.johPortfolioContentRightWrapper {
    margin: 30px 0 0;
    float: left;
    width: 100%;
}

.johPMsContentRightInner {
    width: 100%;
    padding-left: 0;
    left: 0%;
    margin-left: 0;
}

.johPortfolioContentRightContact, .johPMsContentRightKunde, .johPortfolioContentRightDateien, .johPMsContentRightFotos {
    margin-right: 0;
    width: 100%;
}

.johSubpageInner {
    margin-top: 50px;
}

.johHomepageHeaderText, .johHomepageHeaderText h1, .johHomepageHeaderText h2 {
    font-size: 8.5vw;
}

.johScrollIconInner {
    margin-left: -35px;
    padding-top: 10px;
    top: -40px;
    width: 70px;
}

.johScrollIconInner .dashicons {
    font-size: 30px;
}

.johHomepageHeaderText2 {
    font-size: 5.2vw;
}

.johHomepageDetails {
    padding: 60px 0 50px;
}

.page-wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
}

.article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow .author-box {
    padding-left: 0;
    padding-right: 0;
}

.johTeamContactWrapper {
    font-size: 15px;
}

.johHomepageTeamMemberName {
    font-size: 17px;
    white-space: nowrap;
}

.johHomepageTeamMemberTitle {
    font-size: 14px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
}

h2.johStandardHeadingCenter {
    left: 50%;
    margin: -90px 0 0 -200px;
    width: 400px;
}


.johHomepageDetailsLeft {
    font-size: 35px;
}

.johSubpage h1 {
    font-size: 200%;
}

.johSubpageSubline {
    font-size: 22px;
}

.johSubpageHeaderLeft {
    font-size: 40px;
}

.johJobsTitel {
    font-size: 25px;
}

.johFoterSubheading {
    font-size: 18px;
}

.johFooterHeading {
    font-size: 20px;
}

/*.johSectionText {
    font-size: 18px;
}*/

.johSubpage h2.johSubpageFurtherItemHeadline {
    font-size: 30px;
}

.johFooterHeading {
    font-size: 30px;
}

.johStartH1 {
    font-size: 190%;
}

.johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
    font-size: 22px;
}

.johFocusItemHeading {
    font-size: 20px;
}

.johHomepageLeistung {
    height: 210px;
    padding: 20px 0 0;
    width: 48%;
}

.johHomepageLeistungIcon {
    bottom: 60px;
    height: 75px;
}

.johFocusItem6 .johFocusItemInner, .johFocusItem1 .johFocusItemInner {
    padding: 10%;
}

.johHomepageHeaderText2 {
    letter-spacing: -1px;
}

.johHomepageHeader {
    min-height: 350px;
}

/*.johSectionH1 {
    font-size: 19px;
    height: 25px;
}*/

.johSectionTagline {
    font-size: 30px;
}

.johHomepageReferenzenInnerWrapper {
    border-right: 1px dashed #ababab;
    margin-bottom: 6%;
    width: 50%;
}

.johHomepageReferenzenInnerWrapper:nth-child(3n+3) {
    border-right: 1px dashed #ababab;
}

.johHomepageReferenzenInnerWrapper:nth-child(2n+2) {
    border: medium none;
}

}




@media only screen and (max-width: 480px) {

    .johEventIntro {
        font-size: 120%;
    }

    .johHomepageHeader {
        max-height: 400px;
    }

    .johScrollIcon {
        display: none;
    }

.johLanginpagePointsItem {
    width: 100%;
    margin-right: 0;
}

    .johFocusWrapper h2 {
        margin-bottom: 40px;
        font-size: 160%;
    }

.johPortfolioContentLeftPMItem, .grid-sizer {
    float: left;
    width: 100%;
	padding-bottom: 5%;
}

.johHomepageTeamMemberName {
    font-size: 15px;
}

.johHomepageDetailSectionLeft {
    margin: 0 10px 0 0;
    width: 65px;
}

.johHomepageDetailSectionRight {
    margin-left: 100px;
}

.johHomepageLeistungTitel {
    font-size: 125%;
}

.johHomepageLeistungIcon {
    bottom: 45px;
    height: 65px;
}

.johHomepageLeistung {
    height: 175px;
    padding: 15px 0 0;
}

.johTeamConnectIconInner {
    height: 33px;
    width: 33px;
}

.johTeamConnectIconInner i, .johTeamConnectIconInner img {
    padding-top: 3px;
}

.johTeamConnectInner {
    padding: 0;
}

.johTeamConnectIconInner {
    height: 36px;
    width: 36px;
}

.johTeamConnectIconInner i, .johTeamConnectIconInner img {
    padding-top: 5px;
}

.johTeamConnect {
    bottom: -32px;
}

.johTeamConnectIconInner {
    border: 4px solid #ffffff;
}

.johTeamContactWrapper {
    font-size: 14px;
}

h2.johStandardHeadingCenter {
    left: 0;
    margin: -90px 0 0 0px;
    width: 100%;
}

.johHomepageDetailsLeft {
    font-size: 30px;
}

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

.johSubpageSubline {
    font-size: 20px;
}


.johJobsTitel {
    font-size: 23px;
}

/*.johSectionH1 {
    font-size: 18px;
    height: 22px;
}*/

.johSectionTagline {
    font-size: 25px;
}


.johSubpage h2.johSubpageFurtherItemHeadline {
    font-size: 25px;
}

.johFocusItemHeading {
    font-size: 17px;
}

.johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
    font-size: 20px;
}

.johFocusItem6 .johFocusItemInner, .johFocusItem1 .johFocusItemInner {
    margin-top: 0;
    padding: 40px;
}

.johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
    font-size: 19px;
}

.johStandardPaddingBottom {
    padding-bottom: 50px;
}

.johStandardPaddingVertical {
    padding: 50px 0;
}

.johPMsContentRightInner {
    margin-top: 50px;
}


}



@media only screen and (max-width: 400px) {

    .johStandardPaddingBottom {
        padding-bottom: 40px;
    }

    .johStandardPaddingVertical {
        padding: 40px 0;
    }

    .johFocusItem6 .johFocusItemInner .johFocusItemHeading, .johFocusItem1 .johFocusItemInner .johFocusItemHeading {
        font-size: 18px;
    }

    .johFocusItemInner {
        padding: 25px;
    }

    .johFocusItemHeading {
        font-size: 16px;
    }

    .johHomepageDetailSectionLeft {
        width: 55px;
    }

    .johHomepageDetailSectionRight {
        margin-left: 80px;
    }

}