/*
	Theme Name: bluprofessionals.com 2.1
	Version: 2.1
*/





/* ! _NOTES */

/*	*/





/* ! _IMPORTS */

@font-face {
    font-family: 'apercu-light';
    src: url('_assets/fonts/apercu-light.eot');
    src: url('_assets/fonts/apercu-light.eot?#iefix') format('embedded-opentype'),
         url('_assets/fonts/apercu-light.woff') format('woff'),
         url('_assets/fonts/apercu-light.woff2') format('woff2'),
         url('_assets/fonts/apercu-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercu-regular';
    src: url('_assets/fonts/apercu-regular.eot');
    src: url('_assets/fonts/apercu-regular.eot?#iefix') format('embedded-opentype'),
         url('_assets/fonts/apercu-regular.woff') format('woff'),
         url('_assets/fonts/apercu-regular.woff2') format('woff2'),
         url('_assets/fonts/apercu-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercu-bold';
    src: url('_assets/fonts/apercu-bold.eot');
    src: url('_assets/fonts/apercu-bold.eot?#iefix') format('embedded-opentype'),
         url('_assets/fonts/apercu-bold.woff') format('woff'),
         url('_assets/fonts/apercu-bold.woff2') format('woff2'),
         url('_assets/fonts/apercu-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





/* ! _RESET (v2.4) */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	margin: 0;
	list-style: none;
	vertical-align: baseline }

a, a:hover,
.button,
.button__menu {
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all .3s linear }

header, footer, section, article, /*.home */div {
	overflow: hidden;
	clear: both }

img, embed, object, video, .wp-caption {
	max-width: 100% !important;
	height: auto }

audio { width: 100% }

iframe { max-width: 100% }

button, input, select, textarea { margin: 0 }





/* ! ADJUSTMENTS ➜ hacks */

img {
	display: block;
	border: 1px solid # }

a img { border: none }

.nobr { white-space: nowrap }

.no-touchy {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent }

.kill-in-large { display: none }
.kill-in-small { display: inline }


@media
(max-width: 1000px) {
	.kill-in-large { display: inline }
	.kill-in-small { display: none !important }
}/**/





/* ! ADJUSTMENTS ➜ javascript */

#site-header {}





/* ! ADJUSTMENTS ➜ text sizes */

.lang,
#datenschutzhinweis { font-size: 12px }

nav.inline .button { font-size: 13px !important }

#quick-menu,
#sub-menu,
#sub-menu h1,
#sub-menu h2,
#site-footer,
figcaption,
.modul__timeline,
.post .date,
#definition {
	font-size: 15px;
	line-height: 1.6em }

.button,
.home #leistungen,
.page-startseite-dev #leistungen,
.modul__spalten,
.modul__bewertung {
	font-size: 17px !important;
	line-height: 1.6em }

/* .hero__small {
	font-size: 18px;
	line-height: 1.7em } */

body,
#toc {
	font-size: 20px;
	line-height: 1.7em }

.home #leistungen h1,
.page-startseite-dev #leistungen h1 {
	font-size: 25px;
	line-height: 1.45em }

#toc .w > ul > li,
.txt h2,
.fliesstext__gross {
	font-size: 30px;
	line-height: 1.45em }

.modul__zitat,
.hero__small.txt h1 {
	font-size: 40px;
	line-height: 1.5em }

.txt h1 {
	font-size: 45px;
	line-height: 1.3em }

.modul__zitat.size__xxl {
	font-size: 55px;
	line-height: 1.3em }


@media
(max-width: 1300px) {
	.home #leistungen h1,
	.page-startseite-dev #leistungen h1 {
		font-size: 20px;
		line-height: 1.45em }
}/**/


@media
(max-width: 900px) {
	nav.inline .button { font-size: 12px !important }
	
	body,
	#toc,
	.button,
	.home #leistungen,
	.page-startseite-dev #leistungen,
	.modul__spalten,
	.modul__bewertung {
		font-size: 16px;
		line-height: 1.7em }
	
	.txt h2,
	.fliesstext__gross,
	.modul__zitat,
	.home #leistungen h1,
	.page-startseite-dev #leistungen h1 {
		font-size: 22px;
		line-height: 1.45em }
	
	.txt h1,
	.modul__zitat.size__xxl,
	.hero__small.txt h1 {
		font-size: 30px;
		line-height: 1.3em }
}/**/


@media
(max-width: 600px) {
	.modul__bewertung {
		font-size: 14px;
		line-height: 1.7em }
}/**/





/* ! ADJUSTMENTS ➜ text styling */

body,
input,
.home .modul h1,
.page-startseite-dev .modul h1,
.button--small { font-family: apercu-regular, sans-serif !important }

.txt h1,
.txt h2,
strong,
#quick-menu .parents,
/*#toc .w > ul > li,*/
#sub-menu h1,
#sub-menu h2,
.button,
.cs-result__apply-button,
.modul__timeline .date,
.modul__socialproof { font-family: apercu-bold, sans-serif;
	font-weight: normal !important }

#quick-menu .lang,
#toc ul ul,
#site-footer,
.fliesstext__gross,
.modul__zitat,
.home .hero,
.home #leistungen,
.home #werte,
.page-startseite-dev .hero,
.page-startseite-dev #leistungen,
.page-startseite-dev #werte { font-family: apercu-light, sans-serif }

body {
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	color: black }

::-moz-selection { background: grey }
::selection { background: grey }

em { font-style: italic }

.txt * + h2 { padding-top: .8em }
.txt h2 + *,
.txt p + *,
.txt ul + *,
.txt ol + * { margin-top: .6em }
.txt li + li { margin-top: 0em }

#page-content li a { display: inline } /* bug fix for alignment issue of links in lists */

#page-content ul,
#page-content ol { padding-left: 1.5em }

#page-content ul li { list-style: disc }
#page-content ol li { list-style: decimal }





/* ! ADJUSTMENTS ➜ width */

.w {
	position: relative;
	max-width: 1700px;
	margin: auto }

.home #site-main .w,
.page-startseite-dev #site-main .w {
	max-width: 1620px;
	padding: 0 40px }

.w__main {
	float: right;
	width: 63%;
	margin-right: 10% }

.w--66 { width: 66.6666% }
.w--50 { width: 50% }
.w--33 { width: 33.3333% }


@media
(max-width: 1180px) {
	.home #site-main .w,
	.page-startseite-dev #site-main .w { padding: 0 20px }
	
	.w__main {
		width: auto;
		margin: 0 20px }
}/* mq */





/* ! ADJUSTMENTS ➜ height */

.element + .element { margin-top: 40px }

.home .element + .element,
.page-startseite-dev .element + .element { margin-top: 30px }

.modul + .modul { margin-top: 100px }

.modul.modul__socialproof + .modul.modul__socialproof { margin-top: 20px }

.modul__bewertung + .modul__bewertung { margin-top: 30px }

.modul + .modul__anker { margin-top: 0 }


@media
(max-width: 900px) {
	.element + .element { margin-top: 30px }
	
	.modul + .modul { margin-top: 60px }
	.modul + .modul__anker { margin-top: 0 }
}/* mq */





/* ! ADJUSTMENTS ➜ colors */

/* color scheme: (default) */

#quick-menu a:hover,
#sub-menu a:hover,

.lang-de .lang .de a,
.lang-en .lang .en a,
.lang-es .lang .es a,
.lang-cn .lang .cn a,

.page-id-8 li.unternehmen a,
.page-id-156 li.blu-academy a,
.page-id-1639 li.mitsm a,
.page-id-3639 li.mitsm a,
.page-id-2824 li.complimant-ag a,

/* academy */
.page-id-5752 li.blu-agile a,
.page-id-5757 li.anika-anja a,
.page-id-2897 li.andreas-rieckmann a,
.page-id-3537 li.enver-idris a,
.page-id-2895 li.year-of-the-x a,
.page-id-2899 li.katharina-klonower a,
.page-id-2893 li.nagel-meier-partner a,
.page-id-6038 li.nav6038 a,
.page-id-6057 li.nav6057 a,
.page-id-6061 li.nav6061 a,
.page-id-6065 li.nav6065 a,
.page-id-6070 li.nav6070 a,
.page-id-6157 li.nav6157 a,
.page-id-6556 li.nav6556 a,

.page-id-1912 li.mbs a,
.page-id-158 li.karrieren a,
.parent-pageid-8 li.unternehmen a,
.blog li.unternehmen a,
.single li.unternehmen a,
.parent-pageid-156 li.blu-academy a,
.parent-pageid-3235 li.blu-fit a,
.page-id-3235 li.blu-fit a,
.page-id-3254 li.team a,
.page-id-3256 li.angebote a,
.parent-pageid-158 li.karrieren a,
.page-id-3233 li.stellenangebote a,
.page-id-162 li.werte a,
.page-id-229 li.benefits a,
.page-id-231 li.soziales-engagement a,
.page-id-233 li.auszeichnungen a,
.page-id-235 li.news a,
.blog li.news a,
.page-id-3688 li.downloadbereich a,
.single li.news a,
.page-id-237 li.familienfreundliches-arbeiten a,
.page-id-2826 li.pm a,
.page-id-239 li.pmo a,
.page-id-241 li.business-support a,
.page-id-243 li.engineering-automotive a,
.page-id-2829 li.engineering-construction a,
.page-id-245 li.young-professionals a,
.page-id-3161 li.blu-agile-coaching a,
.page-id-3179 li.blu-agile-project-management a,
.page-id-4476 li.agile-management-office a,
.page-id-4472 li.agile-framework-management a,
.parent-pageid-158 li.karrieren a,
.parent-pageid-2547 li.karrieren a,
.page-id-3379 li.bewerbungsprozess a,
.page-id-247 li.testimonials a,
.page-id-249 li.benefits a,
.page-id-2547 li.stellen a,
.parent-pageid-2547 li.stellen a,
.page-id-2332 li.info a,
.parent-pageid-2332 li.info a,
.page-id-160 li.kontakt-muenchen a,
.page-id-2335 li.kontakt-berlin a,
.page-id-254 li.impressum a,
.page-id-258 li.behind-the-scenes a,
.page-id-256 li.agb a,
.page-id-3048 li.datenschutz a,
#modul__results span,
.page-id-4428 li.blu-agile a,
.parent-pageid-4428 li.blu-agile a,
.page-id-4442 li.blu-agile-competence-center a,
.page-id-4435 li.agile-leistungen a,

/* kompetenzen */
.page-id-6971 li.kompetenzen a,
.parent-pageid-6971 li.kompetenzen a,

.page-id-7006 li.kompetenzen_senior_projektmanagement a,
.page-id-7004 li.kompetenzen_training_teaching a,
.page-id-7000 li.kompetenzen_werksaufbau a,
.page-id-7002 li.kompetenzen_joint_venture a,

/* leistungen */
.page-id-5131 li.leistungen a,
.parent-pageid-5131 li.leistungen a,

.page-id-5251 li.leistungen_agile_coaching a,
.page-id-5334 li.leistungen_afm a,
.page-id-5246 li.leistungen_amo a,
.page-id-5248 li.leistungen_agile_skalierung a,
.page-id-5137 li.leistungen_product_owner a,
.page-id-5133 li.leistungen_scrum_master a,
.page-id-5336 li.leistungen_hybride_projektunterstutzung a,
.page-id-5342 li.leistungen_projektleitung a,
.page-id-5340 li.leistungen_pmo a,
.page-id-5338 li.leistungen_projektleitung a,
.page-id-6876 li.leistungen_kaufmaennische_anue a,
.page-id-5346 li.leistungen_business_support a,
.page-id-5347 li.leistungen_engineering a,
.page-id-5345 li.leistungen_young_professionals a,

/* valbee */
.page-id-4918 li.valbee a,
.parent-pageid-4918 li.valbee a,
.page-id-4946 li.valbee_leistungen a,
.page-id-4948 li.valbee_kontakt a { opacity: .5 }

.fliesstext__gross { opacity: .8 }

#sub-menu h2,
#toc h2 { opacity: .3 }

#quick-menu a { color: #2A4E93 }

.button__menu__open { background: #2A4E93 }
.button__menu__open:hover,
.button__menu__close:hover { opacity: .5 }

body {
	color: black;
	background-color: #F1F3F4 }

#toc .l-1 {
	background: grey;
	background: rgba(140, 140, 140, 0.95) }

#toc a,
#toc a:active,
#toc a:visited,
#toc a:hover { color: white !important }

#site-footer { color: #4b4b4b }

.button,
#sub-menu,
.bg__dark,
.modul__socialproof {
	color: white;
	background: #a5a5a5 }

#sub-menu a { color: white !important }

.button.active,
a.button:before { background: #212121 }

.button__menu__close { background: white }
.button__menu__close .line { fill: #212121 }

#toc { color: white }

.bg__dark h1,
.bg__dark h2 { color: white !important }

.bg__dark .fliesstext__gross { color: white }

.bg__dark .button {
	color: black;
	background: white }

.bg__dark .button:hover { color: white !important }

/* color scheme: Home */

body.home,
body.page-startseite-dev { background-color: white }

.page-id-6 #toc .l-1 {
	background: #7D91A8;
	background: rgba(105, 125, 149, 0.95) /* -20 */ }

.page-id-6 #site-footer,
.parent-pageid-6 #site-footer { color: #5C6978 }

/* color scheme: Unternehmen */

body.page-id-8,
body.parent-pageid-8 {
	color: #212121;
	background-color: #F1F3F4 }

.home #werte .mehr,
.page-startseite-dev #werte .mehr,
.page-id-8 #toc .l-1,
.parent-pageid-8 #toc .l-1 {
	background: #7D91A8;
	background: rgba(105, 125, 149, 0.95) /* -20 */ }

.page-id-8 .txt h1,
.page-id-8 .txt h2,
.page-id-8 .modul__zitat,
.page-id-8 figcaption,
.parent-pageid-8 .txt h1,
.parent-pageid-8 .txt h2,
.parent-pageid-8 .modul__zitat,
.parent-pageid-8 figcaption { color: #7D91A8 }

.page-id-8 #site-footer,
.parent-pageid-8 #site-footer { color: #5C6978 }

.page-id-8 .button,
.page-id-8 #sub-menu,
.page-id-8 .bg__dark,
.page-id-8 .modul__socialproof,
.parent-pageid-8 .button,
.parent-pageid-8 .button__menu__open,
.parent-pageid-8 #sub-menu,
.parent-pageid-8 .bg__dark,
.parent-pageid-8 .modul__socialproof { background: #7D91A8 }

.page-id-8 .button.active,
.parent-pageid-8 .button.active,
.page-id-8 a.button:before,
.parent-pageid-8 a.button:before { background: #4a5664 }

.page-id-8 .bg__dark .button,
.parent-pageid-8 .bg__dark .button {
	color: #7D91A8;
	background: white }

/* color scheme: Blog (same as Unternehmen) */

body.blog,
body.single {
	color: #212121;
	background-color: #F1F3F4 }

.blog #toc .l-1,
.single #toc .l-1 {
	background: #7D91A8;
	background: rgba(105, 125, 149, 0.95) /* -20 */ }

.blog .txt h1,
.blog .txt h2,
.blog .modul__zitat,
.blog figcaption,
.single .txt h1,
.single .txt h2,
.single .modul__zitat,
.single figcaption { color: #7D91A8 }

.blog #site-footer,
.single #site-footer { color: #5C6978 }

.blog .button,
.blog #sub-menu,
.blog .bg__dark,
.blog .modul__socialproof,
.single .button,
.single .button__menu__open,
.single #sub-menu,
.single .bg__dark,
.single .modul__socialproof { background: #7D91A8 }

.blog .button.active,
.single .button.active,
.blog a.button:before,
.blog .button a:before,
.single a.button:before { background: #4a5664 }

.blog .bg__dark .button,
.single .bg__dark .button {
	color: #7D91A8;
	background: white }

/* color scheme: Leistungen */

body.page-id-154,
body.parent-pageid-154 {
	color: #3e4544;
	background-color: #F1F3F4 }

.page-id-154 #toc .l-1,
.parent-pageid-154 #toc .l-1 {
	background: #9AA2A0;
	background: rgba(134, 141, 140, 0.95) /* -20 */ }

.page-id-154 .txt h1,
.page-id-154 .txt h2,
.page-id-154 .modul__zitat,
.page-id-154 figcaption,
.parent-pageid-154 .txt h1,
.parent-pageid-154 .txt h2,
.parent-pageid-154 .modul__zitat,
.parent-pageid-154 figcaption { color: #5a605f }

.page-id-154 #site-footer,
.parent-pageid-154 #site-footer { color: #798381 }

.page-id-154 .button,
.page-id-154 #sub-menu,
.page-id-154 .bg__dark,
.page-id-154 .modul__socialproof,
.parent-pageid-154 .button,
.parent-pageid-154 .button__menu__open,
.parent-pageid-154 #sub-menu,
.parent-pageid-154 .bg__dark,
.parent-pageid-154 .modul__socialproof { background: #9AA2A0 }

.page-id-154 .button.active,
.parent-pageid-154 .button.active,
.page-id-154 a.button:before,
.parent-pageid-154 a.button:before { background: #59605F }

.page-id-154 .bg__dark .button,
.parent-pageid-154 .bg__dark .button {
	color: #9AA2A0;
	background: white }

/* color scheme: Academy */

body.page-id-156,
body.parent-pageid-156 {
	color: #3e4544;
	background-color: #F1F3F4 }

.page-id-156 #toc .l-1,
.parent-pageid-156 #toc .l-1 {
	background: #7C7982;
	background: rgba(105, 101, 110, 0.95) /* -20 */ }

.page-id-156 .txt h1,
.page-id-156 .txt h2,
.page-id-156 .modul__zitat,
.page-id-156 figcaption,
.parent-pageid-156 .txt h1,
.parent-pageid-156 .txt h2,
.parent-pageid-156 .modul__zitat,
.parent-pageid-156 figcaption { color: #706e79 }

.page-id-156 #site-footer,
.parent-pageid-156 #site-footer { color: #8f8d95 }

.page-id-156 .button,
.page-id-156 #sub-menu,
.page-id-156 .bg__dark,
.page-id-156 .modul__socialproof,
.parent-pageid-156 .button,
.parent-pageid-156 .button__menu__open,
.parent-pageid-156 #sub-menu,
.parent-pageid-156 .bg__dark,
.parent-pageid-156 .modul__socialproof { background: #7C7982 }

.page-id-156 .button.active,
.parent-pageid-156 .button.active,
.page-id-156 a.button:before,
.parent-pageid-156 a.button:before { background: #57565a }

.page-id-156 .bg__dark .button,
.parent-pageid-156 .bg__dark .button {
	color: #9AA2A0;
	background: white }

/* color scheme: Karrieren */

body.page-id-158,
body.parent-pageid-158 {
	color: #36363c;
	background-color: #F1F3F4 }

.page-id-158 #toc .l-1,
.parent-pageid-158 #toc .l-1 {
	background: #A9A9B4;
	background: rgba(149, 148, 159, 0.95) /* -20 */ }

.page-id-158 .txt h1,
.page-id-158 .txt h2,
.page-id-158 .modul__zitat,
.page-id-158 figcaption,
.parent-pageid-158 .txt h1,
.parent-pageid-158 .txt h2,
.parent-pageid-158 .modul__zitat,
.parent-pageid-158 figcaption { color: #76767d }

.page-id-158 #site-footer,
.parent-pageid-158 #site-footer { color: #92929b }

.page-id-158 .button,
.page-id-158 #sub-menu,
.page-id-158 .bg__dark,
.page-id-158 .modul__socialproof,
.parent-pageid-158 .button,
.parent-pageid-158 .button__menu__open,
.parent-pageid-158 #sub-menu,
.parent-pageid-158 .bg__dark,
.parent-pageid-158 .modul__socialproof { background: #A9A9B4 }

.page-id-158 .button.active,
.parent-pageid-158 .button.active,
.page-id-158 a.button:before,
.parent-pageid-158 a.button:before { background: #666670 }

.page-id-158 .bg__dark .button,
.parent-pageid-158 .bg__dark .button {
	color: #9AA2A0;
	background: white }

/* color scheme: blu Fit */

body.page-id-3235,
body.parent-pageid-3235,
body.page-id-4428,
body.parent-pageid-4428 {
	color: #36363c;
	background-color: #f3f8f8 }

.page-id-3235 #toc .l-1,
.parent-pageid-3235 #toc .l-1,

.page-id-4428 #toc .l-1,
.parent-pageid-4428 #toc .l-1 {
	background: #6e99a9;
	background: rgba(110, 153, 169, 0.95) /* -20 */ }

.page-id-3235 .txt h1,
.page-id-3235 .txt h2,
.page-id-3235 .modul__zitat,
.page-id-3235 figcaption,
.parent-pageid-3235 .txt h1,
.parent-pageid-3235 .txt h2,
.parent-pageid-3235 .modul__zitat,
.parent-pageid-3235 figcaption,

.page-id-4428 .txt h1,
.page-id-4428 .txt h2,
.page-id-4428 .modul__zitat,
.page-id-4428 figcaption,
.parent-pageid-4428 .txt h1,
.parent-pageid-4428 .txt h2,
.parent-pageid-4428 .modul__zitat,
.parent-pageid-4428 figcaption { color: #76767d }

.page-id-3235 #site-footer,
.parent-pageid-3235 #site-footer,

.page-id-4428 #site-footer,
.parent-pageid-4428 #site-footer { color: #92929b }

.page-id-3235 .button,
.page-id-3235 #sub-menu,
.page-id-3235 .bg__dark,
.page-id-3235 .modul__socialproof,
.parent-pageid-3235 .button,
.parent-pageid-3235 .button__menu__open,
.parent-pageid-3235 #sub-menu,
.parent-pageid-3235 .bg__dark,
.parent-pageid-3235 .modul__socialproof,

.page-id-4428 .button,
.page-id-4428 #sub-menu,
.page-id-4428 .bg__dark,
.page-id-4428 .modul__socialproof,
.parent-pageid-4428 .button,
.parent-pageid-4428 .button__menu__open,
.parent-pageid-4428 #sub-menu,
.parent-pageid-4428 .bg__dark,
.parent-pageid-4428 .modul__socialproof { background: #6e99a9 }

.page-id-3235 .button.active,
.parent-pageid-3235 .button.active,
.page-id-3235 a.button.active,
.parent-pageid-3235 a.button.active,
.page-id-3235 a.button:before,
.parent-pageid-3235 a.button:before,

.page-id-4428 .button.active,
.parent-pageid-4428 .button.active,
.page-id-4428 a.button.active,
.parent-pageid-4428 a.button.active,
.page-id-4428 a.button:before,
.parent-pageid-4428 a.button:before { background: #5b7781 }

.page-id-3235 .bg__dark .button,
.parent-pageid-3235 .bg__dark .button,

.page-id-4428 .bg__dark .button,
.parent-pageid-4428 .bg__dark .button {
	color: #838b8e;
	background: white }

/* color scheme: Valbee */

body.page-id-4918,
body.parent-pageid-4918 {
	color: #3e4544;
	background-color: #F1F3F4 }

.page-id-4918 #toc .l-1,
.parent-pageid-4918 #toc .l-1 {
	background: #f2a28e;
	background: rgba(242, 162, 142, 0.95) }

.page-id-4918 .txt h1,
.page-id-4918 .txt h2,
.page-id-4918 .modul__zitat,
.page-id-4918 figcaption,
.parent-pageid-4918 .txt h1,
.parent-pageid-4918 .txt h2,
.parent-pageid-4918 .modul__zitat,
.parent-pageid-4918 figcaption { color: #373737 }

.page-id-4918 #site-footer,
.parent-pageid-4918 #site-footer { color: #373737 }

.page-id-4918 .button,
.page-id-4918 #sub-menu,
.page-id-4918 .bg__dark,
.page-id-4918 .modul__socialproof,
.parent-pageid-4918 .button,
.parent-pageid-4918 .button__menu__open,
.parent-pageid-4918 #sub-menu,
.parent-pageid-4918 .bg__dark,
.parent-pageid-4918 .modul__socialproof { background: #f2a28e }

.page-id-4918 .button.active,
.parent-pageid-4918 .button.active,
.page-id-4918 a.button:before,
.parent-pageid-4918 a.button:before { background: #c2735f }

.page-id-4918 .bg__dark .button,
.parent-pageid-4918 .bg__dark .button {
	color: #f2a28e;
	background: white }

.page-id-4918 #sub-menu li a,
.parent-pageid-4918 #sub-menu li a { border-bottom: 1px solid white }

.page-id-4918 .button__menu__open,
.parent-pageid-4918 .button__menu__open { background: #f2a28e }

.page-id-4918 #quick-menu a,
.parent-pageid-4918 #quick-menu a { color: #e67e63 }

/* color scheme: Kompetenzen */

body.page-id-6971,
body.parent-pageid-6971 {
	color: #3e4544;
	background-color: white;
	background-image: url('_assets/bg/tile-6-1.png');
	background-repeat: repeat }

.page-id-6971 #toc .l-1,
.parent-pageid-6971 #toc .l-1 {
	background-color: #326095;
	background-color: rgba(50, 96, 149, 0.95) }

.page-id-6971 .txt h1,
.page-id-6971 .txt h2,
.page-id-6971 .modul__zitat,
.page-id-6971 figcaption,
.parent-pageid-6971 .txt h1,
.parent-pageid-6971 .txt h2,
.parent-pageid-6971 .modul__zitat,
.parent-pageid-6971 figcaption { color: #383838 }

.page-id-6971 #site-footer,
.parent-pageid-6971 #site-footer { color: #373737 }

.page-id-6971 .button,
.page-id-6971 #sub-menu,
.page-id-6971 .bg__dark,
.page-id-6971 .modul__socialproof,
.parent-pageid-6971 .button,
.parent-pageid-6971 .button__menu__open,
.parent-pageid-6971 #sub-menu,
.parent-pageid-6971 .bg__dark,
.parent-pageid-6971 .modul__socialproof { background: #326095 }

.page-id-6971 .button.active,
.parent-pageid-6971 .button.active,
.page-id-6971 a.button:before,
.parent-pageid-6971 a.button:before { background: #837b90 }

.page-id-6971 .bg__dark .button,
.parent-pageid-6971 .bg__dark .button {
	color: #1d3a5c;
	background: white }

.page-id-6971 #sub-menu li a,
.parent-pageid-6971 #sub-menu li a { border-bottom: 1px solid white }







/* ! ELEMENT ➜ a (links) */

a,
a:active,
a:visited,
a:hover {
	display: inline-block;
	color: inherit }

#content a,
#content a:active,
#content a:visited,
#content a:hover { text-decoration: underline }

a.tel { text-decoration: none }





/* ! ELEMENT ➜ site-transition */

#site-transition {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: white }





/* ! ELEMENT ➜ buttons */

a.button,
.button,
.button a {
	cursor: pointer;
	position: relative;
	display: inline-block !important;
	clear: both;
	padding: 25px;
	color: white;
	line-height: 1em;
	text-decoration: none;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s }

a.button:before,
.button a:before,
.button:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out }

a.button:hover:before, a.button:focus:before, a.button:active:before,
.button:hover:before, .button:focus:before, .button:active:before,
.button a:hover:before, .button a:focus:before, .button a:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1) }

.button--small {
	padding: 12px !important;
	margin: 1px }





/* ! ELEMENT ➜ ico */

.ico a {
	display: inline-block;
	float: right;
	width: 40px;
	height: 40px }

.ico a svg {
	height: 100%;
	width: 100%;
	fill: #005594 }

.ico a:hover svg { fill: #ef561b }





/* ! ELEMENT ➜ sb_instagram */

#sb_instagram div {
	overflow: visible;
	clear: none }

.page-auszeichnungen #sb_instagram { margin-top: 2em }





/* ! BLOCK ➜ site-header */

#site-header {
	position: fixed;
	z-index: 1;
	top: 50px;
	width: 100% }

.home #site-header,
.page-startseite-dev #site-header { position: absolute }

#site-header .logo,
#site-header .button__menu__open { display: inline-block }

#site-header .logo a {
	width: 170px;
	height: 40px;
	margin-left: 40px;
	background-image: url('_assets/logos/blu_professionals.png');
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -9999px }

.page-id-156 #site-header .logo a,
.parent-pageid-156 #site-header .logo a { background-image: url('_assets/logos/blu_academy.png') }

.page-id-3235 #site-header .logo a,
.parent-pageid-3235 #site-header .logo a { background-image: url('_assets/logos/blu_fit.png') }

.page-id-4428 #site-header .logo a,
.parent-pageid-4428 #site-header .logo a { background-image: url('_assets/logos/blu_agile.png') }

.page-id-4918 #site-header .logo a,
.parent-pageid-4918 #site-header .logo a { background-image: url('_assets/logos/valbee.png') }

#site-header .button__menu__open {
	cursor: pointer;
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	margin-right: 40px;
	border-radius: 50% }

#site-header #menu-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px }

#site-header #menu-icon .line {
    stroke-width: 13;
    stroke: white }


@media
(max-width: 1180px) {
	#site-header {
		position: relative;
		top: 40px;
		overflow: visible }
	
	#site-header .button__menu {
		position: fixed;
		top: 40px;
		right: 0px;
		z-index: 99999 }
}/**/


@media
(max-width: 1000px) {
	#site-header .logo a { margin-left: 20px }
	#site-header .button__menu__open { margin-right: 20px }
}/* mq */





/* ! BLOCK ➜ nav#quick-menu */

#quick-menu { margin-top: 60px }

#quick-menu .w__main {
	position: relative;
	z-index: 2 }

#quick-menu ul,
#quick-menu li { display: inline-block }

#quick-menu li { margin-right: 40px }
#quick-menu .lang li {
	margin-right: 0;
	margin-left: 10px }

#quick-menu .lang {
	display: inline-block;
	float: right }

#quick-menu a { text-decoration: none }

.page-id-8 #quick-menu .link-unternehmen a,
.page-id-154 #quick-menu .link-leistungen a,
.page-id-156 #quick-menu .link-academy a,
.page-id-158 #quick-menu .link-karrieren a,
.page-id-160 #quick-menu .link-kontakt a { text-decoration: underline }


@media
(max-width: 1400px) {
	#quick-menu .lang { display: none }
	
	#quick-menu li { margin-right: 20px }
	
	#quick-menu li span { display: none }
}/* mq */


@media
(max-width: 1180px) {
	#quick-menu { display: none }
}/* mq */





/* ! BLOCK ➜ nav#toc */

#toc {
	visibility: hidden;
	opacity: .1;
	transition: all .3s ease;
	z-index: 9996;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: scroll;
	line-height: 1.2em;
	background: transparent }

body.show__toc { overflow: hidden }

.show__toc #toc {
	visibility: visible;
	opacity: 1 }

.toc__close__bg {
	position: fixed;
	z-index: 9997;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh }

#toc .l-1 {
	position: relative;
	z-index: 9998;
	float: right;
	width: 600px;
	padding: 90px 0;
	margin: 20px 0 }

#toc .toc__close {
	position: fixed;
	z-index: 9999;
	width: 100% }

#toc .button__menu__close {
	cursor: pointer;
	position: relative;
	float: right;
	margin: 50px 40px 0 0;
	width: 40px;
	height: 40px;
	border-radius: 50% }

#toc #menu-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 13px;
	height: 13px }

#toc .w > ul > ul { padding-bottom: 40px }
#toc .w > ul > ul:last-of-type { padding-bottom: 0 }

#toc li,
#toc h2,
#toc .lang { padding: 0px 100px .5em 150px }
#toc h2 { margin-top: -25px }
#toc li + h2 { margin-top: 0 }

#toc a { text-decoration: none }

#toc .lang { display: none }

#toc .lang li {
	display: inline-block !important;
	padding: 0;
	margin-right: 10px }

.blog #quick-menu .lang,
.blog #toc .lang,
li.news,
li.parent--blu-academy,
nav .impressum,
nav .agb { display: none }

.lang-de li.news,
.lang-de li.parent--blu-academy,
.lang-de nav .impressum,
.lang-de nav .agb { display: block }


@media
(max-width: 1310px) {
	#toc .lang { display: block }
}/**/


@media
(max-width: 1180px) {
	#toc .button__menu__close { margin-top: 40px }
}/**/


@media
(max-width: 1000px) {
	#toc .button__menu__close { margin-right: 20px }
}/* mq */


@media
(max-width: 700px) {
	#toc .l-1 {
		width: auto;
		padding: 80px 0;
		margin: 20px 0 20px 20px; }
	
	#toc li,
	#toc h2,
	#toc .lang { padding: 0px 80px .5em 80px }
}/* mq */


@media
(max-width: 370px) {
	#toc li,
	#toc h2,
	#toc .lang { padding: 0px 40px .5em 40px }
}/* mq */





/* ! BLOCK ➜ nav#sub-menu */

#sub-menu {
	position: fixed;
	float: left;
	width: 19%;
	max-width: 350px;
	max-height: 60vh;
	padding: 55px 0;
	overflow: auto }

#sub-menu a { text-decoration: none }

#sub-menu h1,
#sub-menu h2,
#sub-menu ul { padding: 0 45px }

#sub-menu h1 {
	display: inline-block;
	margin-bottom: 8px;
	padding-right: 20px !important;
	background-image: url('_assets/icons/sub-menu-arrow-down.png');
	background-size: 12px 6px;
	background-position: right center;
	background-repeat: no-repeat }

#sub-menu h2 {
	margin-top: 20px;
	margin-bottom: 5px }

#sub-menu li a {
	display: block;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc }

#sub-menu .w_headings li a {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 0px solid #ccc }

#sub-menu li:last-of-type a {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0 }


@media
(max-width: 1400px) {
	#sub-menu h1,
	#sub-menu h2,
	#sub-menu ul { padding: 0 25px }
}/* mq */


@media
(max-width: 1180px) {
	#sub-menu { display: none }
}/* mq */





/* ! BLOCK ➜ nav.inline */

nav.inline {
	text-align: center;
	margin-bottom: 60px }

nav.inline li {
	display: inline-block;
	margin: 0;
	padding: 0 }





/* ! BLOCK ➜ site-main */

#site-main { padding: 100px 0 180px }

.home #site-main,
.page-startseite-dev #site-main { padding-top: 50px }


@media
(max-width: 1180px) {
	#site-main { padding: 80px 0 120px }
	
	.home #site-main,
	.page-startseite-dev #site-main { padding-top: 120px }
}/* mq */





/* ! BLOCK ➜ site-footer */

#site-footer {
	max-width: 1400px;
	margin: 0 auto 100px;
	padding: 0 20px;
	text-align: center }

#site-footer li { display: inline-block }

#site-footer .footer-awards {
	margin-top: 150px;
	margin-bottom: 20px }

#site-footer .footer-awards-2nd {
	margin-top: 0;
	margin-bottom: 50px }

#site-footer .footer-awards img {
	height: 70px !important;
	width: auto !important;
	margin: 10px 15px }

#site-footer .footer-awards-2nd img { height: 40px !important }

#site-footer #footer-info li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-right: 3%;
	text-align: left }

#site-footer #footer-info li.icon {
	display: none;
	width: 3% }

.icon svg {
	height: 25px;
	margin-top: 5px;
	fill: #043799 }

#site-footer li:last-of-type { margin: 0 }

#site-footer .social a {
	display: block;
	text-decoration: none }

#site-footer .social a + a { margin-top: 5px }

#site-footer .social span {
	display: inline-block;
	width: 22px;
	height: 21px;
	margin-right: 5px;
	background-image: url('_assets/icons/facebook.png');
	background-size: cover;
	text-indent: -9999px;
	vertical-align: middle }

#site-footer .social span.twitter {
	width: 22px;
	height: 17px;
	background-image: url('_assets/icons/twitter.png') }

#site-footer .social span.xing {
	width: 22px;
	height: 22px;
	background-image: url('_assets/icons/xing.png') }

#site-footer .social span.linkedin {
	width: 22px;
	height: 22px;
	background-image: url('_assets/icons/linkedin.png') }

#site-footer .social span.instagram {
	width: 22px;
	height: 22px;
	background-image: url('_assets/icons/instagram.png') }


@media
(max-width: 1000px) {
	#site-footer .footer-awards img {
		height: 50px !important;
		margin: 5px 10px }
	
	#site-footer .footer-awards-2nd img { height: 30px !important }
		
	#site-footer #footer-info li {
		width: 40%;
		margin-right: 0;
		margin-bottom: 50px }
}/* mq */


@media
(max-width: 700px) {
	#site-footer #footer-info li {
		width: 100%;
		margin-bottom: 30px;
		text-align: center }
}/* mq */





/* ! BLOCK ➜ datenschutzhinweis */

.show_datenschutzhinweis #datenschutzhinweis {
	display: block;
	display: none }

#datenschutzhinweis {
	z-index: 9999;
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #636363;
	background: #d8d8d8;
	background: rgba(200, 200, 200, 0.85);
	line-height: 1.6em;
	text-align: center }

#datenschutzhinweis p { padding: 13px 20px 10px 20px }

#datenschutzhinweis .toggle_datenschutzhinweis {
	display: inline-block;
	border: 0px solid #636363;
	border-radius: 5px;
	background: #404040;
	color: #e2e2e2;
	padding: 5px 6px 3px 6px;
	margin-left: 10px;
	cursor: pointer }





/* ! MODUL ➜ text */

.modul__text { padding: 0 100px }
.modul__text.bg__dark { padding: 100px }


@media
(max-width: 1300px) {
	.modul__text { padding: 0 50px }
	.modul__text.bg__dark { padding: 50px }
}/* mq */


@media
(max-width: 900px) {
	.modul__text { padding: 0 20px }
	.modul__text.bg__dark { padding: 40px 20px }
}/* mq */





/* ! MODUL ➜ grafiken */

.modul_grafiken figcaption { margin-top: .75em }

.modul_grafiken .half {
	display: inline-block;
	width: 47%;
	vertical-align: top }

.modul_grafiken .half:nth-child(odd) { padding-right: 3% }
.modul_grafiken .half:nth-child(even) { padding-left: 3% }

.modul_grafiken .onethird {
	display: block;
	width: 33% }

.modul_grafiken .twothirds {
	display: block;
	width: 66% }

.modul_grafiken .onethird.align__right,
.modul_grafiken .twothirds.align__right { float: right }


@media
(max-width: 650px) {
	.modul_grafiken .twothirds,
	.modul_grafiken .half {
		width: 100%;
		padding: 0 0 60px 0 !important }
	
	.modul_grafiken .twothirds,
	.modul_grafiken .half:last-of-type {
		padding-bottom: 0 !important }
}/* mq */





/* ! MODUL ➜ spalten */

.modul__spalten {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap }

.modul__spalten .spalte {
	box-sizing: border-box;
	width: 50%;
	padding: 0 1.5em;
	margin-top: 50px }

.modul__spalten.modul__spalten__c3 .spalte { width: 33% }

.modul__spalten .spalte:first-of-type,
.modul__spalten .spalte:nth-of-type(2) { margin: 0 }

.modul__spalten.modul__spalten__c3 .spalte:nth-of-type(3) { margin: 0 }

.modul__spalten .spalte .content { padding: 1.5em .5em }

.modul__spalten a.readmorebtn {
	cursor: pointer;
	display: block;
	margin: 1em 0 }

.modul__spalten .mehr { display: none }


@media
(max-width: 700px) {
	.modul__spalten .spalte,
	.modul__spalten.modul__spalten__c3 .spalte {
		width: 100%;
		padding: 0;
		margin-top: 50px !important }
}/* mq */





/* ! MODUL ➜ results */

ul#modul__results {
	border-top: 2px solid #dadada;
	padding: 0 }
	
#modul__results li {
	padding: 10px 0;
	padding-left: 10px;
	margin: 10px 0;
	border-bottom: 2px solid #dadada }





/* ! MODUL ➜ swiper */

.swiper-container { max-width: 60% }

.swiper-pagination {
	position: relative !important;
	margin-top: 30px }

.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  background: #7C7982 !important;
  opacity: 1 !important }

.swiper-pagination-bullet-active { background: #2A4E93 !important }





/* ! MODUL ➜ socialproof */

.modul__socialproof {
	width: 80%;
	padding: 20px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px }

.modul__socialproof figure { flex-basis: 17% }
.modul__socialproof .aussage { flex-basis: calc(83% - 25px) }

.modul__socialproof figure img { border-radius: 50% }

.modul__socialproof.align_rechts { margin-left: calc(20% - 40px) }


@media
(max-width: 600px) {
	.modul__socialproof {
		width: auto;
		padding: 10px }
	
	.modul__socialproof figure { flex-basis: 30% }
	.modul__socialproof .aussage { flex-basis: calc(70% - 20px) }
	
	.modul__socialproof.align_rechts { margin-left: 0 }
}/* mq */





/* ! MODUL ➜ bewertung */

.modul__bewertung { width: 80% }

.modul__bewertung .meta {
	padding: 10px 20px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: flex-start;
	align-items: flex-start }

.modul__bewertung figure { flex-basis: 70px }
.modul__bewertung .sterne { flex-basis: 130px }

.modul__bewertung figure,
.modul__bewertung .daten { margin-right: 25px }

.modul__bewertung figure img { border-radius: 50% }

.modul__bewertung .text {
	padding: 15px 20px;
	border-radius: 10px;
	background: #d5d5d5 }

.modul__bewertung.align_rechts { margin-left: 20% }


@media
(max-width: 600px) {
	.modul__bewertung { width: auto }
	
	.modul__bewertung figure { flex-basis: 50px }
	.modul__bewertung .sterne { flex-basis: 100px }
	
	.modul__bewertung.align_rechts { margin-left: 0 }
}/* mq */







/* ! MODUL ➜ flexslider */

.modul__slider {}

.modul__slider ul,
.modul__slider li {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important }

.flexslider {
	max-width: 60%;
	margin: 0 auto !important;
	background: none !important;
	border: 0 !important;
	-webkit-border-radius: none !important;
	-moz-border-radius: none !important;
	border-radius: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important }

.flex-direction-nav a {
	position: absolute;
	top: 0 !important;
	margin: 0 !important;
	height: 90% !important;
	width: 47% !important;
	opacity: 0 !important }

.flexslider:hover .flex-direction-nav .flex-next { right: 0 }

.flex-control-paging {
	position: relative !important;
	bottom: 0px !important;
	width: auto !important;
	padding-top: 20px !important }

.flex-control-paging li a {
	display: block !important;
	padding: 2px !important;
	margin: 4px !important;
	background: #7C7982 !important }

.flex-control-paging li a:hover { background: #323135 !important }

.flex-control-paging li a.flex-active { background: #2A4E93 !important }


@media
(max-width: 700px) {
	.flexslider { max-width: 100% }

	.flex-control-paging li a {
		padding: 0 !important;
		margin: 2px !important }
}/**/





/* ! PAGE ➜ /startseite */

.home .footer-awards,
.page-startseite-dev .footer-awards { margin-top: 0 !important }

.home .modul,
.page-startseite-dev .modul { color: white }

.home .modul + .modul,
.page-startseite-dev .modul + .modul { margin-top: 80px }

.home .modul h1,
.page-startseite-dev .modul h1 { color: white }

.home .hero,
.page-startseite-dev .hero {
	position: relative;
	padding-bottom: 30px }

.home .hero img,
.page-startseite-dev .hero img {
	width: 55%;
	float: right }

.home .hero .content,
.page-startseite-dev .hero .content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 37%;
	padding: 70px 100px }

/* Intro */

.home #intro.hero,
.page-startseite-dev #intro.hero {
	position: relative;
	padding-bottom: 70px }

.home #intro.hero img,
.page-startseite-dev #intro.hero img {
	width: 65%;
	float: right }

.home .hero#intro .content,
.page-startseite-dev .hero#intro .content {
	width: 50%;
	padding: 100px;
	background: #7D91A8;
	background: rgba(125, 145, 168, 0.85) }

/* Academy */

.home .hero#academy .content,
.page-startseite-dev .hero#academy .content {
	background: #868CA8;
	background: rgba(134, 140, 168, 0.85) }

/* Themenkarten */

.home .hero#themenkarten .content,
.page-startseite-dev .hero#themenkarten .content {
	background: #6e99a9;
	background: rgba(110, 153, 169, 0.95) }

/* Karrieren */

.home .hero#karrieren .content,
.page-startseite-dev .hero#karrieren .content {
	background: #827B72;
	background: rgba(130, 123, 114, 0.85) }

/* Leistungen */

.home #leistungen,
.page-startseite-dev #leistungen {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between }

.home #leistungen .i,
.page-startseite-dev #leistungen .i {
	width: calc(33.33% - 30px);
	background: #9AA2A0 }

.home #leistungen .i > div,
.page-startseite-dev #leistungen .i > div { padding: 50px }

.home #leistungen .i,
.page-startseite-dev #leistungen .i { margin-bottom: 20px; }

.home #leistungen h1,
.page-startseite-dev #leistungen h1 { margin-bottom: .5em }

a.teaser-link  { text-decoration: none }

/* Werte */

.home #werte,
.page-startseite-dev #werte {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch }

.home #werte div,
.page-startseite-dev #werte div { flex-basis: 23% }

.home #werte a.all,
.page-startseite-dev #werte a.all {
	display: block;
	padding: 30px;
	height: calc(100% - 60px);
	width: calc(100% - 60px);
	text-decoration: none }

.home #werte .poster,
.page-startseite-dev #werte .poster {
	background-repeat: no-repeat;
	background-size: cover }

.home #werte .poster img,
.page-startseite-dev #werte .poster img { opacity: 0 }

/* Button colors */

.home .modul .button,
.page-startseite-dev .modul .button {
	color: #7D91A8;
	background: white }
.home .modul .button:before,
.page-startseite-dev .modul .button:before { background: #566779 }
.home .modul .button:hover,
.page-startseite-dev .modul .button:hover { color: white !important }

.home .modul#academy .button,
.page-startseite-dev .modul#academy .button {
	color: #868CA8;
	background: white }
.home .modul#academy .button:before,
.page-startseite-dev .modul#academy .button:before { background: #6a6f85 }

.home .modul#karrieren .button,
.page-startseite-dev .modul#karrieren .button {
	color: #827B72;
	background: white }
.home .modul#karrieren .button:before,
.page-startseite-dev .modul#karrieren .button:before { background: #635e56 }


@media
(max-width: 1500px) {
	.home .hero img,
	.page-startseite-dev .hero img { width: 65% }
	
	.home .hero .content,
	.page-startseite-dev .hero .content { width: 50% }
}/**/


@media
(max-width: 1200px) {
	.home .hero,
	.page-startseite-dev .hero { padding-bottom: 200px !important }
	
	.home #werte div:nth-of-type(3),
	.page-startseite-dev #werte div:nth-of-type(3) { display: none }
	.home #werte div,
	.page-startseite-dev #werte div { flex-basis: 31% }

	.home #leistungen .i,
	.page-startseite-dev #leistungen .i { width: calc(33.33% - 15px) }

	.home #leistungen .i > div,
	.page-startseite-dev #leistungen .i > div { padding: 30px }
}/**/


@media
(max-width: 1180px) {
	.home .hero img,
	.page-startseite-dev .hero img { width: 85% !important }
}/**/


@media
(max-width: 1000px) {
	.home .hero,
	.page-startseite-dev .hero { padding-bottom: 0 !important }
	
	.home .hero .content,
	.page-startseite-dev .hero .content {
		position: relative;
		width: calc(100% - 60px) !important;
		padding: 30px 20px !important;
		margin-top: -50px;
		top: -50px }
	
	.home .hero img,
	.page-startseite-dev .hero img { width: 90% !important }
	
	.home #leistungen .i > div,
	.page-startseite-dev #leistungen .i > div { padding: 30px 20px }
}/**/


@media
(max-width: 800px) {
	.home .modul + .modul,
	.page-startseite-dev .modul + .modul { margin-top: 30px }
	
	.home #leistungen .i,
	.page-startseite-dev #leistungen .i { width: 100% !important }
	
	.home #leistungen .i,
	.page-startseite-dev #leistungen .i { margin: 20px 0 0 0 !important }
	.home #leistungen .i:first-of-type,
	.page-startseite-dev #leistungen .i:first-of-type { margin-top: 0 !important }
	
	.home #leistungen,
	.page-startseite-dev #leistungen { margin-bottom: 80px }
	
	.home #werte div:nth-of-type(2) { display: none }
	.home #werte div { flex-basis: 47% }
}/**/


@media
(max-width: 500px) {
	.home #werte,
	.page-startseite-dev #werte { display: block }
	.home #werte div,
	.page-startseite-dev #werte div { width: 100% }
	.home #werte .mehr,
	.page-startseite-dev #werte .mehr { height: auto; margin-top: 10px }
}/**/





/* ! PAGE ➜ /unternehmen */

.modul__timeline { margin-top: 60px !important }

.modul__timeline .event {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex }

.modul__timeline .event div {
	float: left;
	padding: 15px 5px;
	vertical-align: middle }

.modul__timeline .event .date {
	width: 90px;
	text-align: right }

.modul__timeline .ball {
	background-image: url('_assets/img/1x1__grey.png');
	background-position: center center;
	background-repeat: repeat-y }

.modul__timeline .ball svg {
	height: 20px;
	width: 20px;
	fill: #005594 }

.modul__timeline .event .desc { width: 90% }


@media
(max-width: 500px) {
	.modul__timeline .event .date { width: 30% }
	
	.modul__timeline .event .desc { width: 70% }
}/**/





/* ! PAGE ➜ /unternehmen/news */

.blog .pagination { margin-top: 20px }

.blog .button { display: inline-block }

.blog .button.next { float: right }





/* ! PAGE ➜ /unternehmen/downloadbereich */

.page-downloadbereich #quick-menu .lang,
.page-downloadbereich #toc .lang { display: none }

nav li.downloadbereich { display: none }

.lang-de nav li.downloadbereich { display: block }





/* ! PAGE ➜ /leistungen */

.page-leistungen #quick-menu .lang,
.page-leistungen #toc .lang {  }





/* ! PAGE ➜ /academy */

.parent-pageid-156 #page-content div {
	overflow: auto !important;
	clear: none !important }

.parent-pageid-156 #quick-menu .lang,
.parent-pageid-156 #toc .lang { display: none }

.page-id-156 .lang-en #sub-menu
.parent-pageid-156 .lang-en #sub-menu { display: none }

#sort--angebote #modul__results li { display: none }
#sort--angebote #modul__results.alle--active li,
#sort--angebote #modul__results.agile--active li.agile,
#sort--angebote #modul__results.pmo--active li.pmo,
#sort--angebote #modul__results.engineering_automotive--active li.engineering_automotive,
#sort--angebote #modul__results.business_support--active li.business_support,
#sort--angebote #modul__results.young_professionals--active li.young_professionals { display: block }

#definition {
	font-style: italic;
	max-width: 800px;
	padding-bottom: 40px;
	margin: auto }

/* Gilt auch für Stellenangebote */
#definition div { display: none }
#definition.agile .agile,
#definition.pmo .pmo,
#definition.engineering_automotive .engineering_automotive,
#definition.business_support .business_support,
#definition.young_professionals .young_professionals { display: block }





/* ! PAGE ➜ /karrieren */

.lang-en li.bewerbungsprozess,
.lang-es li.bewerbungsprozess,
.lang-cn li.bewerbungsprozess { display: none }

.page-id-3379 #quick-menu .lang,
.page-id-3379 #toc .lang { display: none }

.modul__persy {
	border: 20px solid #A9A9B4;
	line-height: 0 }

.persy--results {
	display: none;
	padding: 0 !important;
	margin: 0 !important }
	
.persy--results--active { display: block }

.persy--results li { list-style: none !important }

/* Persy mods */

.persy--results * {
	font-size: 16px !important;
	line-height: 1.6em;
	text-transform: none !important;
	overflow: visible }

.cs-widget-results { padding: 0 !important }

.cs-result__title {
	font-size: 20px !important;
	line-height: 1.6em }

.cs-result:first-child .cs-result__link:before { margin-top: 0 !important }

.cs-result__link {
	padding: 10px 20px 10px 20px !important;
	margin: 20px 0 0 0 !important }

.cs-result__date { display: none !important }

.cs-widget-filters__toggle-arrow { display: none !important }

.cs-icon { margin-right: 10px !important }

.cs-button { font-size: 16px !important; }

.cs-widget-results__results { background-color: transparent !important }

.cs-widget-results__sort,
.cs-widget-results__counter { display: none !important }

.cs-result__row--main-info,
.cs-result__column--reduce-indent { margin: 0 !important }

.cs-button {
	border-radius: 0 !important;
	padding: 15px !important;
	margin: 60px auto !important }

.cs-button { background-color: #A9A9B4 !important }
.cs-button:hover { background-color: #666670 !important }

.cs-result__share .cs-icon {
    margin-left: 10px;
    display: inline-block;
    width: 50px !important;
    height: 50px !important }

.cs-loader:before { background-color: transparent !important }

svg.cs-icon--open-down > polygon.cls-1:first-child { fill: #F1F3F4 }

.cs-result__apply-button {
	color: white !important;
	border: 0 !important; }

.cs-result__row--main-info {
	width: 65%;
	float: left }

.cs-result__apply-button-wrapper {
	width: 30%;
	float: right;
	text-align: right }


@media
(max-width: 900px) {
	.modul__persy { border: 10px solid #A9A9B4 }

	.persy--results * {
		font-size: 14px !important;
		line-height: 1.6em }
	
	.cs-result__title {
		font-size: 14px !important;
		line-height: 1.6em }
		
	.cs-result__row--main-info,
	.cs-result__apply-button-wrapper {
		width: 100%;
		text-align: left }
	
	.cs-result__apply-button-wrapper { padding: 20px 0px }
}/* mq */





/* ! PAGE ➜ /impressum */

.page-impressum {  }

.page-id-254 #quick-menu .lang,
.page-id-254 #toc .lang { display: none }





/* ! PAGE ➜ /datenschutz */

.page-id-3048 #page-content h1,
.page-id-3048 #page-content h2,
.page-id-3048 #page-content a {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}





/* ! PAGE ➜ /agb */

.page-id-256 #quick-menu .lang,
.page-id-256 #toc .lang { display: none }





/* ! PAGE ➜ /404 */

.error404 {  }





/* ! PAGE ➜ NO NAV */

.page-template-custom-no_nav #quick-menu,
.page-template-custom-no_nav #toc,
.page-template-custom-no_nav .button__menu { visibility: hidden !important }