/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.6
*/
/*
:root {
    --wpex-offset: 138px !important;
}
*/

/*LANGUAGE MENU*/
#mobile-menu .wpex-inline-flex {
	display: flex;
	flex-direction: column;
}
#mobile-menu .lang {
    margin-bottom: 10px;
    color: var(--wpex-accent);
    display: flex;
    gap: 5px;
    font-weight: 500;
    /* font-size: 15px; */
    align-items: center;
/*	transition: .2s all;*/
}
#mobile-menu .lang a {
	font-size: 16px;
	font-weight: 500;
	top: 2px;
}
#mobile-menu .lang a:hover {
	color: #fff;
}
.html-noscroll #mobile-menu .lang,
.html-noscroll #mobile-menu .lang a {
	color: var(--wpex-palette-118-color);
}


/*
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid>li, .last_toggle_el_margin, .wpb_button, .wpb-js-composer .vc_tta-container {
    margin-bottom: var(--wpex-vc-elements-bottom-margin, var(--enym-default-margin) );
}
*/

/*LEADER*/
.vcex-leader-item {
	position: relative;
	height: 100%;
}
.vcex-leader-item__value {
	font-weight: 500;
	position: absolute;
	right: 0;
	top: 0;
}
.vcex-leader-item__label strong {
	display: block;
}
.height-25 {
	height: 120px;
}
.height-50 {
	height: 150px;
}
.height-75 {
	height: 225px;	
}
.leader-1 {
	color: var(--wpex-palette-118-color);
	background-color: var(--wpex-palette-935-color);
	padding: 18px;
/*	font-size: .9em;*/
	/*background: repeating-linear-gradient(45deg, #c5e0d9, #c5e0d9 10px, #bfd7d1 10px, #bfd7d1 20px);*/
}
.leader-2 {
	color: var(--wpex-palette-118-color);
	background-color: var(--wpex-accent);
	padding: 18px;
/*	font-size: .9em;*/
	/*background: repeating-linear-gradient(45deg, #85c0b0, #85c0b0 10px, #9bc5b8 10px, #9bc5b8 20px);*/
}



/*ICON BOX ANGEBOTE*/
.vcex-icon-box-heading.wpex-heading {
	font-size: 1.3em;
	font-weight: 500;
	text-transform: uppercase;
}
.vcex-icon-box-content {
	font-size: 1.3em;
}
.vcex-icon-box .vcex-icon-box-icon {
    color: var(--wpex-accent);
}




/*
.home .owl-prev .wpex-carousel__arrow-icon:before, 
.home .wpex-carousel__arrow--prev:before {
    content: url("https://kappa.enymserver.de/wp-content/uploads/2025/10/SC-Zitate-Pfeil-gross-1.svg") !important;
    transform: scale(0.8) rotate(-180deg);
    width: 32px;
    height: 80px;
}
.home .owl-next .wpex-carousel__arrow-icon:before, 
.home .wpex-carousel__arrow--next:before {
    content: url("https://kappa.enymserver.de/wp-content/uploads/2025/10/SC-Zitate-Pfeil-gross-1.svg") !important;
    transform: scale(0.8);
    width: 32px;
    height: 80px;
}
*/
.home .owl-prev .wpex-carousel__arrow-icon:before, .home .wpex-carousel__arrow--prev:before {
    width: 32px;
    background-position: center;
    font-family: 'enym' !important;
    speak: never;
    content: "\e909";
    content: "\e90a";
}

.home .owl-next .wpex-carousel__arrow-icon:before, .home .wpex-carousel__arrow--next:before {
    width: 32px;
    font-family: 'enym' !important;
    speak: never;
    content: "\e90a";
}

/*fixes*/
.intro p {
	max-width: 700px;
}
a.vcex-button {
    top: -4px;
    position: relative;
}
.no-padding-left .vc_column-inner {
	padding: 0;
}
.pr-none .vc_column-inner {
    padding-right: 0;
}

/*
:root {
    --wpex-offset: 138px !important;
}*/

.gren {
	color: var(--wpex-accent);
}

/*PROJEKT*/
.vcex-post-terms__list li::marker {
	content: '#' !important;
}
/*
.vcex-post-terms__list li {
	padding-left: 10px
}*/

/*JOBS*/
.job-listing li {
	padding-left: 10px;
}
.job-listing li::marker {
	content: "\e914" !important;
	color: var(--wpex-accent) !important;
	font-family: 'enym' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
}

/*SLIDER GRADIENT TOP ON HOME (give element hero class so only this is triggered)*/
/*.sp-slides-container, #main:before*/
body:not(.mobile-menu-is-open) .overlay-header-template:before {
	content: " ";
    background: linear-gradient(180deg, rgb(0 0 0 / 60%) 0%, 50%, rgba(111, 202, 219, 0) 100%);
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    height: 140px;
}



/*TOGGLE heading default bg: black - white - arrow-right*/
.vcex-toggle__heading { 
	background-color: var(--wpex-palette-75-color);
}
.vcex-toggle__heading .vcex-toggle__trigger {
	padding-left: 30px !important;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #fff;
}
.vcex-toggle__icon-open svg {
	display: none;
}
.vcex-toggle__icon-open:before {
    content: "\e90a";
    font-family: 'enym' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

/*TOGGLE JOBs LIST heading active bg: green - dark - arrow-down*/
.vcex-toggle.vcex-toggle--active .vcex-toggle__heading {
	background-color: var(--wpex-accent);
}
.vcex-toggle.vcex-toggle--active .vcex-toggle__heading .vcex-toggle__trigger {
	padding-left: 30px;
	font-size: 1.3em;
	text-transform: uppercase;
	color: var(--wpex-palette-75-color);
}
.vcex-toggle__icon-close svg {
	display: none;
}
.vcex-toggle.vcex-toggle--active .vcex-toggle__icon-close:before {
    content: "\e920";
	font-size: 30px;

    font-family: 'enym' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}
/*TOGGLE content*/
.vcex-toggle,
.vcex-toggle__content {
	background-color:var(--wpex-palette-74-color) !important;
}



/*no child items in footer menu*/
.footer-menu .wpex-list-item--child {
	display: none !important;
}

/* why have this
.pl-pr-bg-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.pl-pr-bg-15 .vc_column-inner {
	padding: 0px 30px 0px 30px;
}
*/

.wpb_text_column a {
	text-decoration: none;
    color: var(--wpex-accent) !important;
}




/*FULLSCREEN MENU ITEMS*/
/*
nav.full-screen-overlay-nav-menu ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
*/
.full-screen-overlay-nav-menu .menu-item {
    max-width: 435px;
	/*width: fit-content;*/
	position: relative;
	margin: 0 auto;
}
.full-screen-overlay-nav-menu .menu-item-60,
.full-screen-overlay-nav-menu .menu-item-60 li {
	width: 305px !important;
}
.full-screen-overlay-nav-menu .menu-item-63,
.full-screen-overlay-nav-menu .menu-item-63 li {
	width: 296px !important;
}
/*PLUS ICONS*/
.full-screen-overlay-nav-menu .menu-item-has-children:after {
	content: "\e91e";
	font-family: 'enym' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
    position: absolute;
    right: 0;
    top: 15px;
	z-index: -1;
}
/*MINUS ICON*/
.full-screen-overlay-nav-menu .menu-item-has-children.wpex-active:after {
    content: "\e91f";
}
/*
.sub-menu .menu-item  {
    font-size: .8em;
}
*/
.sub-menu .menu-item a {
    padding: 0;
}
nav.full-screen-overlay-nav-menu ul { 
	text-align: center;
}
.full-screen-overlay-nav-menu .menu-item a {
    width: 100%;
}
/*MENU first level li*/
ul.wpex-list-none > li {
	text-transform: uppercase;
	padding: 10px 0;
}
/*MENU nested li*/
ul.wpex-list-none li ul >li {
    text-transform: none;
/*  margin-left: 30px;*/
}



/*MOBILE MENU OPEN*/
/*FS MENU DESIGN*/
.full-screen-overlay-nav {
    transition: opacity .5s;
}
.full-screen-overlay-nav-content-inner {
	padding: 0;
}

/*
body.html-noscroll ,
.html-noscroll #site-header {
    background-color: var(--wpex-accent) !important;
}
	transition: all .5s; .html-noscroll #site-header.overlay-header.dyn-styles {*/


.html-noscroll body {
/*	transition: background-color .5s;*/
    background-color: var(--wpex-accent) !important;
}

.html-noscroll #site-logo .logo-img {
	/*	opacity: 0;
    https://kappa.enymserver.de/wp-content/uploads/2025/10/2025_SC_Logo_RGB.svg
	content: url(https://kappa.enymserver.de/wp-content/uploads/2025/10/2025_SC_Logo_RGB.svg);
	*/
	/*filter:  brightness(0) invert(1); white*/
	filter:  brightness(0); /*black*/
	content: url('/wp-content/uploads/2025/10/2025_SC_Logo_RGB.svg') !important;
}
.html-noscroll .overlay-header-template {
	opacity: 0;
}
.html-noscroll #content,
.html-noscroll #footer,
.html-noscroll #footer-builder,
.html-noscroll #footer-bottom {
	display: none;
}
.html-noscroll .wpex-hamburger-icon>span::before, 
.html-noscroll .wpex-hamburger-icon>span::after {
	background: var(--wpex-palette-75-color);
}
/*
@media only screen and (min-width: 769px) {
	.full-screen-overlay-nav-content {
		width: 318px;
		text-align: left;
		display: block;
		padding: unset;
		left: calc( calc(100vw - 318px) / 2 - 4px );
		position: relative;
	}
}
*/
@media only screen and (max-width: 768px) {
	.full-screen-overlay-nav-content {
		width: var(--wpex-container-width);
		margin: 0 auto;
		max-width: var(--wpex-container-max-width);
		text-align: left;
		display: block;
		position: relative;
	}
}
/*
.html-noscroll .boxed-main-layout #wrap,
.html-noscroll .boxed-main-layout {
background: #ff4c00;
--wpex-bg-color: #ff4c00 !important;
}
.html-noscroll .logo-img,
.html-noscroll #site-header-flex-aside-inner img,
.html-noscroll .wpex-hamburger-icon {
filter:  brightness(0) invert(1);
}
*/






/*LAYOUT*/

/*align single element*/
.bottom-right {
	position: absolute;
	bottom: -20px;
	right: 5px;
}

/*align elements in column*/
.align-bottom {
	display: flex;
    align-items: flex-end !important;
}

.align-middle {
	display: flex;
    align-items: center !important;
}

.theme-button-icon-right, .color-button-icon-right {
    font-size: 40px;
}

.vcex-heading-w-badge .vcex-heading-inner {
	display: flex;
	flex-direction: column; /* -reverse*/
}
.wpex-badge {
	width: fit-content;
	font-size: 25px;
	color: var(--wpex-accent);
	background: none;
	padding: 0;
	margin-top: .8em;
	margin-bottom: 0 !important;
}

.white-box {
	background-color: #fff;
	padding-right: 60px;
    padding-bottom: 50px;
	width: fit-content;
}
.badge-white .vcex-heading-badge {
	color: #fff;
}


.angebot-box {
	padding: 1em 1.5em 1em 0;
	border-top: 1px solid var(--wpex-palette-118-color);
	border-right: 1px solid var(--wpex-palette-118-color);
	transition: all .2s;
}
.angebot-box:hover {
    padding: 1em 1em 1em 1em; /*1.5em 1.5em 1em 1em;*/
/*    border-top: 1px solid var(--wpex-accent);
    border-right: 1px solid var(--wpex-accent);*/
    background-color: #fff; /*var(--wpex-accent);*/
}
.angebot-box:hover .vcex-icon-wrap {
    color: var(--wpex-palette-118-color) !important;
}

.quote-mobile .vcex-post-excerpt {
	font-size: .9em !important;
}
.quote-mobile .wpex-card {
    margin: 0 auto;
/*    max-width: 90%;*/
}


.team-overlay {
	font-weight: 300;
	max-width: 500px;
	position: absolute;
	right: -40px;
	background-color: #fff;
	bottom: 0; /*30*/
	z-index: 1;
	padding: 1em;
	text-transform: uppercase;
	font-size: 1.2em;
}
.team-sub {
    font-size: .9em;
    text-transform: none;
}
/*
.team-box .title-team {
	padding: 1.5em;
	transition: all .2s;
}
.team-box:hover .title-team {
	background-color: var(--wpex-palette-74-color);
}
*/

/*
.angebot-box .vc_column-inner {
	padding: unset !important;
}
*/
.border-top-bottom {
	border-top: 1px solid var(--wpex-palette-118-color);
	border-bottom: 1px solid var(--wpex-palette-118-color);
}


.hero-green.vcex-heading {
	color: var(--wpex-accent);
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 20px;
}
.hero-white.vcex-heading {
	color: var(--wpex-on-accent);
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 20px;
}
.title-green .wpex-badge  {
	color: var(--wpex-accent);
	text-transform: uppercase;
	font-weight: 300;
/*	margin-bottom: .7em !important;*/
}
.title-white .wpex-badge  {
	color: var(--wpex-on-accent);
	text-transform: uppercase;
	font-weight: 300;
/*	margin-bottom: .7em !important;*/
}
.title-dark .wpex-badge {
	color: var(--wpex-palette-75-color);
	text-transform: uppercase;
	font-weight: 300;
/*	margin-bottom: .7em !important;*/
}
.regular-title-big-green {
	color: var(--wpex-accent) !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
}
.regular-title-big-green-small {
	color: var(--wpex-accent) !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
}
.regular-title-big-white {
	color: var(--wpex-on-accent) !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
	    margin-bottom: 1.5em;
}
.regular-title-big-white-small {
	color: var(--wpex-on-accent) !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
	    margin-bottom: 1.5em;
}
.regular-title-big-black {
	color: var(--wpex-palette-75-color) !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
}
.regular-title-big-black-small {
	color: var(--wpex-palette-75-color) !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
}
.title-team {
    font-weight: 300;
    max-width: 500px;
    position: absolute;
    right: -40px;
    background-color: #fff;
    top: 280px;
    z-index: 100;
}
.title-team .vcex-heading-badge {
	color: inherit;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: .5em;
}

.angebot-box-title span {
	color: var(--wpex-palette-118-color);
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 20px;
}
.angebot-box-subtitle {
	color: var(--wpex-palette-118-color);
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 20px;
}
.white-box-displaced {
    background-color: #fff;
}
.white-box-displaced .vc_column-inner {
	padding: 0 !important;
}
.white-box-displaced .wpb_text_column {
    font-size: 1.3em;
	padding: 40px 40px 0 40px;
}
.white-box-displaced .vcex-button {
    padding: 40px;
}

/*
.wpex-p-40 {
	padding-bottom: 0 !important
}
*/

/*TEAM*/
.team-grid .wpex-post-cards-loop .col {
    margin: 0 0 calc(var(--wpex-row-gap) / 2);
    padding: 0 calc(var(--wpex-row-gap) / 2);
}

.animated {
    -webkit-animation-duration: .3s !important;
    animation-duration: .3s !important;
}

.hero {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	transition: .2s all;
}



/*RESPONSIVE*/
@media (max-width: 768px) {

	.mobile-toggle-nav-ul {
		margin-top: 30px;
	}
	ul.mobile-toggle-nav-ul > li,
	ul.mobile-toggle-nav-ul > li > ul > li {
		padding: 10px 0;
	}

	.team-overlay {
		font-size: .9em;
		bottom: 00px;
	}
	

	/*======================*/
	/*RESETS*/
	/*remove global outer padding*/
	.wpex-vc-full-width-row--centered {
		padding-inline: 0 !important;
	}
	/*only set max width center setting for fullwidth  rows
	.wpex-vc-full-width-row > div > .vc_column-inner {
		width: var(--wpex-container-width);
		margin: 0 auto;
		max-width: var(--wpex-container-max-width);

		padding-left: 0 !important; 
		padding-right: 0 !important; 
	}
	*/
	/*ALLOWS FOR FULL WIDTH NO PAD COLS*/
		.wpex-vc-full-width-row .wpb_column:not(.wpex-vc_col-has-fill) .vc_column-inner {
		width: var(--wpex-container-width);
		margin: 0 auto;
		max-width: var(--wpex-container-max-width);

		padding-left: 0 !important; 
		padding-right: 0 !important; 
	}
	/*but then i need this for some reason*/
	.wpex-vc-full-width-row.wpex-vc_row-has-fill .wpb_column:not(.wpex-vc_col-has-fill) .vc_column-inner .vc_column-inner {
		margin: 0;
	}
	/*and to make cards element work with base width i need this*/
	.wpex-vc-full-width-row .wpex-card-inner .vc_column-inner {
        width: 100% !important;
        max-width: 100% !important;
		margin: 0 !important;
		padding-left: 0 !important; 
		padding-right: 0 !important; 
	}
	/*same for inner rows*/
	.wpex-vc-full-width-row .vc_column-inner .vc_row .vc_column-inner {
		width: 100%;
		max-width: 100%;
	}

	
	
	/*cards element - habeich in dem element drüebr integriert
	.wpex-vc-full-width-row .vc_column-inner .vc_column-inner {
		padding-left: 0 !important; 
		padding-right: 0 !important; 
	}*/
	
	/*  - habeich in dem element drüebr integriert
	.wpex-post-cards-loop .vc_column-inner {
		padding-left: 0 !important; 
		padding-right: 0 !important; 
	}*/
	/*
	.wpex-vc-full-width-row .vc_column_container>.vc_column-inner {
		padding-left: 0 !important; 
		padding-right: 0 !important; 
	}*/
	
	
	/*fix negative margin in some occasions displaced white box*/
	.wpex-vc-full-width-row > div > .vc_column-inner .vc_row.wpb_row.vc_inner,
	.wpex-post-cards .wpex-card .vc_row.wpb_row {
	    margin-left: 0 !important;
    	margin-right: 0 !important;	
	}

	

	/*
	.fix-lr-padding-mobile {
		padding-left: 15px !important; was 17.5
		padding-right: 15px !important; was 17.5
	}
	.pl-default.fix-lr-padding-mobile,
	.pl-default-half.fix-lr-padding-mobile {
		padding: unset !important;
	}

	
	.pl-default.fix-lr-padding-mobile {
	padding-left: 0 !important;
	padding-right: 0 !important;
	}*/
	/*======================*/
	/*RESETS END*/

	.pl-default,
	.pr-default,
	.pl-default-half,
	.pr-default-half {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/*ALL TEAM BUTTON*/
	.theme-button.align-right .wpex-justify-center {
		justify-content: right;
		text-align: right;
	}

	/*TEAM GRID*/
	.team-grid .wpex-post-cards-loop {
		--wpex-row-gap: 2em !important;	
	}

	/*MAKE FULL WIDTH ROWS NOT FULL WIDTH ON MOBILE
	.wpex-vc-full-width-row .wpb_column:not(.wpex-vc_col-has-fill) {
		width: var(--wpex-container-width);
		margin: 0 auto;
		max-width: var(--wpex-container-max-width);
	}
	.wpex-vc-full-width-row .wpb_column:not(.wpex-vc_col-has-fill) .vc_column-inner {
		padding: 0 !important;
	}*/

	/*
	.wpex-vc-full-width-row .wpb_column {
		padding-left: 15px;
		padding-right: 15px;
	}
	*/
	
	/*Angebote boxen*/
	h2 {
		hyphens: auto;
	}
	.vcex-icon-box-content {
		font-size: 1.1em !important;
	}
	
	/*MARGINS*/
	.hero.pb-pt-default {
        padding-top: 30% !important;
        padding-bottom: 0 !important;
	}
	.hero.mb-default-half {
		margin-bottom: calc(var(--enym-default-margin, 30px) / 4);
	}
	.bread.mb-default {
		margin-bottom: calc(var(--enym-default-margin, 30px) / 2);
	}
	.vc_column-inner {
		margin-bottom: calc(var(--enym-default-margin, 30px) / 2); /*var(--wpex-vc-column-inner-margin-bottom);*/
	}
	.vcex-spacing:not(.keep) {
		height: calc(var(--enym-default-margin, 30px) / 4) !important;
	}
	.pb-pt-default {
		padding-bottom: calc(var(--enym-default-margin, 30px) / 2) !important; /*var(--enym-default-margin, 30px);*/
		padding-top: calc(var(--enym-default-margin, 30px) / 2) !important; /*var(--enym-default-margin, 30px);*/
	}
	.pb-default {
		padding-bottom: calc(var(--enym-default-margin, 30px) / 2) !important; /*var(--enym-default-margin, 30px);*/
	}
	.pt-default {
		padding-top: calc(var(--enym-default-margin, 30px) / 2) !important; /*var(--enym-default-margin, 30px);*/
	}
	.mb-default {
		margin-bottom: calc(var(--enym-default-margin, 30px) / 2) !important; /*var(--enym-default-margin, 30px);*/
	}
	.mt-default {
		margin-top: calc(var(--enym-default-margin, 30px) / 2) !important; /*var(--enym-default-margin, 30px);*/
	}
	
	.vcex-button.no-margin {
		margin-top: 20px
	}
	.white-box-displaced .wpb_text_column {
		font-size: 1.1em;
		padding: 0; /*0px 30px 0 30px;*/
	}
	.white-box-displaced .vcex-button {
		padding: 0; /*0 30px 0 30px !important;*/
	}
	.vcex-button.no-margin.visible-phone .wpex-items-center {
		justify-content: right;
	}
	.vcex-button.no-margin.visible-phone.align-right {
		text-align: right;
	}
	.person-row.pb-default-half {
	    padding-bottom: 10px;
	}
	.person-row .wpb_column:nth-child(2) {
		padding-top:0;
	} 
	.hide-mobile {
		display: none;
	}
	/*MARGINS*/
	
	/*home diplaced small bg*/
	.displaced-small .vc_column-inner {
		background-position: 50px 50px !important;
	}
	.title-team {
		max-width: 500px;
		position: absolute;
		right: 50px;
		top: 190px;
		z-index: 100;
	}
	.no-padding-mobile {
		padding: unset !important;
	}
	.vcex-post-terms__list {
		margin-bottom: 0;
	}

	.white-box {
		padding-right: 30px;
		padding-bottom: 30px;
	}
	.hero {
		min-height: 450px;
	}
	.single-projekt .hero {
		min-height: 400px !important;
	}
	.hero-green.vcex-heading  {
		font-size: 1.5em;
	}
	.hero-white.vcex-heading  {
		font-size: 1.5em;	
	}
	.title-green .wpex-badge  {
		font-size: 1.2em;
	}
	.title-white .wpex-badge  {
		font-size: 1.2em;	
	}
	.title-dark .wpex-badge {
		font-size: 1.2em;	
	}
	.regular-title-big-green {
		font-size: 1.2em !important;
	}
	.regular-title-big-green-small {
		font-size: .9em !important;
	}
	.regular-title-big-white {
		font-size: 1.2em !important;
	}
	.regular-title-big-white-small {
		font-size: .9em !important;
	}
	.regular-title-big-black {
		font-size: 1.2em !important;
	}
	.regular-title-big-black-small {
		font-size: .9em !important;
	}
	.title-team {
		font-size: .8em;	
	}
	.title-team .vcex-heading-badge {
		font-size: 1.1em;
	}
	.angebot-box-subtitle {
		font-size: 1.1em;	
	}
	.angebot-box-subtitle {
		font-size: 1.1em;	
	}
	.quote .vc_column-inner {
		padding: 20px 40px;
	}
	.circle-image {
		max-width: 80%;
		margin: 0 auto;
		padding: 40px 0 40px 0;
	}

	.mobile-align-left.wpex-text-center {
		text-align: left !important;
	}
}


@media (min-width: 768px) {
	.mobile-only {
		display: none;
	}
	.displaced-small .vc_column-inner {
		background-position: 100px !important;
	}
	.circle-image {
		padding: 250px 50px 50px 50px;
		background-color: var(--wpex-accent);
	}

}


	.row-1-col-1:before {
		content: '25%';
		position: absolute;
		right: 30px;
		height:20px;
		width: auto;
	}

	.row-1-col-2:before {
		content: '75%';
		position: absolute;
		left: 30px;
		height:20px;
		width: auto;
	}

	.row-2-col-1:before {
		content: '50%';
		position: absolute;
		right: 30px;
		height:20px;
		width: auto;
	}

	.row-2-col-2:before {
		content: '50%';
		position: absolute;
		left: 30px;
		height:20px;
		width: auto;
	}

	.row-3-col-1:before {
		content: '75%';
		position: absolute;
		right: 30px;
		height:20px;
		width: auto;
	}

	.row-3-col-2:before {
		content: '25%';
		position: absolute;
		left: 30px;
		height:20px;
		width: auto;
	}

@media (min-width: 769px) and (max-width: 1023px) {
	.hero {
		min-height: 500px;
	}
	.single-projekt .hero {
		min-height: 450px !important;
	}
	.hero-green.vcex-heading  {
		font-size: 2em;
	}
	.hero-white.vcex-heading  {
		font-size: 2em;	
	}
	.title-green .wpex-badge  {
		font-size: 1.5em;
	}
	.title-white .wpex-badge  {
		font-size: 1.5em;	
	}
	.title-dark .wpex-badge {
		font-size: 1.5em;	
	}
	.regular-title-big-green {
		font-size: 1.5em !important;
	}
	.regular-title-big-green-small {
		font-size: 1.2em !important;
	}
	.regular-title-big-white {
		font-size: 1.5em !important;
	}
	.regular-title-big-white-small {
		font-size: 1.2em !important;
	}
	.regular-title-big-black {
		font-size: 1.5em !important;
	}
	.regular-title-big-black-small {
		font-size: 1.2em !important;
	}
	.title-team {
		font-size: .9em;	
	}
	.title-team .vcex-heading-badge {
		font-size: 1.2em;
	}
	.angebot-box-subtitle {
		font-size: 1.2em;	
	}
	.angebot-box-subtitle {
		font-size: 1.2em;	
	}
	.white-box-displaced {
		position: absolute;
		max-width: 800px;
		left: -150px;
		background-color: #fff;
	}	
	.quote .vc_column-inner {
		padding: 30px 60px;
	}
}
@media (min-width: 1024px) {
	.hero {
		min-height: 700px;
	}
	.single-projekt .hero {
		min-height: 450px !important;
	}
	.hero-green.vcex-heading  {
		font-size: 2.5em;
	}
	.hero-white.vcex-heading  {
		font-size: 2.5em;	
	}
	.title-green .wpex-badge  {
		font-size: 1.6em;
	}
	.title-white .wpex-badge  {
		font-size: 1.6em;
	}
	.title-dark .wpex-badge {
		font-size: 1.6em;
	}
	.regular-title-big-green {
		font-size: 1.6em !important;
	}
	.regular-title-big-green-small {
		font-size: 1.3em !important;
	}
	.regular-title-big-white {
		font-size: 1.6em !important;
	}
	.regular-title-big-white-small {
		font-size: 1.3em !important;
	}
	.regular-title-big-black {
		font-size: 1.6em !important;
	}
	.regular-title-big-black-small {
		font-size: 1.3em !important;
	}
	.title-team {
		font-size: 1em;	
	}
	.title-team .vcex-heading-badge {
		font-size: 1.3em;
	}
	.angebot-box-subtitle {
		font-size: 1.3em;	
	}
	.angebot-box-subtitle {
		font-size: 1.3em;	
	}
	.white-box-displaced {
		position: absolute;
		max-width: 800px;
		left: -150px;
		background-color: #fff;
	}	
	.absolute-image-1 { /*irgendwo*/
		position: absolute;
		width: 700px;
		top: -200px;
		left: 22px;
	}
	.absolute-image-2 { /*move images karriere*/
		position: relative;
		top: -140px;
	}
	.absolute-image-3 { /*karriere*/
		position: absolute;
		margin-top: 50px;
		/* width: 700px; */
		/* top: -200px; */
		/* left: 22px; */
		z-index: 1;
	}
	
	.white-box-displaced .wpb_text_column {
		padding: 0px 30px 0 30px;

	}
	.quote .vc_column-inner {
		padding: 50px 100px;
	}

}