/*
Theme Name:   budigital Child Theme
Theme URI:    https://bundesweit.digital/
Description:  budigital Child Theme
Author:       bundesweit.digital GmbH
Author URI:   https://bundesweit.digital/
Template:     budigital
Version:      1.1.1
*/

html #wpadminbar {
  overflow: hidden;
}

/* =======================================
| Global
======================================= */

img {
  max-width: 100%;
}

.budi-processing {
  position: relative;
  opacity: 0.6;
}

.budi-processing::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("/wp-admin/images/spinner-2x.gif") no-repeat center center;
}

/* BG Color */
.fill-row-color-custom-2 {
  background-color: var(--color-custom-2);
}

.fill-row-color-custom-2-50-before::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-custom-2);
  opacity: 0.5;
}

.job-summary-container-100e.fill-row-color-custom-2-50-before::before {
	border-radius: 20px 0px 0px 20px;
}

/* Remove Padding */
.vc_section.vc_section-has-fill,
.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
.vc_section.vc_section-has-fill + .vc_section,
.vc_column-inner {
  padding-top: 0 !important;
}

/* Typography */
.text-color-main-100e {
  color: var(--color-main);
}

.text-color-sub-100e {
  color: var(--color-sub);
}

a,
button {
  transition: all 0.3s;
}

a:focus,
button:focus {
  outline: 0;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  text-align: unset;
  line-height: 1.15em;
}

h1,
h2 {
  font-size: 54px;
}

h3 {
  font-size: 32px;
}

@media (max-width: 1200px) {
  h1,
  h2 {
    font-size: 45ox;
  }

  h3 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  h1,
  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
  }
}

/* Opacity */
.opacity-53 {
  opacity: 0.53;
}

/* Budi Button */
.budi_button a.btn.standard,
.budi_button a.btn.outline {
  border: 3px solid var(--color-main);
  max-height: 55px;
  min-width: 185px;
  padding: 10px 24px;
}

.budi_button a.btn.standard:hover {
  border-color: var(--color-sub);
  color: #fff;
}

.budi_button a.btn.outline:hover {
  background-color: var(--color-main) !important;
  color: #fff;
}

.button-2-column-100e > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  flex-direction: row;
}

@media (max-width: 970px) {
  .button-2-column-100e > .wpb_column > .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .button-2-column-100e > .wpb_column > .vc_column-inner > .wpb_wrapper {
    align-items: flex-start;
    gap: 0px;
  }
}

/* Counter Element */
.counter-element-100e.counter-element .counter-element-timer {
  margin-top: 0;
}

.counter-element-100e.counter-element p {
  text-align: left;
}

.counter-element-100e.counter-element p.counter-element-timer {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 40px;
  line-height: 1.125em;
  color: var(--color-main) !important;
}

.counter-element-100e.counter-element p.counter-element-description {
  padding-right: 20px;
  font-size: 14px;
  color: var(--body-text-color) !important;
  opacity: 0.53;
}

/* =======================================
| Global Image Box
======================================= */
/* Image Box */
.img-box-100e__wrapper .wpb_single_image {
  max-width: 100%;
}

.img-box-100e__wrapper.img-box-100e_flex-end .wpb_wrapper,
.img-box2-100e__wrapper.img-box-100e_flex-end .wpb_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.img-box-100e__wrapper .wpb_single_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-box-100e::after {
  content: "";
  position: absolute;
  width: 100%;
  opacity: 1;
  z-index: -1;
}

@media (min-width: 767px) and (max-width: 995px){
  .hero-100e h1{
    font-size: 42px;
  }
}

@media (max-width: 767px) {
  .img-box-100e__wrapper .wpb_single_image {
    width: 100% !important;
    margin: 0px 0px 35px 0px !important;
  }
}

/* =======================================
| Hero
======================================= */
/* image Box */
.img-box-100e__wrapper .img-box-100e_hero {
  width: 485px;
  height: 450px;
  margin-right: 25px;
}

.img-box-100e.img-box-100e_hero::after {
  max-width: 380px;
  height: calc(100% + 80px);
  background-color: var(--color-custom-2);
  top: -40px;
  right: -25px;
}

/* =======================================
| Unsere Top-Services
======================================= */
/* image Box */
.img-box-100e__wrapper .img-box-100e_top-services {
  width: 476px;
  height: 508px;
}

.img-box-100e.img-box-100e_top-services::after {
  max-width: 337px;
  height: 272px;
  background-color: var(--color-main);
  top: -40px;
  left: -40px;
}

/* Checklist */
.top-services-100e .check-list-item {
  align-items: flex-start;
  margin-bottom: 32px;
}

.top-services-100e .check-list-item img {
  width: 155px;
  padding: 11px;
	min-width: 55px;
	max-width: 55px;
  background-color: var(--color-main);
}

.top-services-100e .check-list-item h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: var(--color-sub);
}

.top-services-100e .check-list-item p {
  font-size: 18px;
  color: var(----body-text-color);
  opacity: 53%;
}

/* =======================================
| Unsere Dienstleistungen
======================================= */
.der-services-100e::before {
  content: "";
  background-color: var(--color-main);
  width: 182px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 70px;
}

.single-job .der-services-100e::before {
  top: 45px;
}

@media (max-width: 767px) {
  .der-services-100e::before {
    display: none;
  }
}

/* =======================================
| Job
======================================= */
/* image Box */
.img-box-100e__wrapper .img-box-100e_job {
  width: 375px;
  height: 550px;
  margin-left: 40px;
  margin-top: 40px;
}

.img-box-100e.img-box-100e_job::after {
  max-width: 312px;
  height: calc(100% + (40px * 2));
  background-color: var(--color-main);
  top: -40px;
  left: -40px;
}

@media (max-width: 767px) {
  .img-box-100e__wrapper .img-box-100e_job.wpb_single_image {
    margin: 0px 0px 75px 0px !important;
  }
}

/* =======================================
| Kontaktiere uns
======================================= */
/* image Box */
.img-box-100e__wrapper .img-box-100e_kontakt {
  width: 506px;
  height: 533px;
  margin-left: 25px;
}

.img-box-100e.img-box-100e_kontakt::after {
  max-width: 312px;
  height: 242px;
  background-color: var(--color-main);
  top: -40px;
  left: -25px;
}

/* Right Content */
@media (min-width: 768px) and (max-width: 1350px) {
  .kontakt-100e h2 {
    font-size: 4vw;
  }
}

/* =======================================
| CF7 Style
======================================= */
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
.wpcf7 input[type="date"],
.wpcf7 input[type="file"],
.wpcf7 textarea,
.wpcf7-validates-as-number {
  min-height: 46px;
  padding: 10px 40px;
  color: var(--body-text-color);
  background-color: var(--color-custom-2);
  border: 1px solid rgba(81, 113, 172, 0.4) !important;
  border-radius: 20px 0px 0px 20px;
}

.wpcf7 input[type="file"] {
	border: 1px dashed rgba(81, 113, 172, 0.4) !important;
}

.wpcf7 input[type="file"]::before {
	content: "Lebenslauf hochladen";
    background-color: var(--color-custom-2);
    width: calc(100% - 70px);
	height: 30px;
    display: block;
    position: absolute;
    overflow: hidden;
}

.wpcf7 input[type="file"]::after {
	content: "Hochladen";
    position: absolute;
    right: 0;
    background-color: var(--color-main);
    padding: 5px 14px;
    color: #fff;
    top: 5px;
    right: 5px;
}

.wpcf7 textarea {
  height: 95px;
  padding: 8px 40px;
}

.wpcf7 textarea:focus {
  background-color: var(--color-custom-2);
  opacity: 0.75;
}

div.wpcf7 .wpcf7-submit:disabled {
  background-color: var(--button-color) !important;
  opacity: 0.5 !important;
}

div.wpcf7 .wpcf7-submit {
  font-family: var(--font-button);
  padding: 11px 30px;
  border-radius: 20px;
}

.wpcf7 .wpcf7-form-control:focus {
  outline: 0;
  box-shadow: none;
  border: 0;
}

.wpcf7 ::-webkit-input-placeholder {
  /* Edge */
  color: var(--body-text-color);
}

.wpcf7 :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--body-text-color);
}

.wpcf7 ::placeholder {
  color: var(--body-text-color);
}

/* Acceptance Checkbox */
.wpcf7-form input[type="checkbox"] {
  background-color: var(--color-custom-2);
  opacity: 0.75;
  border: 1px solid rgba(81, 113, 172, 0.4) !important;
  border-radius: 0;
  width: 20px;
  height: 20px;
}

.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item > label {
  display: flex;
  gap: 10px;
}

.wpcf7 div#telefonnummer.col-md-6 {
  padding-right: 7.5px;
}

.wpcf7 div#email.col-md-6 {
  padding-left: 7.5px;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: 14px;
}

.wpcf7 .wpcf7-list-item-label {
  font-weight: 400;
  color: var(--color-custom);
}

/* Make the field of telpon and email 1 row at 1040px */
@media (max-width: 1040px) {
  .col-md-6#telefonnummer,
  .col-md-6#email {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* =======================================
| OFT GESTELLTE FRAGE
======================================= */
.accordion-100e .vc_tta-panel {
  filter: drop-shadow(0px 3px 10px rgba(88, 112, 167, 0.149));
}

.accordion-100e .vc_tta-title-text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.15em;
  color: var(--color-sub);
}

.accordion-100e .vc_active.vc_tta-panel {
  outline: 2px solid var(--color-main);
}

.accordion-100e .vc_tta-panel-title > a,
.accordion-100e .vc_active .vc_tta-panel-title > a {
  /* padding: 24px 24px !important; */
}

.accordion-100e .vc_tta-panel-body,
.accordion-100e .vc_active .vc_tta-panel-body{
  /* padding: 0px 24px 24px !important; */
  border-color: #fff !important;
}

.accordion-100e .vc_tta-panel.vc_active,
.accordion-100e .vc_tta-panel{
  margin-bottom: 15px;
  padding: 4px;
  background: white;
}

.accordion-100e .vc_tta-panel-heading{
  border-color: transparent !important;
  background-color: transparent !important;
}

.accordion-100e .vc_tta-panel-heading:hover{
  background-color: transparent !important;
}

/* Accordion icon */
.accordion-100e .vc_tta-controls-icon {
  width: 15px;
  height: 15px;
}

.accordion-100e .vc_tta-controls-icon::before {
  border-color: var(--color-sub) !important;
}

.accordion-100e .vc_active .vc_tta-controls-icon::before {
  border-color: var(--color-main) !important;
}

/* Single Job Page
===================================== */

/* Hero */
.job-hero-100e__wrapper {
  min-height: 605px;
  overflow: unset !important;
  z-index: 2;
}

.vc_section[data-vc-full-width] > .vc_row.job-hero-100e__container {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -100px;
  padding: 32px 9px;
  box-shadow: 0px 0px 15px rgba(35, 51, 100, 0.08);
  border-radius: 0px 0px 20px 20px;
}

.job-hero-100e__title {
  font-size: 44px;
}

@media (max-width: 1200px) {
  .vc_section[data-vc-full-width] > .vc_row.job-hero-100e__container {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .job-hero-100e__title {
    font-size: 35px;
  }

  .job-hero-100e__subtitle {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .job-hero-100e__title {
    font-size: 30px;
  }

  .vc_section[data-vc-full-width] > .vc_row.job-hero-100e__container {
    padding: 20px 0;
  }
}

/* Job Summary */
.job-summary-container-100e {
  padding: 24px 9px;
	
}


@media (max-width: 767px) {
  .job-summary-container-100e {
    padding: 15px 0;
  }
}

/* Job Form */
.aplication-form-row-100e {
  margin: 0;
  /*padding: 32px 9px;*/
  border: 1px solid var(--color-main);
  box-shadow: 0px 3px 15px var(--color-custom-2);
}

.aplication-form-row-100e .job_form > div:not(:last-child) {
  margin-bottom: 24px;
}

.aplication-form-row-100e .wpcf7 input[type="url"],
.aplication-form-row-100e .wpcf7 input[type="email"],
.aplication-form-row-100e .wpcf7 input[type="tel"],
.aplication-form-row-100e .wpcf7 input[type="text"],
.aplication-form-row-100e .wpcf7 input[type="file"],
.aplication-form-row-100e .wpcf7 textarea,
.aplication-form-row-100e .wpcf7-validates-as-number {
	background-color: var(--color-custom-2);
	border-radius: 0px 20px 20px 0px;
}

.aplication-form-row-100e .wpcf7 textarea {
  min-height: 150px;
}

.aplication-form-row-100e .wpcf7 input[type="file"] {
  border: 1px dashed rgba(81, 113, 172, 0.4) !important;
}

.aplication-form-row-100e .wpcf7 input[type="file"]::before {
  content: "Lebenslauf hochladen";
  background-color: var(--color-custom-2);
  width: calc(100% - 70px);
  display: block;
  position: absolute;
  overflow: hidden;
}

.aplication-form-row-100e .wpcf7 input[type="file"]::after {
  content: "Hochladen";
  position: absolute;
  right: 0;
  background-color: var(--color-main);
  padding: 5px 14px;
  color: #fff;
  top: 5px;
  right: 5px;
	border-radius: 0px 15px 15px 0px;
}

.aplication-form-row-100e .wpcf7 .budi-file-text {
  position: absolute;
  left: 40px;
  z-index: 9;
  background-color: #fff;
  top: 10px;
  width: calc(100% - 190px);
  height: 30px;
}

.aplication-form-row-100e
  .wpcf7
  input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

@media (max-width: 1200px) {
  .aplication-form-row-100e {
    padding: 25px 0;
  }
}

@media (max-width: 767px) {
  .aplication-form-row-100e .wpcf7 input[type="file"]::after {
    right: 5px;
  }

  .aplication-form-row-100e .wpcf7 .wpcf7-form-control {
    font-size: 14px;
  }

  .aplication-form-row-100e .wpcf7 .wpcf7-form-control:not(.wpcf7-acceptance) {
    padding-left: 35px;
  }

  .aplication-form-row-100e .job_form > div:not(:last-child) {
    margin-bottom: 15px;
  }
}

/* UI Styling
===================================== */
.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background-color: var(--color-custom-2);
  border-color: var(--color-main);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: var(--color-main);
  border-color: var(--color-main);
  color: #fff;
}

.ui-datepicker tbody tr:nth-child(even) {
  background-color: #fff;
}

/* Footer Widget
===================================== */
.footer_widget.footer_1 img {
  margin-top: -20px;
}

.footer_widget.footer_4 ul li {
  margin-bottom: 24px;
}

.footer_widget.footer_4 ul li a,
.footer_widget .budi-address {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto;
}

.footer_widget.footer_4 ul li .company-phone-class {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Icon_material-local-phone' data-name='Icon material-local-phone' d='M7.718,11.424a13.465,13.465,0,0,0,5.858,5.858l1.956-1.956a.884.884,0,0,1,.907-.213,10.14,10.14,0,0,0,3.173.507.892.892,0,0,1,.889.889v3.1a.892.892,0,0,1-.889.889A15.11,15.11,0,0,1,4.5,5.389.892.892,0,0,1,5.389,4.5H8.5a.892.892,0,0,1,.889.889A10.1,10.1,0,0,0,9.9,8.562a.892.892,0,0,1-.222.907Z' transform='translate(-4.5 -4.5)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.footer_widget.footer_4 ul li .company-email-class {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16'%3E%3Cpath id='Icon_material-email' data-name='Icon material-email' d='M21,6H5A2,2,0,0,0,3.01,8L3,20a2.006,2.006,0,0,0,2,2H21a2.006,2.006,0,0,0,2-2V8A2.006,2.006,0,0,0,21,6Zm0,4-8,5L5,10V8l8,5,8-5Z' transform='translate(-3 -6)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.footer_widget .budi-address {
  margin-top: 20px;
  background-position: top 5px left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.588' height='20.84' viewBox='0 0 14.588 20.84'%3E%3Cpath id='Icon_material-location-on' data-name='Icon material-location-on' d='M14.794,3A7.289,7.289,0,0,0,7.5,10.294c0,5.471,7.294,13.546,7.294,13.546s7.294-8.076,7.294-13.546A7.289,7.289,0,0,0,14.794,3Zm0,9.9A2.605,2.605,0,1,1,17.4,10.294,2.606,2.606,0,0,1,14.794,12.9Z' transform='translate(-7.5 -3)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

/* FIXES - General */
/*
.budi-leistungen-grid__item a {
	pointer-events:none;
}*/

.budi-leistungen-grid__item {
	min-height: 400px;
}

@media (max-width: 1130px) {
	.budi-leistungen-grid__item {
		min-height: 425px;
	}
}

@media (max-width: 990px) {
	.budi-leistungen-grid__item {
		min-height: 100%;
	}
}

@media (max-width: 400px) {
	.budi-leistungen-grid__item {
		min-height: 425px;
	}
}

.budi-leistungen-grid__item-content .font-weight-bold {
	display:none;
}


/* CUSTOM - Border-radius */
.br-r, .cta-100e-button, .br-r img {
	border-radius: 0px 20px 20px 0px;
}

.br-l, .br-l img{
	border-radius: 20px 0px 0px 20px;
}

/* V1 */
img.vc_single_image-img, .Kontaktformular input,  .Kontaktformular textarea {
	border-radius: 0px 20px 20px 0px!important;
}

.br-l img.vc_single_image-img  {
	border-radius: 20px 0px 0px 20px!important;
}

.budi-leistungen-grid__item, .budi-team-grid__item-image,.budi-job-grid__item, .vc_tta-panel, .budi-testimonial-carousel__item  {
border-radius: 0px 0px 20px 20px!important;
}

.budi-job-grid__item {
	min-height: 412px;
}

@media (max-width: 990px) {
	.budi-job-grid__item {
		min-height: 100%;
	}
}

.budi-testimonial-carousel__item {
	min-height: 385px;
}

@media (max-width: 1024px) {
	.budi-testimonial-carousel__item {
		min-height: 100%;
	}
}

.br-full, .budi_button, a.btn, img.budi-svg, .Kontaktformular .wpcf7-submit, .img-box-100e.img-box-100e_hero::after, .img-box-100e.img-box-100e_top-services::after, .img-box-100e.img-box-100e_job::after, .img-box-100e.img-box-100e_kontakt::after  {
	border-radius: 20px!important;
}

/* V2 */
/*
.br-full, .budi_button, img.vc_single_image-img, a.btn, img.budi-svg, .budi-leistungen-grid__item, .swiper-slide, .budi-team-grid__item-image, .Kontaktformular input, .Kontaktformular .wpcf7-submit, .Kontaktformular textarea, .vc_tta-panel, .budi-job-grid__item, .img-box-100e.img-box-100e_job::after, .img-box-100e.img-box-100e_kontakt::after, .img-box-100e.img-box-100e_top-services::after, .img-box-100e.img-box-100e_hero::after {
	border-radius: 20px!important;
}

.budi-job-grid__item-image,.budi-leistungen-grid__item-image {
	border-radius: 20px 20px 0 0;
}*/

.vc_tta-panel-heading, .vc_tta-panel-body {
	background: transparent!important;
	border: none!important
}

.vc_tta-panel {
	background: white;
}

.der-services-100e::before {
	border-radius: 20px 0 0 20px;
}

/* JOB FORMULAR STELLENAUSSCHREIBUNG */
#job-form.fill-row-color-custom-2 {
	background-color: transparent;
}

#job-form.aplication-form-row-100e {
	border: none;
	box-shadow: none;
}