/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.5.0.1647342887
Updated: 2022-03-15 12:14:47

*/


/***** JOBS PERSONIO INTEGRATION *****/


.error {
    border: 2px solid #C36;
    padding: 1rem;
    text-align: center;
}

.filtercontainer {
    width: 100%;
    margin-bottom: 3em;
    background-color: #212121;
    color: white;
    padding: 50px;
}

.filtercontainer .filtertitle {
  color: #fff;
  font-family:'Corporate A Condensed' !important;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.filterrow {
  display: flex;
}

.filtercol {
  flex: 1 1;
  padding: 0 1rem;
}

.resultscontainer {
    background: #fff;
    padding: 3rem;
    margin-bottom: 1.5rem;
}

.jobdate {
  width: 10rem;
  float: left;
  font-family:'Corporate A Condensed' !important;
  font-size: 1.4rem;
}

.jobteaser {
  width: 100%;
  float: left;
}

.jobtitle {
  font-family:'Corporate A Condensed' !important;
  background: linear-gradient(to right, rgba(151,108,255,1) 0%, rgba(220,38,127,1) 50%, rgba(151,108,255,1) 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    transition: 0.5s;
    background-size: 200% auto !important;
    background-position-x: left;
  font-size: 2rem;
	width: 100%;
display: inline-block;

}

.jobtitle:hover {
    background-position-x: right !important;
}
.jobquickfacts .quickfact {
  display: inline-block;
}

.jobquickfacts .quickfact::after {
  content:'·';
  display: inline-block;
  margin: 0 0.5rem;
}

.jobquickfacts .quickfact:last-of-type::after {
  content:'';
  margin: 0;
}

.singlejobcontainer {
    width: 100%;
    margin-bottom: 1em;
    background-color: #212121;
    color: white;
    padding: 50px;
}

.backbtn {
  margin-bottom: 3rem;
  display: inline-block;
}

.singlejobtitle {
    display: block;
    text-align: center;
    font-size: 1.8rem;
}

.singlejobcontainer hr {
    margin: 1rem 0;
    height: 2px;
    background: #fff;
    display: block;
    width: 100%;
    border: 0;
}

.jobref {
    margin-bottom: 1rem;
}

.descplot {
    margin-bottom: 1rem;
}

.desctitle {
    font-weight: bold;
    font-size: 1.4rem;
    text-decoration: underline;
    margin-bottom: 0.5rem;
}

.singlejobcontainer ul {
  margin: 0.5rem 0;
}

.singlejobcontainer ul li::marker {
  color:#6EC1E4;
}

.applicationcontainer {
  display: block;
}

.applicationcontainer form {
  display: block;
  max-width: 100%;
    width: 50rem;
    margin: 0 auto;
}

.applyform {
    background: #292929;
    padding: 2rem;
    margin-top: 4rem;
}

.applyform h4 {
  text-align: center;
}

.applynow, #submitButton {
    display: block;
    max-width: 100%;
    width: 50rem;
    background: linear-gradient(to right, rgba(55,157,238,1) 0%, rgba(0,206,185,1) 50%,rgba(55,157,238,1) 100%);
    margin: 2rem auto;
    text-align: center;
    padding: 0.5rem;
    font-size: 1.4rem;
    color: #fff !important;
    transition: 0.5s;
  background-size: 200% auto;
  border: 0;
}

input[type="file"] {
    background: #fff;
    padding: 0.5rem 1rem;
    color: #000;
    border: solid 1px #666666;
border-radius: 3px;
}

#dataprot {
    width: 1rem;
    margin-top: 0.4rem;
}

.applynow:hover, #submitButton:hover, .gsk-dropdownbox .filterbtn:hover {
    background-position: right center;
  -webkit-text-fill-color: white;
}

.formcol {
  margin: 0 0 1rem 0;
}

.formcol:after {
  display: block;
  content: '';
  clear: both;
}

.formcol label {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 1rem;
    line-height: 1.4rem;
}

.formcol input, .formcol select {
    width: 50%;
    float: left;
}

@media (max-width: 768px){
  .singlejobcontainer, .filtercontainer {
    padding: 1rem;
  }

  .formcol label {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: left;
  }

  .formcol input, .formcol select {
      width: 100%;
  }

  .jobteaser, .jobdate {
    width: 100%;
  }

  .resultscontainer {
    padding:1.5rem;
  }

  .jobtitle {
    font-size: 1.5rem;
    line-height: 1.4em;
  }

  .gsk-dropdownbox {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 1rem !important;
  }

  .gsk-dropdownbox .optioncontainer {
    padding: 1rem 1rem 5rem 1rem !important;
  }
}

.clear {
  clear: both;
}

.filtertitle span {
  font-size: 1rem;
}

.filterwrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}

.filterwrapper .col50:after {
  content: '';
  display: block;
  clear: both;
}

.gsk-dropdownbox {
    display: block;
    width: 46%;
    position: relative;
    margin: 0rem 0;
    float: left;
    margin-right: 4%;
}

.gsk-dropdownbox:after {
  content:'';
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(65deg, #379DEE, #976CE1);
}

.filterwrapper .col50 {
    width: 100%;
}

.gsk-dropdownbox .titel {
  color: #7a7a7a;
  position: relative;
  font-family: 'Corporate A Condensed' !important;
  font-size: 1.2rem;
  padding: 0.4rem 0;
  cursor: pointer;
}

.gsk-dropdownbox .titel:hover {
  cursor: pointer;
}

.gsk-dropdownbox .titel:after {
  content:url(images/icon_dropdown.png);
  position: absolute;
  right: 0;
  bottom: 0.2rem;
}

.gsk-dropdownbox .optioncontainer {
  display: none;
  background: #000;
  color: #fff;
  padding: 2rem 2rem 5rem 2rem;
  position: absolute;
width: 100%;
box-sizing: border-box;
z-index: 10;
margin-top: 2px;
}

.gsk-dropdownbox .auswahl-sum {
  border-bottom: 1px solid #c8c8cd;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  display: none;
  color: #fff;
}

.gsk-dropdownbox .auswahl-sum.has-items {
  display: block;
}

.gsk-dropdownbox .auswahl-sum a {
  float: right;
}

.gsk-dropdownbox .filterbtn {
  color: #fff;
  background: linear-gradient(to right, rgba(55,157,238,1) 0%, rgba(0,206,185,1) 50%,rgba(55,157,238,1) 100%);
      transition: 0.5s;
  background-size: 200% auto;
  margin: 0 auto;
  display: inline-block;
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1rem;
}

.auswahlcontainer label {
  color:#fff;
}

.gsk-dropdownbox.aktiv .titel::after {
  transform: rotateX(180deg);
}

.gsk-dropdownbox.aktiv .optioncontainer {
  display: block;
}

form[name="filter"] {
  display: inherit;
width: 100%;
height: auto;
}


/* Create a custom checkbox */
.optioncontainer .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color:#000;
  border:1px solid #6EC1E4;

}

/* On mouse-over, add a grey background color */
.optioncontainer label:hover input ~ .checkmark {
  background: linear-gradient(to right, rgba(55,157,238,1) 0%, rgba(0,206,185,1) 50%,rgba(55,157,238,1) 100%);
  cursor: pointer;
}

/* When the checkbox is checked, add a blue background */
.optioncontainer label input:checked ~ .checkmark {
  background-color: #000;
  border:1px solid #6EC1E4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.optioncontainer label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.optioncontainer label .checkmark:after {
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border: 0;
    background: #fff;
}

.optioncontainer label {
    position: relative;
    padding-left: 1.5rem;
    display: block;
    margin: 0.75rem 0;
}

.optioncontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    left: 0;
}

.jobdate {
    display:none;
}

.page-id-28 {
	background-color: #F7F7F7;
}

/*TEXT GRADIENT for Image Accordion*/
.img-accordion-title {
	background: #379dee;
	
    background: linear-gradient(to right, #379dee 0%, #976ce1 100%) !important;
    background-clip: text !important;
    text-fill-color: transparent !important;
	
	background: -webkit-linear-gradient(left, #379dee 0%, #976ce1 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-box-decoration-break: clone;
    
}