/**
 * (en) Text and icon elements
 * (de) Text- und Icon-Elemente
 *
 * @copyright			Copyright 2020, crossbase mediasolution GmbH
 * @version				1.0
 */

@font-face {
	font-family: 'Open Sans';
	font-display: auto;
	src: url('opensans-regular-webfont-eot.eot');
	/* IE9 Compat Modes */
	src: url('opensans-regular-webfont-eot.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('opensans-regular-webfont-woff2.woff2') format('woff2'),
		/* Very Modern Browsers */
		url('opensans-regular-webfont-woff.woff') format('woff'),
		/* Modern Browsers */
		url('opensans-regular-webfont-ttf.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('opensans-regular-webfont-svg.svg') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: 'Open Sans Italic';
	font-display: swap;
	src: url('opensans-italic-webfont-eot.eot');
	/* IE9 Compat Modes */
	src: url('opensans-italic-webfont-eot.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('opensans-italic-webfont-woff2.woff2') format('woff2'),
		/* Very Modern Browsers */
		url('opensans-italic-webfont-woff.woff') format('woff'),
		/* Modern Browsers */
		url('opensans-italic-webfont-ttf.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('opensans-italic-webfont-svg.svg') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: 'Open Sans Light';
	font-display: swap;
	src: url('opensans-light-webfont-eot.eot');
	/* IE9 Compat Modes */
	src: url('opensans-light-webfont-eot.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('opensans-light-webfont-woff2.woff2') format('woff2'),
		/* Very Modern Browsers */
		url('opensans-light-webfont-woff.woff') format('woff'),
		/* Modern Browsers */
		url('opensans-light-webfont-ttf.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('opensans-light-webfont-svg.svg') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: 'Open Sans Light Italic';
	font-display: swap;
	src: url('opensans-lightitalic-webfont-eot.eot');
	/* IE9 Compat Modes */
	src: url('opensans-lightitalic-webfont-eot.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('opensans-lightitalic-webfont-woff2.woff2') format('woff2'),
		/* Very Modern Browsers */
		url('opensans-lightitalic-webfont-woff.woff') format('woff'),
		/* Modern Browsers */
		url('opensans-lightitalic-webfont-ttf.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('opensans-lightitalic-webfont-svg.svg') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: 'Open Sans Bold';
	font-display: swap;
	src: url('opensans-semibold-webfont-eot.eot');
	/* IE9 Compat Modes */
	src: url('opensans-semibold-webfont-eot.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('opensans-semibold-webfont-woff2.woff2') format('woff2'),
		/* Very Modern Browsers */
		url('opensans-semibold-webfont-woff.woff') format('woff'),
		/* Modern Browsers */
		url('opensans-semibold-webfont-ttf.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('opensans-semibold-webfont-svg.svg') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: "cnBold";
	font-display: swap;
	src: local('SimSun'), local('中易宋体'), local('STXihei'), local('华文黑体');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "cnRegular";
	font-display: swap;
	src: local('SimSun'), local('中易宋体'), local('STXihei'), local('华文黑体');
	font-weight: 500;
	font-style: normal;
}

@media screen {

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) global settings of font-families and font-sizes */
	/* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen */
	/*------------------------------------------------------------------------------------------------------*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */

	html {
		-webkit-text-size-adjust: none;
	}

	html * {
		font-size: 100.01%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

}

@media all {

	/* (en) reset monospaced elements to font size 16px in all browsers */
	/* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
	/* @see: http://webkit.org/blog/67/strange-medium/ */

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family: Consolas, 'Lucida Console', 'Andale Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier;
	}

	/* (en) base layout gets standard font size 14px */
	/* (de) Basis-Layout erhült Standardschriftgröße von 14 Pixeln */

	body {
		font-family: 'Open Sans', cnRegular, sans-serif;
		font-size: 15px;
		color: #333333;
		line-height: 24px;
	}


	/* (en) Headings */
	/* (de) Überschriften */
	/*------------------------------------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	[class*="-size"] {
		font-family: 'Open Sans Light', cnRegular, sans-serif;
		font-weight: normal;
		color: #001489;
		margin: 0 0 6px 0;
		position: relative;
	}

	h1.print {
		color: #ec6556;
	}

	h1.process {
		color: #1eb09b;
	}

	h1.maintain {
		color: #2f7fc2;
	}

	h1.base {
		color: #1f4b87;
	}

	h1.online {
		color: #785ba3;
	}

	h1.translate {
		color: #e59e33;
	}

	h1 {
		font-size: 38px;
		line-height: 48px;
		margin: 48px auto 24px auto;
		text-align: center;
	}

	.half-padding h1 {
		margin: 24px auto 24px auto;
	}

	h2 {
		font-size: 28px;
		line-height: 34px;
		max-width: 785px;
		text-align: center;
		margin: 0 auto 24px auto;
	}

	.half-padding h2 {
		margin: 0 auto 12px auto;
	}

	h3 {
		font-size: 20px;
		line-height: 26px;
	}

	h4 {
		font-size: 15px;
		line-height: 24px;
	}


	/* (en) Lists */
	/* (de) Listen */
	/*------------------------------------------------------------------------------------------------------*/

	ul,
	ol,
	dl {
		margin: 0 0 24px 0;
		padding: 0;
		list-style-type: none;
		position: relative;
		/*display: inline-block;*/
	}

	.half-padding ul,
	.half-padding ol,
	.half-padding dl {
		margin: 0 0 12px 0;
	}

	li {
		line-height: 24px;
		margin: 0;
		word-wrap: break-word;
	}

	li.licircle {
		list-style-type: circle;
	}

	li.lisquare {
		list-style-type: square;
	}

	li.lidisc {
		list-style-type: disc;
	}

	li.libreak {
		padding: 0 0 0 12px;
		font-weight: normal;
		margin: 0 0 24px 0;
		position: relative;
	}

	.half-padding li.libreak {
		margin: 0 0 12px 0;
	}

	li.linobreak,
	cb-personio-job li {
		padding: 0 0 0 12px;
		font-weight: normal;
		margin: 0;
		position: relative;
	}

	li.linobreak:before,
	li.libreak:before,
	cb-personio-job li:before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 300;
		content: '\f105';
		position: absolute;
		left: 0;
		color: #333;
	}

	.list-bullet {
		position: absolute;
	}

	.list-element {
		display: inline-block;
		margin: 0 0 0 22px;
	}

	/* (en) general text formatting */
	/* (de) Allgemeine Textauszeichnung */
	/*------------------------------------------------------------------------------------------------------*/

	.content-align-center,
	.content-align-right,
	.content-align-left {
		display: block;
	}

	p {
		margin: 0;
		position: relative;
		word-wrap: break-word;
	}

	p.pbutton-link {
		position: absolute;
		bottom: 0;
		margin: 0 0 24px 0;
		color: #4074d5;
	}

	.content-align-center p.pbutton-link {
		left: 50%;
		transform: translate(-50%, 0);
	}

	a:hover~p.pbutton-link,
	a:hover~div p.pbutton-link {
		color: #001489;
	}

	p[class*='pdefault'],
	p[class*='psmall'],
	p[class*='pbig'] {
		font-family: 'Open Sans', cnRegular, sans-serif;
		margin: 0 0 24px 0;
	}

	.half-padding p[class*='pdefault'],
	.half-padding p[class*='psmall'],
	.half-padding p[class*='pbig'] {
		margin: 0 0 12px 0;
	}

	p.pdefault-center,
	p.psmall-center,
	p.pbig-center,
	.content-align-center {
		text-align: center;
	}

	p.pdefault-right,
	p.psmall-right,
	p.pbig-right,
	.content-align-right {
		text-align: right;
	}

	p.pdefault[class*='file-icon-composite'] {
		padding-left: 6px;
	}

	.content-align-left {
		text-align: left;
	}

	p[class*='psmall'],
	.text-small {
		font-family: 'Open Sans', cnRegular, sans-serif;
		font-size: 12px;
		line-height: 20px;
	}

	p[class*='pbig'],
	.text-big {
		font-family: 'Open Sans Light', cnRegular, sans-serif;
		font-size: 20px;
		line-height: 26px;
	}

	p[class*=-center]+p[class*=-center] {
		margin: 0 0 48px 0;
		line-height: 20px;
	}

	p.category-label span {
		background: #f8f8f8;
		padding: 2px 8px;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
	}

	p.social-media a {
		display: inline-block;
		vertical-align: bottom;
		padding: 0 12px 12px 0;
		font-size: 16px;
	}

	strong,
	b {
		font-family: 'Open Sans Bold', cnBold, sans-serif;
		font-weight: normal;
	}

	em,
	i {
		font-style: italic;
	}

	sub,
	sup {
		font-size: 91.6667%;
	}

	.textcolor-red {
		color: #bf0202;
	}

	.textcolor-orange-dark {
		color: #bf6602;
	}

	.textcolor-orange-light {
		color: #bfbb02;
	}

	.textcolor-yellow {
		color: #bf0202;
	}

	.textcolor-green {
		color: #1b991c;
	}

	.textcolor-cb-blue {
		color: #001489;
	}

	/* (en) Links */
	/* (de) Verweise */
	/*------------------------------------------------------------------------------------------------------*/

	a,
	a:visited,
	a:focus,
	a:active,
	.link {
		color: #4074d5;
		background: transparent;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	a:hover,
	a:hover .link {
		text-decoration: none;
		color: #001489;
	}

	/* (en) Icons */
	/* (de) Icons */
	/*------------------------------------------------------------------------------------------------------*/

	[class*='icon']::before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 300;
		padding-right: 6px;
		width: auto;
		display: inline-block;
		text-align: center;
	}

	[class*='icon fas']::before {
		font-weight:900;
	}

	table .fa.fa-lg,
	table .far.fa-lg,
	table .fal.fa-lg,
	.float-col .fa.fa-lg,
	.float-col .far.fa-lg,
	.float-col .fal.fa-lg,
	.custom-styled-input .fa.fa-lg,
	.custom-styled-input .far.fa-lg,
	.custom-styled-input .fal.fa-lg {
		margin: 0;
		font-size: 20px;
		line-height: 6px;
	}

	.checkbox-table-head::before {
		padding: 0 0 0 5px;
	}

	.no-text[class*='icon']::before {
		padding-right: 0;
		width: auto;
	}

	[class*='angle-'][class*='-icon']::before {
		width: auto;
	}

	.user-icon::before {
		content: '\f007';
	}

	.users-icon::before {
		content: '\f0c0';
	}

	.envelope-icon::before {
		content: '\f0e0';
	}

	.login-icon::before {
		content: '\f090';
	}

	.logout-icon::before {
		content: '\f08b';
	}

	.ok-icon::before {
		content: '\f00c';
	}

	.cancel-icon::before {
		content: '\f00d';
	}

	.chevron-down-icon::before {
		content: '\f078';
	}

	.chevron-up-icon::before {
		content: '\f077';
	}

	.chevron-right-icon::before {
		content: '\f054';
	}

	.chevron-left-icon::before {
		content: '\f053';
	}

	.chevron-circle-right-icon::before {
		content: '\f138';
	}

	.chevron-circle-left-icon::before {
		content: '\f137';
	}

	.angle-right-icon::before {
		content: '\f105';
	}

	.angle-left-icon::before {
		content: '\f104';
	}

	.angle-up-icon::before {
		content: '\f106';
	}

	.angle-down-icon::before {
		content: '\f107';
	}

	.search-icon::before {
		content: '\f002';
	}

	.info-icon::before {
		content: '\f05a';
	}

	.info-circle-icon::before {
		content: '\f05a';
	}

	.print-icon::before {
		content: '\f02f';
	}

	.phone-icon::before {
		content: '\f095';
	}

	.home-icon::before {
		content: '\f015';
	}

	.copyright-icon::before {
		content: '\f1f9';
	}

	.mapmarker-icon::before {
		content: '\f3c5';
	}

	.car-icon::before {
		content: '\f1b9';
	}

	.globe-icon::before {
		content: '\f0ac';
	}

	.cancel-round-icon::before {
		content: '\f057';
	}

	.calendar-icon::before {
		content: '\f073';
	}

	.bug-icon::before {
		content: '\f188';
	}

	.download-icon::before {
		content: '\f019';
	}

	.text-icon::before {
		content: '\f036';
	}

	.text-justify-icon::before {
		content: '\f039';
	}

	.image-icon::before {
		content: '\f03e';
	}

	.file-image-icon::before {
		content: '\f1c5';
	}

	.page-fragment-icon::before {
		content: '\f15b';
	}

	.angle-double-right-icon::before {
		content: '\f101';
	}

	.angle-double-left-icon::before {
		content: '\f100';
	}

	.angle-right-icon::before {
		content: '\f105';
	}

	.angle-left-icon::before {
		content: '\f104';
	}

	.cog-icon::before {
		content: '\f013';
	}

	.cogs-icon::before {
		content: '\f085';
	}

	.paper-clip-icon::before {
		content: '\f0c6';
	}

	.cart-icon::before {
		content: '\f07a';
	}

	.columns-icon::before {
		content: '\f0db';
	}

	.ellipsis-v-icon::before {
		content: '\f142';
	}

	.ellipsis-h-icon::before {
		content: '\f141';
	}

	.sliders-icon::before {
		content: '\f1de';
	}

	.fullscreen-icon::before {
		content: '\f0b2';
	}

	.share-icon::before {
		content: '\f064';
	}

	.share-alt-icon::before {
		content: '\f1e0';
	}

	.trash-icon::before {
		content: '\f1f8';
	}

	.th-large-icon::before {
		content: '\f009';
	}

	.align-justify-icon::before {
		content: '\f039';
	}

	.plus-icon::before {
		content: '\f067';
	}

	.plus-circle-icon::before {
		content: '\f055';
	}

	.minus-icon::before {
		content: '\f068';
	}

	.minus-circle-icon::before {
		content: '\f056';
	}

	.th-list-icon::before {
		content: '\f00b';
	}

	.rotate-left-icon::before {
		content: '\f0e2';
	}

	.external-link-square-icon::before {
		content: '\f14c';
	}

	.folder-open-icon::before {
		content: '\f07c';
	}

	.file-icon::before {
		content: '\f15b';
	}

	.file-code-icon::before {
		content: "\f1c9";
	}

	.zip-icon::before {
		content: '\f1c6';
	}

	.file-pdf-icon::before {
		content: '\f1c1';
	}

	.file-check-icon::before {
		content: '\f316';
	}

	.excel-icon::before {
		content: '\f1c3';
	}

	.word-icon::before {
		content: '\f1c2';
	}

	.powerpoint-icon::before {
		content: '\f1c4';
	}

	.upload-icon::before {
		content: '\f093';
	}

	.building-icon::before {
		content: '\f1ad';
	}

	.check-square-o-icon::before {
		content: '\f14a';
	}

	.question-circle-icon::before {
		content: '\f059';
	}

	.thumbs-up-icon::before {
		content: '\f164';
	}

	.bullseye-arrow-icon::before {
		content: '\f648';
	}

	.bullseye-pointer-icon::before {
		content: '\f649';
	}

	.shield-check-icon::before {
		content: '\f2f7';
	}

	.user-shield-icon::before {
		content: '\f505';
	}

	.share-alt-icon::before {
		content: '\f1e0';
	}

	.life-ring-icon::before {
		content: '\f1cd';
	}

	.comment-check-icon::before {
		content: '\f4ac';
	}

	.code-icon::before {
		content: '\f121';
	}

	.users-crown-icon::before {
		content: '\f6a5';
	}

	.tools-icon::before {
		content: '\f7d9';
	}

	.brain-icon::before {
		content: '\f5dc';
	}

	.handshake-icon::before {
		content: '\f2b5';
	}

	.handshake-icon::before {
		content: '\f2b5';
	}

	.userchart-icon::before {
		content: '\f6a3';
	}

	.eye-icon::before {
		content: '\f06e';
	}

	.minus-icon::before {
		content: '\f068';
	}

	.mug-hot-icon::before {
		content: '\f7b6';
	}

	.wifi-icon::before {
		content: '\f1eb';
	}

	.road-icon::before {
		content: '\f018';
	}

	.fighter-jet-icon::before {
		content: '\f0fb';
	}

	.user-graduate-icon::before {
		content: '\f501';
	}

	.lightbulb-on-icon::before {
		content: '\f672';
	}

	.user-graduate-icon::before {
		content: '\f501';
	}

	.laptop-house-icon::before {
		content: '\e066';
	}

	.users-class-icon::before {
		content: '\f63d';
	}

	.sack-dollar-icon::before {
		content: '\f81d';
	}

	.chalkboard-teacher-icon::before {
		content: '\f51c';
	}

	.mug-hot-icon::before {
		content: '\f7b6';
	}

	.business-time-icon::before {
		content: '\f64a';
	}

	.hands-helping-icon::before {
		content: '\f4c4';
	}

	.user-graduate-icon::before {
		content: '\f501';
	}

	.badge-check-icon::before {
		content: '\f336';
	}

	.user-headset-icon::before {
		content: '\f82d';
	}

	.chart-network-icon::before {
		content: '\f78a';
	}

	.caret-right-icon::before {
		content: '\f0da';
	}  

  .youtube-play-icon::before {
		font-family: 'Font Awesome 5 Brands';
		content: '\f167';
	}

	.linkedin-icon::before {
		font-family: 'Font Awesome 5 Brands';
		content: '\f0e1';
	}
	
	.linkedin-square-icon::before {
		font-family: 'Font Awesome 5 Brands';
		content: '\f08c';
	}

	[class*='file-icon-composite']::before {
		content: '\f15b';
		font-size: 28px;
	}

	[class*='file-icon-composite']::after {
		position: absolute;
		top: 6px;
		left: 0;
		padding: 0 0 4px 0;
		font-size: 12px;
		line-height: 10px;
		background: #fff;
	}

	.file-icon-composite-png::after {
		content: 'png';
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) standard classes for positioning and highlighting */
	/* (de) Standardklassen zur Positionierung und Hervorhebung */
	/*------------------------------------------------------------------------------------------------------*/


	.quotation {
		font-family: 'Open Sans Italic', cnRegular, sans-serif;
		font-style: normal;
		display: block;
	}

	.quotation::before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 300;
		content: '\f10e';
		font-style: italic;
		padding-right: 4px;
	}

	.quotation::after {
		font-family: 'Font Awesome 5 Free';
		font-weight: 300;
		font-style: italic;
		content: '\f10d';
		padding-left: 2px;
	}

	.quote-left {
		margin-left: 4px;
		position: absolute;
	}

	.quote-right {
		margin-right: 4px;
	}

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

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 560 */
/* (de) Media Query 560 */
/*------------------------------------------------------------------------------------------------------*/

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

	h1 {
		font-size: 26px;
		line-height: 32px;
		margin: 12px auto;
	}

	h2 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 12px;
	}

	h3 {
		text-align: center;
	}

	p.category-label {
		text-align: center;
	}

	h3,
	p.pbig-center {
		font-size: 18px;
		line-height: 24px;
	}

	ul,
	ol,
	dl,
	li.libreak,
	p[class*='pdefault'],
	p[class*='psmall'],
	p[class*='pbig'] {
		margin: 0 0 12px 0;
	}

	p.pbutton-link {
		position: relative;
		margin: 0 0 12px 0;
	}

	p[class*=-center]+p[class*=-center] {
		margin: 0 0 24px 0
	}

}