/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.24.0.1707921893
Updated: 2024-02-14 15:44:53

*/

body {
    font-weight: 400;
}


/*
______________________
   
   Header
______________________

*/
   
/* Column alignment */   
#acce-header .et_pb_row {
    align-items: baseline;
}
#acce-header .et_pb_row .et_pb_column:first-child {
    align-self: flex-end;
}

Sticky Section background
#acce-section-grey {
	    backdrop-filter: blur(6px)!important;
}
 

/*
#my-header {
    backdrop-filter: blur(6px);
}
 

#acce-section {
    background-color: rgba(245,245,245,0.85);
} */

/* Main Menu Module */
#my-header .et_pb_menu .et-menu>li {
    padding:10px 15px;
}

#my-header .et_pb_menu .et-menu>li a:hover {
    color:#000000!important;
	opacity:1;
}

/*Submenu*/
#my-header .sub-menu {
    border:none;
}

#main-menu .sub-menu li a {
  text-transform: none!important;
  letter-spacing: 0.2px;
  line-height: 1.6em;
}


@media screen and (max-width: 768px) {
#acce-section {
                position: relative!important;
                top: 0px;
                bottom: auto;
                left: 50%;
                right: auto;
                transform: translateX(-50%)
            }
}


/*HAMBURGER ICON*/

.my-hamburger {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 22px auto!important;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  transform: scaleX(0.6) scaleY(0.6);
}


.my-hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  background: #000000;
  border-radius: 0px;
  opacity: 1;

	right:0;
  transform: rotate(0deg);
  transition: .15s ease-in-out;
}



/* Icon 4 */

.my-hamburger span:nth-child(1) {
  top: 0px;
	width: 150%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.my-hamburger span:nth-child(2) {
  top: 18px;
	width: 120%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.my-hamburger span:nth-child(3) {
  top: 36px;
	width: 100%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.my-hamburger.open span:nth-child(1) {
  top: 0px;
	width: 100%;
}

.my-hamburger.open span:nth-child(2) {
  top: 18px;
	width: 100%;
}

.my-hamburger.open span:nth-child(3) {
   top: 36px;
	width: 100%;
} 


.et_pb_code_1_tb_header  {
    width: auto!important;
    position: absolute !important;
    top: -78px!important;
    bottom: auto;
    right: 0 !important;
    left: auto!important;
}

@media all and (min-width:768px) {
.hamburger-home {
top:-57px!important;	
}
}



/* header alignment */
#my-header .et_pb_column {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}


#my-header .et_pb_menu {
    flex-grow: 1;
}


/* menu overlay section */
body:not(.et-fb) div#mobile-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
	overflow:hidden;
	transition: all .3s ease-in-out;
	opacity:0;
	visibility:hidden;
}


body:not(.et-fb) div#mobile-overlay.open {
  opacity:1;
  visibility: visible;
  z-index: 99999;
}


#mobile-overlay {
  padding-top: 80px !important;
}



/* menu overlay section for 404 pages*/
body:not(.et-fb) #et-boc div#mobile-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
	overflow:auto;
	transition: all .3s ease-in-out;
	opacity:0;
	visibility:hidden;
}


body:not(.et-fb) #et-boc div#mobile-overlay.open {
  opacity:1;
  visibility: visible;
  z-index: 99999;
}



/* Display menu module vertically */
.dl-v-menu .et_pb_menu_inner_container,
.dl-v-menu .et_pb_menu__wrap,
.dl-v-menu .et_pb_menu__menu,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
    display: block!important;
}
.dl-v-menu .et_mobile_nav_menu {
    display: none;
}

/* Remove the default Styling from sub-menus */
#page-container .dl-v-menu ul.sub-menu {
    position: relative;
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 0;
    width: auto;
    border-top: none;
    box-shadow: none;
    display:none;
    transition: none;
}
#page-container .dl-v-menu ul.sub-menu a {
    text-transform: none;
    background:none;
}
.dl-v-menu .menu-item-has-children>a:first-child:after {
    display: none;
}

/* Adjust the width of menu items */
#page-container .dl-v-menu li {
    display: block;
    width: fit-content;
}
#page-container .dl-v-menu li a {
    width:fit-content;
    display: inline-block;
}

/* Style the sub-toggle */
span.dl-sub-toggle {
    font-family: 'ETmodules';
    display: inline-block;
    line-height: 17px;
    text-align: center;
    width: 15px;
    height: 20px;
    border: none;
    transform: scale(3);
    transition: .3s ease;
    cursor:pointer;
	color:#000000;
}
.toggled > span.dl-sub-toggle {
    transform: scale(3) rotate(180deg);
	line-height: 22px;
}

#page-container .dl-v-menu ul.sub-menu a {
    text-transform: none;
    background: none;
	letter-spacing:0px;
    font-size: 23px;
    line-height: 1.3em;
    font-family: 'Nudica Medium';
	width:400px!important;
}

.et_pb_menu_1_tb_header.et_pb_menu.cta-button ul li a {
	color: #e3cc9f!important;
}


@media screen and (min-width: 981px) {
    #mobilesmenu .et-menu li:not(.mega-menu) ul, #top-menu li:not(.mega-menu) ul {
        width: 300px !important;
    }
}


/*UNDERLINE HOVER*/
.underline a {
  text-decoration: underline 0.05em rgba(255,255,255,0);
  text-underline-offset: 0.2em;
  transition: text-decoration-color 300ms, text-underline-offset 300ms;
}

.underline a:hover {
  text-decoration-color: #ffffff;
  text-underline-offset: 0.3em;
}

.underline-black a {
  text-decoration: underline 0.08em rgba(255,255,255,0);
  text-underline-offset: 0.1em;
  transition: text-decoration-color 300ms, text-underline-offset 300ms;
}

.underline-black a:hover {
  text-decoration-color: #000000;
  text-underline-offset: 0.4em;
}



/*KONTAKTFORMULAR*/
.gform_required_legend {
	display:none;
}

.gform_wrapper.gravity-theme .gfield_label {
font-weight: 500!important;

}


.center-text.et_pb_module.et_pb_text_align_left {
    text-align: center!important;
}

.dipi_gravity_forms_styler_0 .gform_wrapper .gfield .ginput_container input:not(.gfield-choice-input) {
        border-bottom-width: 1px;
        border-bottom-color: #FFFFFF;
	border-radius:0px!important;
-webkit-border-radius: 0px!important;
    }

.dipi_gravity_forms_styler_0 .gform_wrapper .gfield textarea.textarea {
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 0px!important;
}

.dipi_gravity_forms_styler_0 .gform_wrapper .ginput_container_multiselect select, .dipi_gravity_forms_styler_0 .gform_wrapper .gfield textarea.textarea {
    margin-top: 20px;
}


.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {
  color: rgba(255,255,255,0.71);
text-decoration: underline;
}


/*PERSONIO */
.inside-article {
    padding-top: 100px;
    padding-bottom: 100px;
}

.inside-article .entry-content p {
    font-size: 18px;
    line-height: 1.6em;
	padding-bottom:20px;
	color:#000000;
}

.inside-article .entry-content ul {
    list-style-type: disc;
    padding: 0 0 23px 1em;
    line-height: 26px;
    font-size: 18px;
	color:#000;
}

a.personio-integration-application-button {
    color: #fff;
    background: #7DD7D3;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 100px;
	font-size:16px;
}

.personio-integration-application-button {
    margin-top: 45px;
}

.personio-integration-back-button {
    margin-left: 1em;
    color: #fff;
    background: #3D474D;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 100px;
	font-size:16px;
}

body.personioposition-template-default.single.single-personioposition {
    background: #ECECEE;
}