@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("blocks/companys.css");
@import url("blocks/single-unternehmen.css");
@import url("blocks/dashboard.css");
@import url("blocks/dashboard.css");
@import url("blocks/schulungen.css");
@import url("blocks/auswertungen.css");
@import url("blocks/aufgaben.css");

:root {
  --color-blue: #5787ee;
  --color-light-blue: #f1f6f9;
  --color-half-blue: #e3ecf3;
  --black: #060b0e;
  --grey: #cfd4d9;
  --white: #fff;
  --gold: #eaba6b;
}

main {
  min-height: 70vh;
}

.color-white {
  color: var(--white);
}

a {
  cursor: pointer;
  text-decoration: none;
  color: var(--color-blue);
}

.bg_blue {
  background-color: var(--color-blue);
}

.btn-outline-primary {
  border: solid 2px var(--color-blue) !important;
}

.btn-outline-primary:hover {
  border: solid 2px var(--color-blue) !important;
  background-color: var(--color-blue) !important;
  color: white !important;
}

/*
******************************
default settings DO NOT change 
******************************
*/

.layout-60 .layout-60__inner {
  width: 60%;
  max-width: 1200px !important;
}

@media (max-width: 1200px) {
  .layout-60__inner {
    width: 80%;
    max-width: none;
  }
}

@media (max-width: 1024px) {
  .layout-60 .layout-60__inner {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .layout-60 .layout-60__inner {
    width: 100%;
  }
}

.block-my-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.block-my-default {
  padding-top: 2.1875rem !important;
  padding-bottom: 2.1875rem !important;
}
.block-my-80-0 {
  padding-top: 2.1875rem !important;
  padding-bottom: 0 !important;
}
.block-my-0-80 {
  padding-top: 0 !important;
  padding-bottom: 2.1875rem !important;
}

@media (min-width: 768px) {
  .block-my-default {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important;
  }
  .block-my-80-0 {
    padding-top: 4.375rem !important;
    padding-bottom: 0 !important;
  }
  .block-my-0-80 {
    padding-top: 0 !important;
    padding-bottom: 4.375rem !important;
  }
  .block-my-extra {
    padding-top: 9.375rem !important;
    padding-bottom: 9.375rem !important;
  }
}

.padding-my-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.padding-my-default {
  margin-top: 2.1875rem !important;
  margin-bottom: 2.1875rem !important;
}
.padding-my-80-0 {
  margin-top: 2.1875rem !important;
  margin-bottom: 0 !important;
}
.padding-my-0-80 {
  margin-top: 0 !important;
  margin-bottom: 2.1875rem !important;
}
.padding-my-80-80 {
  margin-top: 2.1875rem !important;
  margin-bottom: 2.1875rem !important;
}

@media (min-width: 768px) {
  .padding-my-default {
    margin-top: 4.375rem !important;
    margin-bottom: 4.375rem !important;
  }
  .padding-my-80-0 {
    margin-top: 4.375rem !important;
    margin-bottom: 0 !important;
  }
  .padding-my-0-80 {
    margin-top: 0 !important;
    margin-bottom: 4.375rem !important;
  }
  .padding-my-80-80 {
    margin-top: 4.375rem !important;
    margin-bottom: 4.375rem !important;
  }
  .padding-my-extra {
    margin-top: 9.375rem !important;
    margin-bottom: 9.375rem !important;
  }
}

@media (min-width: 1920px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1720px;
  }
}

@media (min-width: 1720px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1520px)/2);
  }
}

@media (min-width: 1520px) and (max-width: 1920px) {
  .container-lg {
    max-width: 1400px;
  }
}

.dw_padding_left {
  padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_padding_right {
  padding-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left {
  margin-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right {
  margin-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left_child .has_content:first-child {
  padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right_child .has_content:last-child {
  margin-right: max(0px, (100vw - 1320px)/2);
}

@media only screen and (min-width: 992px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 960px)/2);
  }
}

@media only screen and (min-width: 1140px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 960px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 960px)/2);
  }
}

@media only screen and (min-width: 1200px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1140px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 1140px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 1140px)/2);
  }
}

@media only screen and (min-width: 1400px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1320px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 1320px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 1320px)/2);
  }
}

@media only screen and (min-width: 1920px) {
  .dw_padding_left {
    padding-left: max(0px, (100vw - 1720px)/2);
  }

  .dw_padding_right {
    padding-right: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_left {
    margin-left: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_right {
    margin-right: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_left_child .has_content:first-child {
    padding-left: max(0px, (100vw - 1720px)/2);
  }

  .dw_margin_right_child .has_content:last-child {
    margin-right: max(0px, (100vw - 1720px)/2);
  }
}

@media only screen and (max-width: 992px) {
  .dw_padding_left {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dw_padding_right {
    padding-right: 24px;
    padding-left: 24px;
  }

  .dw_margin_left {
    margin-left: 24px;
  }

  .dw_margin_right {
    margin-right: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .offcanvas-body.dw_padding_left {
    padding-left: 48px;
  }
}

.jet-form-builder__field,
input,
select {
  padding: 13px 16px 13px 16px;
  border: solid 1px var(--grey);
  font-size: 1rem;
  border-radius: 0.375rem;
  margin-top: 5px !important;
}

.btn-primary,
.wp-block-button__link,
.jet-form-builder__action-button {
  background-color: var(--color-blue);
  color: var(--white);
  border-radius: 20px;
  padding: 13px 16px 13px 16px !important;
  border: solid 1px var(--color-blue);
  transition: all 0.5s;
}

.btn-primary:hover,
.wp-block-button__link:hover,
.jet-form-builder__action-button:hover {
  background-color: var(--white);
  color: var(--color-blue);
  border-radius: 20px;
  padding: 13px 16px 13px 16px;
  border: solid 1px var(--color-blue) !important;
}

.text-btn {
  background: transparent !important;
  padding: 0px;
  border: none;
  color: var(--color-blue);
}

.text-btn:hover {
  background: transparent !important;
  padding: 0px;
  border: none;
  color: var(--color-blue);
}

.jet-form-builder-advanced-media__browse {
  border: none !important;
}

.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none !important;
  outline: 0px;
}

.acf-repeater-add-row::before {
  content: "+ ";
}

.select2-container .select2-selection--multiple {
  min-height: 38px !important;
}

.acf-repeater-add-row {
  padding: 13px 16px 13px 16px;
  margin-bottom: 10px;
}

.acf-repeater .acf-row-handle {
  background: var(--color-light-blue) !important;
  color: var(--black) !important;
  text-shadow: none;
}

.acf-row:nth-child(2n) .acf-row-handle {
  background: var(--grey) !important;
}

.acf-accordion .acf-accordion-title:hover {
  background: var(--color-light-blue) !important;
}

.acf-accordion .acf-label label {
  color: var(--black) !important;
  font-size: 16px;
}

.acf-accordion-title label {
  opacity: 1;
  font-size: 18px !important;
  font-weight: bold !important;
}

label[for="acf-field_68cbc4b8cb06d"] {
  opacity: 1;
  font-size: 18px !important;
  font-weight: bold !important;
}

.copy_url {
  cursor: pointer;
}

.select2-container {
  width: 100% !important;
}

.select2-selection__choice {
  padding-left: 24px !important;
}

.accordion-button:hover {
  border-radius: 0px !important;
}

.select2-selection__choice {
  padding-right: 10px !important;
}


.small_upload_btn {
  position: absolute;
  right: 0;
  top: 0px;
  padding: 5px !important;
  transform: translate(0px, -5px);
  font-size: 12px;
}