html[lang="en"] .section_services_booklet {
	*background: #FFFFFF !important;
	*border-bottom: none !important;
}

html[lang="en"] .section_services_booklet:before {
	margin: 0 !important;
	height: 0 !important;
}

html[lang="en"]  .toolstart {
	margin-bottom: 0 !important;
}

.hosting {
	padding-top: 30px;
}

.distributor_services h3, .distributor_services h3 a {
	font-size: 23px;
	line-height: 30px;
}

/********************PREISE******************************/

.area_prices .h3_black h3 {
	color: #5e93be !important;	
	padding-bottom: 15px;
	margin-top: 15px;
}

.area_prices .small_margin_between .rs-column {
		margin-right: 1%;
}

.area_prices .small_margin_between .rs-column.-large-col-2-1 {
	width: 49%;
}

/*
.area_prices .small_margin_between .rs-column.-large-col-5-3 {
	width: 62%;
}
*/

.area_prices .h3_black.angebot {
	border: 2px solid #5e93be;
	border-radius: 10px;
	padding: 0px 10px;
	padding-top: 1px;
	margin-left: 7px;
	color: #FFFFFF;
	*background:#5e93be;
	padding-left: 30px;
	padding-right: 30px;
	min-height: 170px;
	margin-top: 10px;
}

.area_prices .h3_black.angebot1 h3:after {
	content: "1";
	border: 2px solid #5e93be;
	border-radius: 20px;
	padding: 0px 10px;
	padding-top: 1px;
	margin-left: 7px;
	color: #FFFFFF;
	background:#5e93be
}
.area_prices .h3_black.angebot2 h3:after {
	content: "2";
	border: 2px solid #5e93be;
	border-radius: 20px;
	padding: 0px 9px;
	padding-top: 1px;
	margin-left: 7px;
	color: #FFFFFF;
	background:#5e93be
}


.area_prices .section_navigation .inside, .area_prices .section_main .article_wrapper, .area_prices .section_footer .inside {
	width: auto;
	max-width: 1600px;
	padding-left: 50px;
	padding-right: 50px
}

.area_prices .server {
	position: relative;
	margin: auto;
	text-align: center;
}

.area_prices .server img {
	position: relative;
	width: 80%;
	max-width: unset;
	margin-right: 0;
	padding: 10px;
	margin: auto;
}

.pricing-table .rs-column {
	width: 15%!important;
}

.pricing-table .rs-column:nth-of-type(5){
	margin-right: 1.875% !important
}
.pricing-table .rs-column:nth-of-type(6){
	margin-right: 0!important;
}

.pricing-table .highlighted {
	top: 120px;
}

.pricing-table li:nth-of-type(8) {
	height: 140px;
}

.area_prices .pricing-table .tool6 h3 {
	background: var(--compensationplus_color);
}

.pricing-table .tool6 li, .pricing-table .tool6 .plan-price-month {
	color: #9f8131;
}

.area_prices .pricing-table h3 {
	height: 100px;
}

/*************** PADDINGS ***************************/

.padding_around_figure figure {
	padding-left: 40px;
	padding-bottom: 20px;
}

.padding_top_40 {
	padding-top: 40px;
}

.padding_tb_20_figure figure {
	padding-top: 20px;	
	padding-bottom: 20px;	
}

/*************** POPUP ***************************/

/*
.euf_overlay {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	z-index: 1234;
}
*/

.popup_mit_bild .buttonlink {
	margin-top: 0px;
	margin-bottom: 0px;
}

.popup_mit_bild.euf_overlay__content {
	padding: 5px !important;	
}

.euf_overlay {
	z-index: 1234;
}

.euf_overlay div.buttonlink {
	display:block !important;
}

/*************** Cookiebanner ***************************/

.cc-inner {
	background: var(--h3_color);
	color: #FFFFFF;
	max-width: 500px;
}

.cc-cookies,
.cc-cookie-info {
	background: var(--h3_color) !important;
}

.contao-cookiebar p,
.contao-cookiebar a,
.contao-cookiebar a:hover {
	color: #FFFFFF;
}

.cc-detail-btn:hover {
	color: #FFFFFF;
}

.contao-cookiebar .highlight .success {
	background: #53d9ca;
}

.contao-cookiebar input:checked+label:before {
	background: #ffffff;;
	border-color: #53d9ca;;
}

/*************** Mobile / Desktop ***************************/

.mobile_content {
	display: none;
}

/*************** SEARCH ***************************/

.mod_search {
	margin: auto;
}

.mod_search .odd,
.mod_search .even {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
}

.search button {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 300 !important;
	background: var(--liststyle_profit_color) !important;
	padding: 8px 20px !important;
	text-transform: none;
	box-shadow: unset !important;
	color: #FFFFFF;
}

.mod_search h3 a {
	font-size: 19px !important;
	color: #4ca6df;
}

/******************************************/
.area_prices h3 {
	color: #FFFFFF !important;
	font-size: 20px !important;
}
.area_prices .pricing-table .tool1 h3 {
	background: var(--jobprofile_color);
}
.area_prices .pricing-table .tool1a h3 {
	background: var(--jobevaluation_color);
}
.area_prices .pricing-table .tool2 h3 {
	background: var(--classification_color);
}
.area_prices .pricing-table .tool3 h3 {
	background: var(--competency_color);
}
.area_prices .pricing-table .tool4 h3 {
	background: var(--compensation_color);
}

/******************************************/
.area_benefits .tools_teaser .article_wrapper {
	margin-top: -60px;
	margin-bottom: 60px;
}

.testaccount .tools_teaser .article_wrapper {
	margin-top: -50px;
	margin-bottom: 60px;
}

/******************************************/

.page_tool_four .toolstart,
.page_tool_six .toolstart{
	margin-bottom: 30px !important;	
}

.section_autocomplete {
	margin-bottom: 50px !important;	
	padding-bottom: 50px !important;	
	background: #FFFFFF;
	border-bottom: 1px dotted #999;
	margin: auto;
}
.section_autocomplete .max_width_1200 {
	display: flex;
	justify-content: center;
	align-items: center;
}


/******************************************/
.best_practice {
	width: auto;
	display: block;
}

.best_practice .video_container,
.best_practice .video {
	height: 100%;
	width: 100%;
	padding-bottom: 0px;
	max-width: 500px !important;
}

.center div.buttonlink {
	width: 300px;
	text-align: center !important;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}
/******************************************/

.callback_wrapper .ce_hyperlink a {
	font-size: 15px !important;
	background: rgba(0,0,0,0) !important;
	padding: 0 !important;
}

/******************************************/

.ce_youtube {
	max-width: 807px;
	margin: auto;
}

.ce_youtube h3 {
	text-align: center !important;
	margin: auto !important;
}

/******************************************/

.mobile_menu_overlay.background {
	opacity: 0;
	z-index: 9;
}
.mobile_menu_icon {
	display: block;
	position: fixed;
	right: 50px;
	top: 55px;
	background: url(../img/mobile-menu.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	z-index: 1002;
	-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.bt_close {
	position: absolute;
	right: 50px;
	top: 80px;
}

.bt_close a {
	font-weight: 400 !important;
	font-size: 25px !important
}

.mobile_menu {
	top: 90px !important;
	padding: 0px;
	max-width: 500px !important;
	height: 100vh !important;
	-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    transition:all 0.4s ease;
	color: #FFFFFF !important;
	z-index: 10;
	padding-bottom: 80px;
}

.mobile_menu .inner {
	background: #000000;
	overflow-y: auto;
	z-index: 1001 !important;
	position: relative;
	padding: 30px 50px;
	padding-top: 80px;
}

.mobile_menu a,
.mobile_menu li {
	text-decoration: none;
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
}

.mobile_menu strong {
	font-weight: 500;
}

.mobile_menu li.trail>a {
	color: #2d779c;
}
.mobile_menu li.active {
	color: #2d779c;
}

.mobile_menu .mainmenu li.nomenu {
	display: block !important;
}

.mainmenu li.first:not(.mainmenu .level_2 li.first) {
	//display: none !important;
}
.mobile_menu .mainmenu li.first {
	display: block !important;
}

.mod_navigation.mobile {
	background: rgba(76,48,48,0.8);
	border-bottom: 3px solid #2d779c;
}

.mobile_menu li.submenu.trail {
	color: #2d779c !important;
}

.mobile_menu  li {
	display: block;
	padding-right: 25px;
	padding-bottom: 10px;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 22px;
} 


.mobile_menu .produkte {
	border-top: 1px dotted #2d779c;
	border-bottom: 1px dotted #2d779c;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 0px;
	padding-bottom: 5px;
}

.mobile_menu .kontakt {
	border-top: 1px dotted #2d779c;
	*border-bottom: 1px dotted #2d779c;
	*margin-bottom: 30px;
	margin-top: 10px;
	padding-left: 0px;
}

.mobile_menu a:hover, .mobile_menu li:hover {
	color: #2d779c;
}

.mobile_menu .wissen, 
.mobile_menu .rechtliches {
	border-top: 1px dotted #2d779c;
	*border-bottom: 1px dotted #2d779c;
	*margin-bottom: 30px;
	*margin-top: 10px;
	padding-left: 0px;
}

.mobile_menu .produkte li,
.mobile_menu li.testzugang {
	position: relative;
	left: 35px;
}
.mobile_menu .produkte li:before,
.mobile_menu li.testzugang:before{
	position: absolute;
	content: "➡︎ ";
	color: #2d779c;
	margin-left: -35px;
}

.mobile_menu li.testzugang a {
	color: #0aa4f1;
}

.mobile_menu .rechtliches li a,
.mobile_menu .wissen li a {
	font-size: 14px !important;
}

.mobile_menu .produkte ul {
	padding-top: 10px !important;
}


@media only screen and (max-width: 840px) {
	.mobile_menu {
		width: 100%!important;
	}
}

@media only screen and (max-width: 500px) {
	.mobile_menu .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.bt_close {
		right: 30px;
	}
}


/******************************************/

nav a:hover, nav a:focus, nav a:active {
	color: var(--h3_color) !important;
}

.lang-it {
	display: none;
}


.page_blog #main {
	padding-top: 30px;
}

.page_blog button {
	margin-bottom: 50px;
}

.page_blog .asset_login {
	*top: -250px;
}

.page_blog .section_main p a,
.download-element a {
	color: #2d779c !important;
}

.layout_full {
	margin: auto;
}

.section_main .layout_full h2 {
	font-size: 25px !important;
	color: var(--h3_color);
}

.page_blog h2 {
	font-size: 25px !important;
	padding-top: 15px;
}

.section_services_booklet {
	background: #eaeaea !important;
	padding-top: 60px;
}

.section_services_booklet figure.float_left, .section_services_booklet figure.float_right {
	padding-right: 25px;
}

.section_services_booklet a {
	font-size: 15px;
	margin-top: 15px;
}

.section_services_booklet strong {
	line-height: 20px;
	padding-bottom: 5px;
}


/************* Formular Testaccount ***********************/

.success {
	color: #00FF00;
}
.error {
		color: #FF0000;
}

.testaccount .mod_testaccount {
	display: block !important;
	padding-top: 50px;
	margin-top: 0px;
}

.noheader .section_main {
	padding-top: 0px;
}

.noheader .tools_teaser .article_inside {
	padding: 0px;
}

.broschueren .mod_testaccount {
	padding-top: 0px !important;
	margin-top: 0px;
	padding-bottom: 80px;
}

.show_testaccount .mod_testaccount {
	display: block!important;
	padding-top: 100px;
	max-width: 800px;
}

.show_testaccount .section_testaccount .buttonlink {
	display: none;
}

.mod_testaccount {
	padding-top: 0px;
	margin-top:-50px;
	padding-bottom: 50px;
	display: none;
	max-width: 500px;
}

.mod_testaccount a {
	color: #000000;
	text-decoration: underline;
}

.mod_testaccount .columns {
    display: grid;
    grid-template-columns: 1fr 1fr; /* set column sizes here */
    grid-template-rows: auto auto; /* we want two rows */

    grid-gap: 10px; /* how far between cells? */
    grid-auto-flow: row; /* fill in by column, not row */
	padding-bottom: 20px;
}

.tools_teaser .mod_testaccount {
	color: #FFFFFF;
}

.tools_teaser .mod_testaccount a {
	color: #FFFFFF;
	text-decoration: underline;
}

.tools_teaser .mod_testaccount input {
	color: #FFFFFF !important;
}




.mod_webinar .widget {
	padding-bottom: 20px;	
}

.mod_webinar input,
.mod_webinar textarea {
	border: 1px dotted var(--h3_color)
}

.mod_webinar .checkbox span {
	padding-bottom: 5px;
	padding-top: 0px;
	display: flex;
}

.mod_webinar label {
	width: initial;
}

.mod_webinar .checkbox input {
	margin-right: 10px;
	margin-top: 5px;
}



.mod_testaccount.mod_webinar {
	display: block;
}

.mod_testaccount .headline {
	font-size: 25px;
	line-height: 35px;
	color: var(--h3_color);
	padding-bottom: 20px;
}

.tools_teaser .mod_testaccount .headline {
	color: #FFFFFF;
}


.mod_testaccount .salutation,
.mod_testaccount .email,
.mod_testaccount .lastname,
.mod_testaccount .code {
	padding-bottom: 10px;
}

/*
.mod_testaccount .email label {
	padding-bottom: 5px;
	font-size: 20px;
}
*/
.mod_testaccount select {
	appearance: none;
	background-color: transparent;
	border: 1px dotted var(--h3_color);
	padding: 3px 5px;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	margin-bottom: 5px;
	margin-top: 0px;
}

.mod_testaccount .email input,
.mod_testaccount .lastname input,
.mod_testaccount .code input {
	border: 1px dotted var(--h3_color);
	background: none;
}

.tools_teaser .mod_testaccount .email input,
.tools_teaser .mod_testaccount .lastname input,
.tools_teaser .mod_testaccount .code input,
.tools_teaser .mod_testaccount select {
	border: 1px dotted #ffffff;
}

.tools_teaser .mod_testaccount select {
	color: #FFFFFF;
}

.tools_teaser .mod_testaccount .submit_container .submit:hover {
	color: var(--liststyle_profit_color) !important
}

.mod_testaccount .checkbox {
	display: flex;
  	align-items: flex-start; /* Oder 'center', je nach Textlänge */
  	gap: 5px; /* Abstand zwischen Checkbox und Label */
  	margin-bottom: 10px;
}
.mod_testaccount .checkbox.hidden {
	display: none;
}
.mod_testaccount .checkbox input {
	margin-right: 10px;
	margin-top: 	2px;
}

.mod_testaccount label {
	width: auto;
}

.mod_testaccount .checkbox label {
	width: calc(100% - 40px);
	*padding-left: 10px;
}

.mod_testaccount .infobox {
	padding-top: 20px;
	padding-bottom: 20px;
}
.mod_testaccount .submit_container {
	padding-top: 20px;
}

.mod_testaccount input[type="checkbox"] {
  -webkit-appearance: none; /* Für Safari */
  -moz-appearance: none; /* Für Firefox */
  appearance: none;
  width: 18px;
  min-width: 18px !important;
  height: 18px;
  border: 1px dotted #555;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}

.mod_testaccount input[type="checkbox"]:checked::after {
  content: '✔';
  position: absolute;
  top: -5px;
  left: 3px;
  font-size: 18px;
  color: green !important;
}



/************* LAYOUT ANPASSUNGEN ***********************/

.page_tool_one .buttonlink:hover {
	border: 1px dotted var(--jobprofile_color);
	background: #FFFFFF !important;
	color: var(--jobprofile_color);
}
.page_tool_one .buttonlink:hover a {
	color: var(--jobprofile_color) !important;
}

.page_tool_one.second .mod_article .headline {
	text-align: left !important;
}


.page_tool_one.second .workflow_circles .small span {
	border-radius: 200px;
	background: var(--jobevaluation_color);
}

.page_tool_one.second .buttonlink:hover {
	border: 1px dotted var(--jobevaluation_color);
	background: #FFFFFF !important;
	color: var(--jobevaluation_color);
}
.page_tool_one.second .buttonlink:hover a {
	color: var(--jobevaluation_color) !important;
}

/***********************/

.page_tool_six .buttonlink:hover {
	border: 1px dotted var(--compensationplus_color);
	background: #FFFFFF !important;
	color: var(--compensation_color);
}
.page_tool_six .buttonlink:hover a {
	color: var(--compensationplus_color) !important;
}


.page_tool_six .mod_article h2,
.page_tool_six .mod_article h3,
.page_tool_six .mod_article .headline{
	color: var(--compensationplus_color);
	text-align: center;
}

.page_tool_six .mod_article .headline {
	text-align: left;
}

.page_tool_six .mod_article .profits li:before,
.page_tool_six .workflow_squares ul li,
.page_tool_six .page_blog .ce_hyperlink a,
.page_tool_six .ce_hyperlink a, 
.page_tool_six .ce_hyperlink a, 
.page_tool_six .section_services_booklet a, 
.page_tool_six .section_services .ce_hyperlink a, 
.page_tool_six .submit_container .submit,
.page_tool_six div.buttonlink,
.distributor_services.compensationplus .link_button a {
	background-color: var(--compensationplus_color) !important;
}

/***********************/


.page_tool_four .buttonlink:hover {
	border: 1px dotted var(--compensation_color);
	background: #FFFFFF !important;
	color: var(--compensation_color);
}
.page_tool_four .buttonlink:hover a {
	color: var(--compensation_color) !important;
}


.page_tool_four .mod_article h2,
.page_tool_four .mod_article h3,
.page_tool_four .mod_article .headline{
	color: var(--compensation_color);
	text-align: center;
}

.page_tool_four .mod_article .headline {
	text-align: left;
}

.page_tool_four .mod_article .profits li:before,
.page_tool_four .workflow_squares ul li,
.page_tool_four .page_blog .ce_hyperlink a,
.page_tool_four .ce_hyperlink a, 
.page_tool_four .ce_hyperlink a, 
.page_tool_four .section_services_booklet a, 
.page_tool_four .section_services .ce_hyperlink a, 
.page_tool_four .submit_container .submit,
.page_tool_four div.buttonlink,
.distributor_services.compensation .link_button a {
	background-color: var(--compensation_color) !important;
}

/***********************/

.page_tool_three .buttonlink:hover {
	border: 1px dotted var(--competency_color);
	background: #FFFFFF !important;
	color: var(--competency_color);
}
.page_tool_three .buttonlink:hover a {
	color: var(--competency_color) !important;
}

.page_tool_three .mod_article h2,
.page_tool_three .mod_article h3,
.page_tool_three .mod_article .headline{
	color: var(--competency_color);
		text-align: center;
}

.page_tool_three .mod_article .headline {
	text-align: left;
}

.page_tool_three .mod_article .profits li:before,
.page_tool_three .workflow_circles .small span,
.page_tool_three .workflow_circles .small.first span,
.page_tool_three .page_blog .ce_hyperlink a, 
.page_tool_three .ce_hyperlink a, 
.page_tool_three .ce_hyperlink a, 
.page_tool_three .section_services_booklet a, 
.page_tool_three .section_services .ce_hyperlink a, 
.page_tool_three .submit_container .submit,
.page_tool_three div.buttonlink,
.distributor_services.competency .link_button a {
	background-color: var(--competency_color) !important
}

/***********************/

.page_tool_two .buttonlink:hover {
	border: 1px dotted var(--classification_color);
	background: #FFFFFF !important;
	color: var(--classification_color);
}
.page_tool_two .buttonlink:hover a {
	color: var(--classification_color) !important;
}


.page_tool_two .mod_article h2,
.page_tool_two .mod_article h3,
.page_tool_two .mod_article .headline{
	color: var(--classification_color);
		text-align: center;
}

.page_tool_two .mod_article .headline {
	text-align: left;
}

.page_tool_two .mod_article .profits li:before,
.page_tool_two .workflow_circles .small.first span,
.page_tool_two .workflow_circles .small span,
.page_tool_two .page_blog .ce_hyperlink a, 
.page_tool_two .ce_hyperlink a, 
.page_tool_two .ce_hyperlink a, 
.page_tool_two .section_services_booklet a, 
.page_tool_two .section_services .ce_hyperlink a, 
.page_tool_two .submit_container .submit,
.page_tool_two div.buttonlink,
.distributor_services.classification .link_button a {
	background-color: var(--classification_color) !important;
}

/***********************/

.page_tool_one.second .mod_article h2,
.page_tool_one.second .mod_article h3,
.page_tool_one.second .mod_article .headline{
	color: var(--jobevaluation_color);
		text-align: center;
}

.page_tool_one.second .mod_article .profits li:before,
.page_tool_one.second .page_blog .ce_hyperlink a, 
.page_tool_one.second .ce_hyperlink a, 
.page_tool_one.second .ce_hyperlink a, 
.page_tool_one.second .section_services_booklet a, 
.page_tool_one.second .section_services .ce_hyperlink a, 
.page_tool_one.second .submit_container .submit,
.page_tool_one.second div.buttonlink,
.distributor_services.jobevaluation .link_button a {
	background-color: var(--jobevaluation_color) !important;
}

/***********************/

.page_tool_one .mod_article h2,
.page_tool_one .mod_article h3,
.page_tool_one .mod_article .headline {
	color: var(--jobprofile_color);
	text-align: center;
}

.page_tool_one .mod_article .headline {
	text-align: left;
}

.page_tool_one .mod_article .profits li:before,
.page_tool_one .ce_hyperlink a, 
.page_tool_one .ce_hyperlink a, 
.page_tool_one .section_services_booklet a, 
.page_tool_one .section_services .ce_hyperlink a, 
.page_tool_one .submit_container .submit,
.page_tool_one div.buttonlink,
.distributor_services.jobprofile .link_button a {
	background-color: var(--jobprofile_color) !important;
}

.header_content .headline {
	color: #FFFFFF !important;
	text-align: left !important;
}



.page_tool_one .mod_article .profits li:before, 
.page_tool_two .mod_article .profits li:before, 
.page_tool_three .mod_article .profits li:before, 
.page_tool_four .mod_article .profits li:before,
.page_tool_six .mod_article .profits li:before{
	top: 5px;
}

.max_width_1200 {
	position: relative;
	max-width: 1200px !important;
	margin: auto;
	display: flex;
}

.section_main p a {
	//color: var(--liststyle_profit_color) !important;
}
.page_blog .ce_hyperlink a:hover, .page_blog .ce_hyperlink a:active, .page_blog .ce_hyperlink a:focus, .section_services .ce_hyperlink a:hover, .section_services .ce_hyperlink a:focus, .section_services .ce_hyperlink a:active, .page_module .ce_hyperlink a:hover, .page_module .ce_hyperlink a:focus, .page_module .ce_hyperlink a:active, .page_contactsuccess .ce_hyperlink a:hover, .page_contactsuccess .ce_hyperlink a:focus, .page_contactsuccess .ce_hyperlink a:active, .section_services_booklet a:hover, .section_services_booklet a:active, .section_services_booklet a:focus, .submit_container .submit:hover {
	
	color: var(--liststyle_profit_color);
	background-color: #ffffff !important;
	font-size: 20px;
	font-weight: 300 !important;
	border: 1px dotted var(--liststyle_profit_color);
	padding: 8px 20px !important;
	text-transform: none;
	box-shadow: unset !important;
}

.mod_login .submit_container .submit {
	padding: 10px 10px !important;
	font-size: 17px;
}

.page_blog .ce_hyperlink a, .page_module .ce_hyperlink a, .page_contactsuccess .ce_hyperlink a, .section_services_booklet a, .section_services .ce_hyperlink a, .submit_container .submit {
	font-size: 20px;
	font-weight: 300 !important;
	background: var(--liststyle_profit_color) !important;
	padding: 8px 20px !important;
	text-transform: none;
	box-shadow: unset !important;
}


.page_module .jobs p {
	font-size: unset;
	font-style: unset;
	color: unset;
}


.li_inline,
.li_inline li {
	font-size: 20px;
	line-height: 25px;
	display: inline;
	list-style: none;
	border-bottom: none !important;
}

.li_inline li:before {
	content: " ••• ";
	color: var(--liststyle_profit_color);
}

.li_inline li:first-child:before{
	content: "";
}

.mod_newslist {
	display: block;
	padding-left: 5% !important;
}

.mod_newslist p a {
	color: var(--liststyle_profit_color) !important;
}

.blog {
	padding-bottom: 50px;
}

.mod_newslist .layout_latest {
	width: 28.0%;
	margin-left: 1%;
	margin-right: 1%;
	background: #FFFFFF;
}

.blog .article_wrapper {
		width: 90%;
}

@media only screen and (max-width: 1350px){
	.blog .article_wrapper {
		width: 95%;
	}
	.mod_newslist .layout_latest {
		width: 27.0%;
	}
}

@media only screen and (max-width: 1800px){
	.mod_newslist .layout_latest {
		width: 27.0%;
	}
}


.newslist_tool_1, .newslist_tool_2, .newslist_tool_3, .newslist_tool_4 {
	background: #FFFFFF;
	border: unset;
	padding: unset;
	margin: unset;
}

.newslist_tool_1 .layout_latest,
.newslist_tool_2 .layout_latest,
.newslist_tool_3 .layout_latest,
.newslist_tool_4 .layout_latest {
	padding: 20px;
	border: 1px dotted #999 !important;
	margin-bottom: 1%;
}

.newslist_tool_1 h1,
.newslist_tool_1 h2,
.newslist_tool_1 .layout_latest p a {
	color: var(--jobprofile_color) !important
}

.newslist_tool_2 h1,
.newslist_tool_2 h2,
.newslist_tool_2 .layout_latest p a {
	color: var(--jobevaluation_color) !important
}

.newslist_tool_3 h1,
.newslist_tool_3 h2,
.newslist_tool_3 .layout_latest p a {
	color: var(--classification_color) !important
}

.newslist_tool_4 h1,
.newslist_tool_4 h2,
.newslist_tool_4 .layout_latest p a {
	color: var(--competency_color) !important
}

.newslist_tool_5 h1,
.newslist_tool_5 h2,
.newslist_tool_5 .layout_latest p a {
	color: var(--compensation_color) !important
}

.layout_latest .teaser .opener .fa, .layout_latest .teaser .opener-newpage {
	display: none;
}

.layout_latest h2, .layout_latest .teaser {
	width: auto;
}

.layout_latest p a {
	color: #000000 !important;
}

.layout_latest p a:before {
	content: "» ";
}

.newslist {
	display: flex;
	margin: auto;
}


.section_services_booklet {
	border: unset;
	background: #FFFFFF;
	border-bottom: 1px dotted #2d779c;
	padding-bottom: 80px;
	margin-bottom: 50px !important;
	width: auto;
}

.section_services_booklet .article_wrapper {
	width: unset;
}

.section_services_booklet .booklets {
	display: flex;
	justify-content: center;
}

.section_services_booklet .booklets .info{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: box;
	box-orient: vertical: ;
	line-clamp: 2;
	height: 50px;
	overflow: hidden;
}

.section_services_booklet .booklets .ce_text {
	max-width: 240px;
	margin-right: 2.5%;
	margin-left: 2.5%;
}

.section_services_booklet .image_container {
	float: none;
	clear: both;
}

.section_services_booklet .article_inside {
	max-width: 100%;
	margin: auto;
}

.section_services_booklet h2 {
	text-align: center;
	padding-bottom: 20px;
}

.page_module .section_video {
	background: #FFFFFF;
	max-width: 450px;
	margin: auto;
}


.page_module .tools_highlight {
	background: #ffffff;
}

.page_module .jobs {
	border-bottom: 1px dotted #2d779c;
	padding-bottom: 100px;
	*margin-bottom: 50px !important;
}

.page_module .jobs .text_container {
	max-width: 1000px;
	margin: auto;
	*padding-bottom: 50px;
}

.page_module .jobs ul {
	max-height: unset;
	margin-left: unset;
	margin-right: unset;
	background: unset;
	list-style-type: unset;
	overflow: unset;
	overflow-x: unset;
}


.page_module .jobs .offer {
	border: none;
	background: #FFFFFF;
	max-width: 1200px;
	margin: auto;
	box-shadow:none;
}

.page_module .jobs h2 {
	text-align: center;
}
.page_module .jobs .offer:after {
	content: "";
}

.toolstart {
	padding-top: 50px;
	margin-top: 50px;
	border-top: 1px dotted #2d779c;
	border-bottom: 1px dotted #2d779c;
	padding-bottom: 50px;
	margin-bottom: 100px !important;
}


.toolstart .article_inside {
	max-width: 1200px;
	margin: auto;
}
.toolstart h2 {
	padding-bottom: 50px;
	text-align: center;
}

.tools_highlight {
	*border: 1px dotted #2d779c;
}

.tools_highlight h2 {
	padding-bottom: 20px;
	text-align: center;
}

.video {
	padding-top: 50px;
	margin-top: 50px;
	border-bottom: 1px dotted #2d779c;
	padding-bottom: 50px;
	margin-bottom: 100px !important;
}


.mod_login input {
	background: #f1f1f1;
}


body {
	line-height: 28px;
	font-family: 'KlavikaRegular' !important;
	*font-family: 'Roboto' !important;
}

h1,h2,h3 {
	font-family: 'KlavikaRegular' !important;
}

.section_main .mod_article, .section_services_contact {
	margin-bottom: 0px;
}

.section_services {
	padding-top: 80px;
}

.section_testaccount .article_inside {
	padding-bottom: 0px;
}

.section_testaccount .buttonlink {
	*margin: auto;
	
}

/*
.section_testaccount .backgroundbox {
	-webkit-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
	-moz-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
	box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
}
*/

.page_module .section_main .tools_teaser .article_inside {
	display: flex;
	justify-content: center;
}
.page_tool_one .mod_article h2,
.page_tool_one.second .mod_article h2 {
	font-size: 35px;
}

.header_content {
	padding-top: 110px;
	max-width: 950px;
	margin: auto;
}

.mod_navigation_page_tools {
	position: fixed;
	z-index: 10;
	max-width: 1630px;
	margin: auto;
}

.mod_navigation_page_tools li {
	border-radius: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: calc(16.5% - 0px)
}

.tools_teaser .article_wrapper {
	max-width: 1650px !important;
}

.mod_navigation_page_tools li.page_tool_one {
	background: var(--jobprofile_color);
	border-radius: 0px 0px 0px 30px;
}
.mod_navigation_page_tools li.page_tool_one.second {
	background: var(--jobevaluation_color);
	border-radius: 0px 0px 0px 0px;
}
.mod_navigation_page_tools li.page_tool_two {
	background: var(--classification_color);
}
.mod_navigation_page_tools li.page_tool_three {
	background: var(--competency_color);
}

.mod_navigation_page_tools li.page_tool_four {
	background: var(--compensation_color);
	*border-radius: 0px 0px 30px 0px;
}
.mod_navigation_page_tools li.page_tool_six {
	background: var(--compensationplus_color);
	border-radius: 0px 0px 30px 0px;
}



.page_tool_one .tools_teaser {
	background-color: var(--jobprofile_bgcolor);
}
.page_tool_one.second .tools_teaser {
	background-color: var(--jobevaluation_bgcolor);
}
.page_tool_two .tools_teaser {
	background-color: var(--classification_bgcolor);
}
.page_tool_three .tools_teaser {
	background-color: var(--competency_bgcolor);
}
.page_tool_four .tools_teaser {
	background-color: var(--compensation_bgcolor);
}
.page_tool_six .tools_teaser {
	background-color: var(--compensationplus_bgcolor);
}


.slider-control .slider-menu b {
	font-size: 35px;
	padding-left: 5px;
	padding-right: 5px;
}

.customer .slider-wrapper {
	height: 150px;
}
.customer {
	padding-bottom: 50px;
}
.customer .ce_text p {
	margin-top: 10px;
}
.layout_onepage .section_profit .article_inside {
	width: 1600px !important
}

.kundenstimmen {
	text-align: center;
	margin-bottom: 30px;
}

.kundenstimmen .ce_text {
	padding-bottom: 60px;

}

.section_kunden {
	max-width: 1200px;
	display: block;
	margin: auto;
	padding-top: 50px;
}

.section_faq {
	font-size: 20px;
	line-height: 30px;
	max-width: 1200px;
	margin: auto;
	padding-bottom: 80px;
}

.section_faq .article_wrapper {
	width: auto;
}

.ce_accordion, .ce_accordion .toggler {
	border: 0px solid #EEE;
	border-collapse: collapse;
}

.ce_accordion .toggler {
	font-size: 22px;
	border-width: 1px 0;
	padding: 0.2em 0.5em;
	background: #c8d4d5;
	background: #2d779c;
	cursor: pointer;
	border-radius: 5px;
	color: #FFFFFF;
	position: relative;
}

.ce_accordion .accordion {
	padding: 0.5em;
}

.ce_accordion .toggler:after {
	content: "◉";
	position: absolute;
	right: 10px;
}

.ce_accordionSingle {
	margin-top: 15px;
}

#subheader {
	margin-top: 115px;
}

.section_subheader, .section_main, .section_footer {
	*top: 0px;
}

.page_home .section_main,
.page_home .section_footer{
	top: 0px;
}

.section_footer {
	z-index: 100;
}

.section_footer li strong {
	color: #FFFFFF;
	font-size: 13px;
	margin: 0;
	line-height: 1 !important;
	padding-left: 3px;
	
}

.section_footer li.active {
	line-height: 1 !important;
}

.section_login {
	*background: #FFFFFF;
	height: 25px;
	z-index: 10000;
}
.section_navigation {
	background: #FFFFFF;
	box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.2)  ; 
	-webkit-box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.2)  ; 
	-moz-box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.2)  ; 
}

.section_navigation .testzugang a {
	color: var(--h3_color);
}

.section_navigation .testzugang a:before {
	content: "➡︎ ";
	color: var(--h3_color);
}



.mod_navigation_main_mobile .testzugang a:before {
	*content: "➡︎ ";
	*color: var(--h3_color);
}


.section_company .article_wrapper {
	background: #FFFFFF;
}

.bg_block_unternehmen {
background: #FFFFFF;
color: #000000;
}

.section_main h1 {
	font-size: 45px;
	line-height: 50px;
	text-transform: none;
	font-weight: 400;
	padding-bottom: 20px;
}

.section_main h2 {
	font-size: 30px;
	text-transform: none;
	font-weight: 400 !important;
}

.section_main h3 {
	font-size: 25px;
	text-transform: none;
	color: #000000;
	color: #aa1f32;
	color: #2d779c;
	padding-bottom: 20px;
	font-weight: 400 !important;
}

/*
.distributor_services + .distributor_services {
	margin-left: 0%;
	margin-right: 0.5%;
}
*/

.distributor_services.jobevaluation h3 a {
	background-color: #DC7F56;
}
.distributor_services.classification h3 a {
	background-color: #669AAD;
}
.distributor_services.competency h3 a {
	background-color: #698611;
}
.distributor_services.compensation h3 a {
	background-color: #BB0814;
}

.distributor_services.compensationplus h3 a {
	background-color: var(--compensationplus_color);
}

.welcomeblock {
	max-width: 950px;
	margin: auto;
	padding-bottom: 20px;
	font-size: 20px;
	line-height: 1.5 !important;
	padding-top: 20px;
}

.welcomeblock .text_container .text_container {
	font-size: 20px;
	line-height: 1.5 !important	
}

.max_width_1200px {
	max-width: 1200px;
	margin: auto;
}
.max_width_64 {
	max-width: 64%;
	margin: auto;
}

h3 {
	line-height: 30px !important;
}

.cards_container {
	padding-top: 30px;
}

.cards_container .text_container p {
	font-size: clamp(13px, 17px, 17px);
	line-height: clamp(17px, 22px, 22px);
}

.cards_container .text_container .text_container {
	padding-bottom: 50px;
}

.section_main .section_partner {
		background: #FFFFFF;
		padding-bottom: 100px;
}
.section_main .section_partner .article_inside,
.section_main .section_testaccount .article_inside,
.section_main .section_max1200px .article_inside{
	max-width: 1200px;
	margin: auto;
}

.section_main .section_services .article_inside {
	max-width: 1600px !important;
	padding-left: 50px;
	padding-right: 50px;
}

.distributor_services .text_container {
	width: 100%;
}
.padding_top_30 {
	padding-top: 30px !important
}
.padding_top_50 {
	padding-top: 50px !important
}
.padding_top_60 {
	padding-top: 60px !important
}
.padding_top_70 {
	padding-top: 70px !important
}
.padding_top_80 {
	padding-top: 80px !important
}
.padding_top_100 {
	padding-top: 100px !important
}
.padding_bottom_20 {
	padding-bottom: 20px;
}
.padding_bottom_30 {
	padding-bottom: 30px;
}
.padding_bottom_50 {
	padding-bottom: 50px;
}
.padding_tb_50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.distributor_services {
	*width: 18.60% !important;
	width: 32.5% !important;
	margin-bottom: 0.5%;
	margin-right: 0.5%!important;
	margin-left: 0%!important;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0px;
}

.swiper-container-autoheight .swiper-wrapper {
	padding-bottom: 30px;
}


.section_main h2 {
	font-size: 	35px;
}

.section_method .text_container {
	float: none !important;
	width: auto !important;
	margin: auto !important;
	max-width: 1200px !important;
}

.section_method {
	padding-bottom: 0px !important
}

.section_method .article_inside {
	padding-bottom: 80px !important;
	max-width: 1200px;
	margin: auto;
}

.section_method p {
	color: #000000;
}

.section_medien .article_inside {
	padding-top: 80px;
	max-width: 1600px;
	margin: auto;
	height: auto;
}


.section_automation ul {
	padding-top: 0px;
	margin-top: 0px;
	text-align: left;
	padding-left: 0px;
	color: #000000 !important;
}

.section_automation .backgroundbox {
	-webkit-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
	-moz-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
	box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
}


.section_automation li {
	display: inline;
	list-style: none;
}
.section_automation li:before {
	content: " ••• ";
	color: #2d779c;
}

.section_automation li:first-child:before {
	content: "";
}

.section_automation h3 {
	padding-bottom: 20px;
}
.max_width_550px {
	max-width: 550px;
	margin: auto;
}


.section_profit {
	padding-top: 0px;
	padding-bottom: 0px !important;
}

.section_profit .backgroundbox {
	-webkit-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
	-moz-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
	box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59);
}


.section_profit li  {
	list-style: none;
	padding-bottom: 15px;
	margin-left: 20px;
	position: relative;
}

.section_profit li:before {
	content: "◉";
	color: #2d779c;
	position: absolute;
	left: -30px;
	top: 5px;
	font-size: 20px;
}

.max_width_section_profit {
	max-width: 600px;
	margin: auto;
	position: relative;
}

.mod_navigation_page_tools li.page_tool_two a span + span, 
.mod_navigation_page_tools li.active.page_tool_two span + span {
	max-width: 195px;
}



/************************************/


.layout_full.new_format h2 {
	
}
.layout_full.new_format h3 {
	font-size: 20px;
}


.section_podcast {
	border-top: 1px solid #999;
	max-width: 1400px;
	margin: auto;
}

.section_podcast .ce_text figure img {
	margin: auto;
}

@media (min-width: 1479px){
	.distributor_services {
		width: 18%;
	}
}

@media (max-width: 1260px){
	.section_profit .article_inside,
	.section_method .article_inside	{
		width: auto !important;
	}
	.section_services .medium {
		width: auto;
	}
	
	.distributor_services {
		width: 18%;
	}
	
	.mod_navigation_page_tools li a, 
	.mod_navigation_page_tools li span {
		font-size: 12px;
	}
	
	.mod_navigation_page_tools li a span + span, 
	.mod_navigation_page_tools li.active span + span {
		max-width: 110px !important;
		height: auto !important;
	}
	
	
}

@media (max-width: 1200px){
	.distributor_services {
		margin-right: 1%;
	}
	.distributor_services:nth-of-type(4) {
		margin-right: 1%;
	}
	
}
@media (max-width: 1170px){
	.distributor_services {
		width: 30%;
	}
}

@media (max-width: 900px){
	.workflow_circles {
		display: block !important;
	}
}

@media (max-width: 767px){
	.distributor_services {
		width: 100%;
		margin-bottom: 2% !important;
		height: auto !important;
		min-height: initial !important;
		float: left;
		clear: both;
	}
	.distributor_services p:not(*:root) {
		padding: 20px;
	}
	.partner .distributor_services {
		width: 100% !important
	}
	.partner .cards_container .text_container {
		min-height: initial !important;
	}
	.partner .distributor_services p:not(*:root) {
		padding-bottom: 100px !important;
		height: auto !important;
	}
	
	.section_company .text_container p,
	.section_company .text_container li {
		font-size: 15px !important;
	}

	
}
@media (max-width: 600px){
	.distributor_services p:nth-of-type(1){
		height: auto;
	}

}

.cookiebar__button {
	background: #000;
}

input[type="submit"], .button, button {
	display: inline-block;
	padding: 4px 15px 4px 14px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 1em;
	color: #000;
	cursor: pointer;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ececec;
	background-image: -moz-linear-gradient(top,#fff,#ececec);
	background-image: -webkit-linear-gradient(top,#fff,#ececec);
	background-image: -ms-linear-gradient(top,#fff,#ececec);
	background-image: -o-linear-gradient(top,#fff,#ececec);
	background-image: linear-gradient(to bottom,#fff,#ececec);
	background-repeat: repeat-x;
	-moz-transition: background .15s linear;
	-webkit-transition: background .15s linear;
	-o-transition: background .15s linear;
	transition: background .15s linear;
}


.page_tool_four .workflow_squares li {
	width: auto;
}


.section_company li {
	color: #FFFFFF ;
}

.section_company  .ce_text ol {
	padding-top: 20px !important;
	padding-left: 55px !important;
}

.blogwissen p {
	font-size: 19px!important;
	line-height: 27px!important;
}

.layout_latest ,teaser,
.layout_latest p {
	font-size: 19px!important;
	line-height: 27px!important;
	font-weight:400!important;
}
.layout_latest h2 {
	font-size: 25px!important;
	line-height: 30px!important;
	text-transform:none!important;
}
.layout_full {
	line-height:25px!important;
	max-width: 1024px;
	font-size: 19px!important;
	line-height: 27px!important;
}
.layout_full h1 {
	text-transform: none!important;
	font-size: 35px!important;
	line-height: 45px!important;
}
.layout_full ul,
.layout_full ol {
	padding-top: 20px;
}
.layout_full p {
	margin-top: 15px!important;
	margin-bottom: 15px!important;
		font-size: 19px!important;
	line-height: 27px!important;
}
.layout_full li {
	padding-bottom: 20px!important;
		font-size: 19px!important;
	line-height: 25px!important;
}

@media only screen and (max-width: 768px) {
	.layout_latest ,teaser,
	.layout_latest p,
	.blogwissen p {
		font-size: 16px!important;
		line-height: 24px!important;
	}
	.layout_latest h2 {
		font-size: 20px!important;
		line-height: 25px!important;
		text-transform:none!important;
	}
	.layout_full {
		line-height:24px!important;
		max-width: 1024px;
		font-size: 16px!important;
		line-height: 24px!important;
	}
	.layout_full h1 {
		padding-top:30px;
		text-transform: none!important;
		font-size: 25px!important;
		line-height: 30px!important;
	}
	.layout_full ul,
	.layout_full ol {
		padding-top: 20px;
	}
	.layout_full p {
		margin-top: 15px!important;
		margin-bottom: 15px!important;
			font-size: 16px!important;
		line-height: 24px!important;
	}
	.layout_full li {
		padding-bottom: 20px!important;
		font-size: 16px!important;
		line-height: 22px!important;
	}	
}

.page_module .tools_highlight {
	max-width: 1150px;
}
.tools_highlight .article_wrapper {
	width: auto;
	max-width: 960px;
}

.workflow_circles {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.workflow_circles .small {
	float: none;
	clear: both;
}


.section_main .section_services .article_inside {
	width: auto;
	max-width: 1200px;
}

.cards_container .text_container {
	position: relative;
	*min-height:500px;
	min-height:400px
}
.cards_container .link_button {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.cards_container .link_button a:before {
	content: "» ";
}

.partner .cards_container .text_container {
	position: relative;
	min-height:370px
}
.partner  .cards_container .link_button {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.partner  .distributor_services  {
	width: 48% !important;
}

.partner .distributor_services .text_container {
	width: 100%;
}

.partner .distributor_services p {
	font-size: 18px;
	line-height: 26px;
	padding: 20px 20px;
}

.partner .section_main .article_inside {
	max-width: 1200px;

}

.partner .distributor_services .text_container .link_button a {
	font-size: 20px;
	line-height: 28px;
}

.partner .distributor_services.jobprofile h3:after,
.partner .distributor_services.jobevaluation h3:after{
	background: none;
	height: 0px;
}

.partner .distributor_services h3, 
.partner .distributor_services h3 a {
	font-size: 20px;
}

.section_main p, .section_main li:not(.area_prices .section_main li) {
	font-size: 19px;
	line-height: 26px;
}



.section_contact li,
.section_contact p,
.section_contact a {
	font-size: 16px !important;
	line-height: 23px !important;
}

.section_main .section_services .article_inside, .section_main .section_contact .article_inside {
	min-width: 960px;
}

.section_main .section_contact {
	margin-top: 80px;
}

.section_contact h2 {
	text-align: left !important;
	font-size: 25px !important;
}

.section_contact .article_wrapper {
	min-width: 1000px;
	width: 70%;
}



.ce_rsce_oneo_counter_boxes p {
	font-size: 4em;
	line-height: 2em;
}

.distributor_services p {
	font-size: 15px;
	line-height: 20px;
}


.border_top h2 {
	border-top: 1px solid #999;
	padding-top: 25px;
	margin-top: 5px;
}
.padding_tb_40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padding_tb_30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.section_video .article_wrapper {
	padding-top: 30px;
	padding-bottom: 50px !important;
	max-width: 800px;
}
.section_partner {
	background: #f5f5f5
}

.section_partner .medium {
	width: 46%;
	padding: 0 4% 0 0;
}
.section_partner .article_wrapper {
	padding-top: 30px;
	padding-bottom: 50px;
	max-width: 1200px;
}
.section_partner .text_container p {
	font-family: 'KlavikaRegular', sans-serif !important;
	font-size: 20px !important;
	line-height: 28px !important;
}

.section_services .article_wrapper {
	padding-top: 0px;
	padding-bottom: 0px !important;
}

.section_profit {
	background: #f5f5f5;
}

.layout_onepage .section_profit .article_inside {
	width: 64%;
}

.section_method .article_wrapper {
	padding-top: 30px !important;
	padding-bottom: 0px !important;
}

.section_method .article_inside {
	width: 64%;
}

.section_method2 {
	background: #f5f5f5;
}
.section_method2 .article_wrapper {
	padding-bottom: 50px !important;
}
.section_method2 .image_container {
	background: #FFFFFF;
	padding: 10px;
}
.section_profit .article_wrapper {
	*padding-top: 30px !important;
	padding-bottom: 0px !important;
}

.section_profit .article_inside {
	padding-bottom: 0px !important;
}

.distributor_services .text_container p a:after {
	display: none;
}

.distributor_services .text_container .link_button a {
	background: rgb(167,30,0);
	color: #FFFFFF;
	display: block;
	border-radius: 5px;
	margin: 10px;
	padding: 10px;
}

/*
.distributor_services .text_container .link_button a:before {
	position: absolute;
	display: flex;
	content:"◉";
	font-size: 20px;
	transform: rotate(90deg);
	top: -30px;
	justify-content: center;
	align-items: center;
	width: 100%;
}
*/


.zwei_spalten {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1200px;
	margin: auto;
}

.zwei_spalten .ce_sliderStart,
.zwei_spalte .video {
	width: 50%;
	position: relative;
}

.section_kunden .ce_text {
	text-align: left !important;
}

.section_kunden .article_wrapper {
	text-align: left;
	padding: 30px 30px;
}
.section_kunden .article_inside {
	overflow: hidden;
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
}
.section_kunden .text_container {
	padding-left: 0px;
	padding-right: 30px;
}
.section_kunden .text_container p {
	font-family: 'KlavikaRegular', sans-serif;
	font-size: 20px;
	line-height: 28px;
	text-align: center !important;
}

.layout_latest .teaser .opener .fa, .layout_latest .teaser .opener-newpage .fa {
	font-size: 3em;
}
.layout_latest .teaser {
	min-height: auto;
}
.ce_downloads ul {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.ce_downloads li {
	list-style: none;
	padding-left: 0px;
}

.ce_downloads a {
	color: #ac1c2f;
}

.page_module .jobs h2 {
	height: auto !important;
}
.mod_navigation_main li a, .mod_navigation_main li span, .mod_changelanguage li a {
	font-weight: 400 !important;
	font-family: 'KlavikaMedium' ;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400 !important;
}
b, strong {
	font-weight: 400;
	font-family: 'KlavikaMedium' ;
	line-height: unset;
}
.ce_text.offer h3 {
	text-transform: none;
}
.page_module .jobs .offer {
	height: auto;
}
.page_tool_one .tools_teaser, 
.page_tool_one.second .tools_teaser,
.page_tool_two .tools_teaser,
.page_tool_three .tools_teaser,
.page_tool_four .tools_teaser {
	height: auto;
}
.page_tool_one .tools_teaser h1, 
.page_tool_one.second .tools_teaser h1,
.tools_teaser h1,
.page_tool_three .tools_teaser h1,
.page_tool_four .tools_teaser h1{
	font-size: 45px;
	padding-bottom: 20px;	
}

.bg_block_unternehmen {
	background: rgba(0,0,0,.5);
	padding-top: 30px;
	padding-bottom: 30px;
}


.section_company .text_container p {
	background: none;
	padding: 0px 30px;
}


.customer {
	max-width: 1400px;
	margin: auto;
}

.customer .slider-next,
.customer .slider-prev {
	display: none !important;
}

.tools_teaser .article_wrapper {
	width: auto;
	max-width: 1130px;
}

.tools_teaser .register a, .tools_teaser .opener a {
	border-top: 0px;
}

.ce_hyperlink a:not(.callback_wrapper a):not(.opener a),
.applink a {
	background: #28a2c1;
	transition: background-color 1.5s ease;
	animation: pulse 1.5s infinite;
	border: 0px solid #999;
}

@keyframes pulse {
  0% { background: #28a2c1;}
  50% { background: #2d779c;}
  100% { background: #28a2c1;}
}

.ce_hyperlink a:hover:not(.callback_wrapper a:hover):not(.opener a:hover),
.applink a:hover {
	color: #2d779c !important;
	border: 0px solid #999;
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%) !important
}

/******************************************/

.mod_callback a {
	text-transform: none !important;
} 

.mod_callback .ce_hyperlink a {
	font-size: 15px !important;
	background: rgba(0,0,0,0) !important;
	padding: 0 !important;
}

.mod_callback .ce_hyperlink a:hover {
	font-size: 15px !important;
	background: rgba(0,0,0,0) !important;
	padding: 0 !important;
}

.mod_callback strong {
	font-weight: 400 !important;
}



/**************** Download Booklets **********************/


.section_services_booklet figure a,
.page_tool_two .section_services_booklet figure a {
	background-color: #eaeaea !important;
	padding: 0px !important;
}

.section_services_booklet figure a:hover {
	border: 0px solid #999;
	padding: 0px !important;
}


/******************************************/
@media only screen and (max-width: 1800px) {
	.section_navigation .inside {
		width: 1150px;
	}
	.mod_navigation_main {
		position: absolute;
		right: 0px;
		top: 0px;
	}
}

@media only screen and (max-width: 1260px){
	.mod_navigation_main {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1200px){
	.mod_navigation_main .toggle {
		display: block;
		position: absolute;
		top: 4px;
		right: 35px;
	}
	.section_navigation .inside {
		width: 100%;
	}
	.section_services_booklet {
		margin-left: 0%;
		margin-right: 0%;
	}
}
/*
@media only screen and (max-width: 1320px){
	.mod_rocksolid_slider.desktop {
		display: none;
	}
	.mod_rocksolid_slider.mobile {
		display: block;
		min-height: 860px;
	}
}
*/
@media only screen and (max-width: 768px) {
	.mod_article.customer .columnset .ce_image{
        width: 15%;
        margin-left: 5%;
        margin-right: 5%;
    }
	.mod_article.customer .columnset .ce_image .image_container {
		margin: 0;
	}
	.tools_teaser h1 {
		font-size: 24px !important;
	}
	.zwei_spalten {
		display: block;
	}
	.zwei_spalten .ce_sliderStart,
	.zwei_spalte .video {
		width: 100%;
	}
	.zwei_spalten .ce_sliderStart{
		padding-bottom: 50px;
	}
	.section_kunden .slider-control {
		top:6px;
		left: 175px;
	}
	.section_kunden .text_container {
		padding-right: 0px;
	}
}

@media only screen and (max-width: 500px) {
	.mod_article.customer .columnset .ce_image{
        width: 28%;
        margin-left: 2%;
        margin-right: 2%;
    }
}