/*
Theme Name: DiviChild by in.webs
Theme URI: http://elegantthemes.com
Description: A Child Theme built for Divi
Author: in.webs GmbH
Author URI: https://www.inwebs.com
Template: Divi
Version: 1.0.0
*/

/*add mouse pointer when hovering over X icon*/

/* Styling Glossar */

.post-type-archive-encyclopedia #sidebar, .single-encyclopedia #sidebar{
	display:none;
}

.post-type-archive-encyclopedia #page-container #main-content .container:before, .single-encyclopedia #page-container #main-content .container:before{
	width: 0;
}

.post-type-archive-encyclopedia #page-container #main-content #left-area, .single-encyclopedia #page-container #main-content #left-area{
	padding-right:0;
	width:100%;
}

.post-type-archive-encyclopedia #page-container #main-content .container, .single-encyclopedia #page-container #main-content .container{
	padding-top:150px;
}

.post-type-archive-encyclopedia #page-container #main-content .container article, .single-encyclopedia #page-container #main-content .container article{
    margin-bottom: 15px;
}
.post-type-archive-encyclopedia #page-container #main-content .container article h2, .single-encyclopedia #page-container #main-content .container article h2{
    padding-bottom: 2px;
}
.post-type-archive-encyclopedia #page-container #main-content .container article .post-meta, .single-encyclopedia #page-container #main-content .container article .post-meta{
	display:none;
}

.single-encyclopedia #page-container header .topnav {
	padding-bottom:0 !important;
	padding-top:0 !important;
}
.single-encyclopedia #page-container header .quadheader{
	padding-top:8px !important;
	padding-bottom:8px !important;
}
.single-encyclopedia .encyclopedia-prefix-filters .filter-level, .post-type-archive-encyclopedia .encyclopedia-prefix-filters .filter-level{
	background-color:#fff;
}

/* Styling Glossar Ende*/

/*add mouse pointer when hovering over X icon*/
#pa-promo-close:hover {
	cursor: pointer;
}

/* Anpassung Mobile Landscape Orientation */
@media only screen and (orientation: landscape) and (min-device-width: 320px) and (max-device-width: 840px) {
.hero h1 {
	margin-top:540px;
	}
}

/* Styling Landing Page Header */

.dsm_fixed_header_scroll_active .lp-header {
	padding-top:20px !important;
	padding-bottom:20px !important;
}

.dsm_fixed_header_scroll_active .lp-header .et_pb_image{
	margin-top:0 !important;
}

/* Styling Quad Menu */


/*
#quadmenu .quadmenu-item-object-button a .quadmenu-item-content{
	color: #ffffff!important;
    border-radius: 10px !important;
    font-size: 14px;
    font-family: 'Century Gothic Bold',Helvetica,Arial,Lucida,sans-serif!important;
    background-image: linear-gradient(105deg,#f39200 0%,#e9711b 100%)!important;
}
*/
/*adjust Divi Menu module breakpoint */
@media only screen and (max-width: 1230px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
}

/*
#quadmenu a {
	font-family: 'Century Gothic Regular', sans-serif !important;
}
*/
.dsm_fixed_header_scroll_active header.et-l.et-l--header {
	box-shadow: 0px 36px 22px -20px rgba(0,0,0,.05);
}

@media (max-width: 1230px){
	.quadheader {
		display:flex;
	}
	.logo{
		order:0 !important;
	}
	
	.et_pb_column_1_tb_header{
		order:2;
		float:right;
	}
	
	.et_mobile_menu{
		right: 0 !important; 
		left: auto !important;
		width: 90vw;
		overflow-x: hidden;
		overflow-y: scroll;
		/*height:calc(100vh - 200px) !important;*/
		height:auto;
		margin-top: 8px;
		padding:0 !important;
	}
	.et_pb_column_2_tb_header{
		order:1;
	}
		.et_mobile_nav_menu {
			margin-top: 13px;
	}
	
	.dsm_fixed_header_scroll_active .dsm_fixed_header_shrink.dsm_fixed_header_shrink_active header.et-l--header .et_pb_section .et_pb_module et_pb_image.et_pb_image_0_tb_header{
		margin-top: 10px !important;
		}
	
	.dsm_fixed_header_scroll_active .et_pb_module.et_pb_menu {
        margin-top: 10px !important;
    	margin-bottom: 5px !important;
		}
}

.dsm_fixed_header_scroll_active .dsm_fixed_header_shrink.dsm_fixed_header_shrink_active header.et-l--header .et_pb_section .et_pb_module et_pb_image.et_pb_image_0_tb_header{
	margin-top: 15px;
}


@media (max-width: 1230px) and (min-width: 981px) {
	.et_mobile_menu {
		width:80vw;
	}
}

.dsm_fixed_header_shrink.dsm_fixed_header_shrink_active header.et-l--header .topnav .et_pb_menu .et_pb_menu__menu>nav>ul>li>a{
	padding-top: 0;
	padding-bottom: 0;
}

/* ------------------ */



.flippingcards .et_pb_main_blurb_image img {
	height: 50px;
    left: 15px;
    position: absolute;
	bottom: -105px;
}

.flippingcards .et_pb_blurb_container .et_pb_module_header{
	position: absolute;
	top: 15px;
	left: 15px;
	}

/* Styling Blog Übersicht */
#dfbm-container article {
	box-shadow: 0px 8px 23px 3px rgba(219,221,230,0.5);
	border-radius: 8px !important;
}
.filterable-blogposts {
    padding-left: 20px;
    padding-right: 20px;
	}

#dfbm-container {
    margin-left: -20px;
    margin-right: -20px;
}

#dfbm-container .et_pb_blog_filters {
	padding-left: 20px;
    padding-right: 20px;
}

#dfbm-container article a img{
	border-radius: 8px 8px 0 0;
	}

#dfbm-container article .article-inner.screwed {
		border-radius: 8px !important;
}

#dfbm-cat-nav .seperator{
color: transparent !important;
}
/*
#dfbm-cat-nav .et_pb_blog_filter{
	font-family: 'Century Gothic Regular', sans-serif !important;
	color: #79808D;
}
*/
#dfbm-cat-nav .et_pb_blog_filter a:hover{
	color: #1D71B8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;	
}
/*
#dfbm-active-cat{
    font-family: 'Century Gothic Bold';
    font-size: 20px;
    color: #1D71B8;
}
*/

article .bottom .read-more, body #page-container .filterable-blogposts article .article-inner .et_pb_content_container .bottom .et_pb_button.read-more:hover {
	padding-left:0 !important;
	background: none !important;
}

article .bottom{
	margin-top: 19px !important;
	margin-bottom: 19px;
}
/*
.header-before .category {
	font-size: 14px !important;
	line-height: 17px !important;
	font-family: 'Century Gothic Regular', sans-serif !important;
}
*/

.header-before .category a{
	color: #e94e1b !important;
}

.filterable-blogposts .article-inner .et_pb_content_container .bottom{
    position: absolute;
    bottom: 20px;
    right: 0;
    }
/*
.filterable-blogposts .article-inner .et_pb_content_container .post-meta.date{
		font-size: 14px !important;
	line-height: 17px !important;
	font-family: 'Century Gothic Regular', sans-serif !important;
}*/

.filterable-blogposts .article-inner .et_pb_content_container .post-content {
	margin-bottom: 40px;
}


.filterable-blogposts .article-inner .et_pb_content_container{
	padding-top: 36px;
	padding-bottom: 36px;
}

/*Styling Karriere Filter*/

.karrierefilter ul li a {
padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
	margin-bottom:10px !important;
}

.karrierefilter ul li {
	margin-right:10px;
}

/* Styling Blogbeitrag */

.post h2 {
	padding-bottom:20px;
}

/*.blog-headline {
	background: -webkit-linear-gradient(-30deg, #2785d5, #023482);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}*/

/* Styling Buttons */
.backbtn:before, .backbtn:after {
	font-size: 27px !important;
}

.backbtn:hover:before {
    margin-left: -1.7em !important;
}

.frwdbtn:hover:after{
	margin-left: 0.7em !important;
}

/* Styling BackToTop */
.et_pb_scroll_top:before {
	content: "!";
	color: #F39200;
	}

.et_pb_scroll_top{
		background: #fff !important;
	    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

@media (min-width: 980px){
	.et_pb_scroll_top{
       	width: 60px;
    	height: 60px;
    	padding-top: 15px !important;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
}

@media (min-width: 980px){
	.et_pb_scroll_top:hover {
		padding-top:25px !important;
		height:80px;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
}




/* Sticky Element */
@media only screen and (min-width: 980px) {
  #page-container { 
    overflow-y:visible !important; } 
  .sticky {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 100px !important;
  }
  }

/*@media only screen and (max-width: 1220px) {
.sticky.blog {
	display:none;
	}
}*/

@media only screen and (max-width: 980px){
	.sticky.blog {
		top:0 !important;
		}
}

.blog-master h2{
background: -webkit-linear-gradient(-30deg, #212129, #212129);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}

/* Flip-Box */

.dsm-image-reveal-overlay {
	background: linear-gradient(90deg, #f39200, #e9671b) !important;
}


/* Selection */

::selection {
	color: #f39100 !important;/* WebKit/Blink Browsers */
	background: rgba(233,76,22, 0.2)
}
::-moz-selection {
	color: #f39100; /* Gecko Browsers */
	background: rgba(233,76,22, 0.2);
}

/* Slick Slider */
.slick-slider {
    margin:0 -15px;
}
.slick-track .slick-slide {
    padding:10px;
    text-align:center !important;
    margin-right:15px !important;
    margin-left:15px !important;
}

/* Header Sticky */
.pa-header {
	background: transparent;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}

.et_pb_section_0_tb_header.et_pb_section.pa-fixed-header {
	background-color: #fff !important;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	border-bottom:1px solid #eee;
}


body.dsm_fixed_header_scroll_active.dsm_fixed_header_shrink_active  header.et-l.et-l--header {
	background:#fff !important;
}

/* Anpassung Mobile Menü ### MENU ###
.et_mobile_nav_menu{
    margin-top: 18px;
}

/* Filter Karriere */
.et_pb_portfolio_filters li a {
	padding:18px !important;
	border-radius:8px !important;
}

.et_pb_portfolio_filters li {
	margin-right: 30px;
}

.et_pb_portfolio_filters a.active {
    background: #fff !important;
	border:1px solid #e94e1b !important;
}
.et_pb_filterable_portfolio_2.et_pb_filterable_portfolio .et_pb_portfolio_filter a.active {
	color: #e94e1b!important;}

.et_pb_portfolio_filters a:hover {
    background: #fff !important;
	border:1px solid #e94e1b !important;
}

.et_pb_filterable_portfolio_2.et_pb_filterable_portfolio .et_pb_portfolio_filter a:hover {
	color: #e94e1b!important;
}
.et_pb_portofolio_pagination{
border:0 !important;
	}

/* Dropdown */
select {
    height: 56px;
    font-size: 18px;
}
select:active {
	border: 1px solid #ff4b1f;
}


/* Slider Control */

.et-pb-controllers a{
background-color:#b2b2b2;
}

.et-pb-controllers .et-pb-active-control {
background-color:#ff4b1f !important;
}


/* Buttons inline */
.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline {
    text-align: left !important;
}

/* Styling Strong  */
strong {
  font-family: 'Century Gothic Bold', sans-serif !important;
}


/* STYLING WPFORMS */
.wpforms-container input::placeholder{
  font-family: 'Century Gothic Bold', sans-serif !important;
	font-size:18px;
	color:#b2b2b2;
}
.wpforms-container .wpforms-field input {
	padding: 26px 20px !important;
	border-radius:8px !important;
	border-color: #b2b2b2 !important;
}

.wpforms-container button[type=submit]{
	color:#fff !important;
	background-image: linear-gradient(99deg, #f39200 2%, #e9711b 100%) !important;
	display:block !important;
	font-family: 'Century Gothic Bold', sans-serif !important;
	font-size:18px !important;
	padding: 16px 10px !important;
	border-radius:8px;
	border:none !important;
	width:100%;
}

.wpforms-submit-container {
	padding-top:20px !important;
}

.wpforms-container {
	margin-bottom:0 !important;
}

.wpforms-container .wpforms-field-checkbox label{
	cursor: pointer;
	font-size:18px !important;
	line-height:27px !important;
}

.wpforms-container.wpforms-container-full .wpforms-form ul li{
	margin-bottom: 20px !important;
}

div.wpforms-container .wpforms-form label.wpforms-error {
	font-size:12px !important
}

/* STYLING LISTE  */

.listecheck ul li:before {
    content: '';
    background-image: url(/wp-content/uploads/2020/04/check-regular.svg);
	display: inline-block;
    height: 16px;
    width: 38px;
    background-repeat: no-repeat;
    margin-left: -38px;
}

.listecheck ul li {
	list-style-type:none;
	padding-left: 20px;
	margin-bottom: 12px;
	margin-left:0;
}

.listepfeil ul li:before {
    content: '';
    background-image: url(/wp-content/uploads/2020/04/arrow-right-regular.svg);
	display: inline-block;
    height: 16px;
    width: 38px;
    background-repeat: no-repeat;
    margin-left: -38px;
}

.listepfeil ul li {
	list-style-type:none;
	padding-left: 20px;
	margin-bottom: 12px;
	margin-left:0;
}



.team-email ::marker {
    content: '';
    background-image: url(/wp-content/uploads/2020/04/arrow-right-regular.svg);
	display: inline-block;
    height: 16px;
    width: 38px;
    background-repeat: no-repeat;
    margin-left: -38px;
}

/* Zusätzliches CSS hinter dem abschließenden Schrägstrich einfügen
------------------------------------------------------------------- */


/* Buttons nebeneinander
------------------------------------------------------------------- */

.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline {
    text-align: left !important;
}

/* Headlines Verlauf
------------------------------------------------------------------- */


h1, h2, h3 {
  background: -webkit-linear-gradient(-30deg, #2785d5, #023482);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*.team-name h4{
	background: -webkit-linear-gradient(-30deg, #fac400, #e94e1c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}*/

.connectingbrands p{
	background: -webkit-linear-gradient(-30deg, #ff9068, #ff4b1f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* Text + Icon // Farbe Icon
------------------------------------------------------------------- */
.texticon .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	background: -webkit-linear-gradient(-30deg, #ff9068, #ff4b1f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* epay Carousel
------------------------------------------------------------------- */
.slick-slider
{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
 
.slick-slide
{
float: left;
}


/* Animation Hero
------------------------------------------------------------------- */


.floatingimages img{
	backface-visibility: hidden;
	mix-blend-mode: multiply;
	-webkit-filter: drop-shadow(0px 8px 23px rgba(0,0,0,0.2));
    filter: drop-shadow(0px 8px 23px rgba(0,0,0,0.2));
}


/* Reihenfolge 2 Columns
------------------------------------------------------------------- */

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}


/*** Customize Toggle ***/

.et_pb_toggle_open .et_pb_toggle_title:before {
  color: black;
  font-family: 'Century Gothic Regular', sans-serif !important;
  font-size: 36px;
  content: "+";
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.et_pb_toggle_close .et_pb_toggle_title:before {
  color: black;
  font-family: 'Century Gothic Regular', sans-serif !important;
  font-size: 36px;
  content: "+";
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* Language Switcher im Header */
header .wpml-ls-legacy-dropdown a {
	background:none;
}

.topnav .et_pb_menu {
	background: none !important;
}

.topnav nav {
	z-index:10000;
}

.topnav nav ul.sub-menu{
border-radius: 10px;
	border-color:none;
}
.topnav nav a:hover {
opacity:1 !important;
}

.topnav .et_mobile_nav_menu {
	display:none !important;
}
.topnav .et_pb_menu__menu{
display: flex !important;
}
.topnav .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul{
	right:0;
	left:auto;
}

/* Language Switcher Footer */

.languageswitch a.wpml-ls-item-toggle{
	border:0 !important;
	font-size:14px !important;
	text-align:left;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.languageswitch a.wpml-ls-item-toggle:hover{
	background:none;
}

footer .wpml-ls-legacy-dropdown .wpml-ls-native {
	display:inline;
}

footer .languageswitch {
	padding-top: 6px !important;
}

/*.wpml-ls-sub-menu {
	top:-60px !important;
}*/

.wpml-ls-sub-menu li a{
	padding-left:14px !important;
	transition: .3s all ease;
}
.wpml-ls-sub-menu li a:hover{
	box-shadow: 0 10px 23px rgba(0, 0, 0, 0.15) !important;
	transition: .3s all ease;
}

.wpml-ls-sub-menu a {
	font-size:14px !important;
	border:none !important;
	text-align:left;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.wpml-ls-sub-menu a:hover{
	background-color: #fff;
}

ul.wpml-ls-sub-menu {
    padding-left: 0 !important;
	border-top:0 !important;
}

li.wpml-ls-current-language:hover{
	background:#fff;
}

.languageswitch ul {
	padding-bottom:0;
}
/*
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
	background:#fff !important;
}*/

ul.wpml-ls-sub-menu {
    border-radius: 10px !important;
	box-shadow: 0 10px 23px rgba(0, 0, 0, 0.15) !important;
	background-color:#fff;
}

ul.wpml-ls-sub-menu a{
	border-radius: 10px !important;	
	padding-top:15px !important;
	padding-bottom:15px !important;
}

.custom-footer .languageswitch {
	width:17% !important;
}

.languageswitch .wpml-ls-flag {
	height:30px;
	width:30px;
	margin-right:15px;
}

.custom-footer .footer-links {
	width:30% !important;
}

/* Language Switcher responsive fix*/
@media (max-width: 1340px){
	.custom-footer .et_pb_module {
	display: block !important;
	float: none !important;
	}
	
	.custom-footer .footer-links {
    margin-bottom: 10px !important;
	width:100% !important;
	}
	
	.custom-footer .footer-links p {
	text-align:center !important;
	}
	
	.custom-footer .languageswitch {
	margin-bottom: 10px !important;
	margin-top: 0px !important;
	width:200px !important;
	}
}

.languageswitch.languageswitch-header p {
	    padding-bottom: 0 !important;
}

.logo {
	margin-top:5px;
}

@media (max-width: 980px){
	.languageswitch.languageswitch-header .wpml-ls-legacy-dropdown {
		width:100%;
	}
	.languageswitch.languageswitch-header {
		width:200px;
	}
}
	


@media (max-width: 767px){
	.languageswitch.languageswitch-header {
		width:auto;
		margin-top:0 !important;
	}

	.js-wpml-ls-item-toggle .wpml-ls-native {
		display:none;
}
	header .quadheader .et-last-child {
	right:0;
	}

.languageswitch.languageswitch-header a.wpml-ls-item-toggle {
	position: absolute;
    right: 0;
	}

.languageswitch.languageswitch-header .wpml-ls-sub-menu{
	width: 150px;
    right: 0;
	left: auto;
    top: 59px;
		}
}

.quadheader .et_pb_column_1_tb_header.et-last-child {
    margin-top: 7px;	
}

.languageswitch .wpml-ls-flag {
	height: 22px;
/*    margin-top: 7px;*/
}

@media (min-width: 767px){
	.languageswitch .wpml-ls-flag {
/*	margin-top: 3px;*/
	}
	.quadheader .et_pb_column_1_tb_header.et-last-child {
	margin-top: 3px;
	}
}

/* Team Slider */
@media (max-width: 600px){
	.team-slider figure {
	height: 44vw !important;
	}
	.team-slider h4 {
		font-size:16px;
	}
}