/* Contact form custom styles */
.wpcf7-form-control {
    border: 1px solid #9FA3B9 !important;
    border-radius: 8px !important;
    margin-top: 10px !important;
}

.wpcf7-text {
    height: 42px !important;
}

.wpcf7-textarea {
    height: 150px !important;
}

.wpcf7-form {
    p {
        margin-bottom: 20px !important;
    }
}

.wpcf7-submit {
    font-size: 14px !important;
    line-height: 17px !important;
    font-weight: 600 !important;
    padding: 13px 29px !important;
    margin-top: 30px !important;
    border: none !important;
    border-radius: 4px 4px 4px 4px !important;
    @media screen and (max-width: 640px) {
        width: 100% !important;
    }
}

.wpcf7-spinner {
    top: 22px;
}

.wpcf7-text, .wpcf7-textarea {
    color: #101851 !important;
    font-size: 16px !important;
}

/* *********** Kontakt form *********** */

.consultancy-form-wrap .form-field-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.consultancy-form-wrap .form-field-group.anrede {
    width: 33%;
    @media screen and (max-width: 640px) {
        width: 45%;
    }
}

.consultancy-form-wrap .form-field-group .telefon {
    display: flex; 
    flex-direction: row;
    gap: 16px;
}

.consultancy-form-wrap .form-field-group .telefon .select {
    flex: 0.4;
}

.consultancy-form-wrap .form-field-group .telefon .input {
    flex: 3;
}

.consultancy-form-wrap .form-field-group.name {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.consultancy-form-wrap .form-field-group.name span {
    flex:1;
}


.contact-form-wrap label input, .consultancy-form-wrap input, .consultancy-form-wrap select {
    padding: 0 15px;
    background-color: var(--form_bg_color);
    outline: 0;
    font-size: 15px;
    height: 38px;
    color: #101851;
    border: 1px solid #b2b5c6;
    border-radius: 8px;
    margin-top: 5px;
  }

  .consultancy-form-wrap input:focus {
    border: 1px solid #85b4f5;
    box-shadow: 0 0 8px rgb(214 231 254);
  }

  .label {
    font-weight: 500;
  }

  .consultancy-form-wrap input[type="checkbox"] {
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    width: 16px;
    height: 16px;
    display: inline-block;
  }

  .consultancy-form-wrap .product-checkbox-wrapper {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 16px;
    margin-bottom:0.5em;
    @media screen and (max-width: 640px) {
        display: flex;
        flex-direction: column;
    }
  }

  .consultancy-form-wrap .product-checkbox input {
    flex-shrink: 0;
    margin-top:3px;
  }

  .consultancy-form-wrap .product-checkbox {
    display:flex;
    align-items:flex-start;
    gap:8px;
    cursor:pointer;
    font-size: 14px;
  }

  .consultancy-form-wrap .time-preference-wrap {
    display: flex;
    gap: 8px;
    padding: 30px 0px;
    flex-direction: column;
  }

  .consultancy-time-btn span {
    display:inline-block;
    padding:6px 18px;
    border:1px solid #ccc;
    border-radius:8px;
    user-select:none;
    font-size: 15px;
  }

  .consultancy-time-btn.active span,
  .consultancy-time-btn input:checked~span {
    background-color: #072ADE;
    color: #fff;
    border: 1px solid #072ADE
  }   

  .consultancy-time-btn span:hover {
    background-color: #E0EDFF;
    color: #101851;
    border: 1px solid #85b4f5;
  }

  .time-preference-wrap .time-groups {
    display: flex;
    gap: 16px;
  }
  
  .contact-form-wrap textarea, .consultancy-form-wrap textarea{
    width: 100%;
    padding: 8px 15px;
    box-sizing: border-box;
    margin-right: 0;
    background-color: var(--form_bg_color);
    color: #101851 !important;
    font-size: 15px !important;
    height: 150px !important;
    border: 1px solid #9fa3b9 !important;
    border-radius: 8px !important;
    margin-top: 10px !important;
  }
  
  .consultancy-form-wrap input[type="submit"] {
    cursor: pointer;
    padding: 15px;
    font-size: 15px;   
    border-radius: 10px;
    background: #163BFB;
    color: #fff;
    border: none;
    height: unset;
    line-height: 0.7;
    margin-bottom: 5px;
  }

  .consultancy-form-wrap input[type="submit"]:hover {
    background: #072ADE;
  }

  .consultancy-submit-wrap {
    display: flex;
    justify-content: end;
    margin-top: 30px;
  }
  
  .consent-wrap {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    cursor: pointer;
    font-size: 14px;
  }

  .consent-wrap input[type="checkbox"] {
    margin-top:3px;
    flex-shrink:0;
  }

  .consent-wrap span a {
    color: #163BFB;
    text-decoration: underline;
  }

  .consent-wrap span a:hover {
    color: #0424c8;
    text-decoration: underline;
  }
  
  .contact-form-wrap .error, .consultancy-form-wrap .error {
    color: #dc3232;
    font-size: 13px;
    display: inline;
  }

  .consultancy-form-wrap .input-error {
    border: 1px solid #dc3232 !important;
  }

  .contact-form-wrap .kontakt-form-response, .consultancy-form-wrap .kontakt-form-response {
    background-color: #dff0d8;
    border: 1px solid #5ca340;
    color: #5ca340;
    border-radius: 0px 0px 0px 0px;
    padding: 25px;
    text-transform: uppercase;
    text-align: center;
  }
  
  /* *********** end of Kontakt form *********** */

/* *********** newsletter *********** */
@media screen and (max-width: 640px) {
    .fusion-footer .fusion-column-last { /* newsletter order = second */
        order: -1;
    }
    .fusion-footer .fusion-column:nth-child(1) { /* about us order = first */
        order: -2;
    }
}

.fusion-footer .fusion-footer-widget-area .fusion-row .fusion-columns {
    display: flex; /* Set order for the newsletter */
}

.newsletter-wrapper p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.newsletter-wrapper .email-button-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
}

.email-button-group input.newsletter-email {
    padding: 20px;
    margin-top: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: none;
    color: #676767;
}

.email-button-group p.sib-email-area {
    margin: 0px;
    flex: 1;
}

.sib-default-btn {
    padding: 12px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    margin: 0px ;
    color: #fff !important;
    border: none !important;
}

.newsletter-acceptance {
    font-size: 12px;
}

.sib-acceptance a {
    display: inline-block;
    text-decoration: underline;
}

.sib-acceptance input[type="checkbox"] {
    margin-left: 0px;
}

form#sib_signup_form_1 {
    padding: 0px;
}

.newsletter-wrapper .wpcf7-form-control {
    margin: 0 !important;
    border: none !important;
}

.newsletter-wrapper input[data-form-type="email"] {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    position: relative;
    width: calc(100% + 20px) !important;
    right: -5px;
    left: 0px;
    font-size: 14px !important;
    font-weight: 400;
}

.newsletter-wrapper p:nth-of-type(2) {
    display: flex;
    position: relative;
}

.newsletter-accordion-toggle {
    font-size: 12px;
    margin: 0px !important;
    opacity: 0.6;
    color: white;
}

.newsletter-accordion-toggle:hover {
    opacity: 1;
    cursor: pointer;
}

.newsletter-accordion-toggle i {
    margin-right: 8px;
}

.newsletter-accordion-content {
    font-size: 11px;
    line-height: 16px;
}

.newsletter-accordion-content a {
    display: inline-block;
    max-height: 15px;
    text-decoration: underline;
}

.newsletter-form-response {
    font-size: 12px;
    line-height: 16px;
    display: none;
}

.newsletter-form-response strong {
  color: white;
}

.inline-newsletter-wrapper .newsletter-form-response strong {
  color: #101851;
}

#newsletter_submit.disabled, #inline_newsletter_submit.disabled, #header_newsletter_submit.disabled {
  background-color: #9ea0b5;
  cursor: not-allowed;
}

#newsletter_submit.active, #inline_newsletter_submit.active, #header_newsletter_submit.active {
  background-color: blue;
  cursor: pointer;
}

/* *********** end of newsletter *********** */

/* *********** inline and header newsletter *********** */

.inline-newsletter-form-response, .header-newsletter-form-response {
    display: none;
    font-size: 13px;
}

.inline-newsletter-title, .header-newsletter-title {
    font-weight: 700;
    line-height: 19.5px;
    font-size: 16px;
    margin-bottom: 5px !important;
}

.inline-newsletter-subtitle, .header-newsletter-subtitle {
    line-height: 15px;
    font-size: 12px;
    margin-bottom: 15px !important;
}

.inline-newsletter-email[type="email"], .header-newsletter-email[type="email"] {
    border-radius: 4px;
    height: 40px;
    margin-bottom: 10px;
    color: #101851;
}

.inline-newsletter-acceptance, .header-newsletter-acceptance {
    font-size: 12px;
    line-height: 15px;
}

.inline-newsletter-acceptance a, .header-newsletter-acceptance a {
    color: #101851 !important;
    text-decoration: underline;
}

.inline-newsletter-acceptance input[type="checkbox"], .header-newsletter-acceptance input[type="checkbox"] {
    margin-left: 0px;
}

.inline-newsletter-accordion-toggle, .header-newsletter-accordion-toggle {
    font-size: 12px;
    margin: 0px !important;
    color: #000731;
    opacity: 0.7;
}

.inline-newsletter-accordion-toggle:hover, .header-newsletter-accordion-toggle:hover  {
    opacity: 1;
    cursor: pointer;
}

.inline-newsletter-accordion-toggle i, .header-newsletter-accordion-toggle i {
    margin-right: 8px;
}

.inline-newsletter-accordion-content, .header-newsletter-accordion-content  {
    font-size: 11px;
    line-height: 16px;
}

.inline-newsletter-accordion-content a, .header-newsletter-accordion-content a {
    display: inline-block;
    max-height: 15px;
    text-decoration: underline;
    color: #101851;
}

.inline-newsletter-btn, .header-newsletter-btn {
    border-radius: 4px !important;
    color: white;
    width: 100%;
    border: none;
    padding: 12px 29px;
    margin-top: 15px;
}

.full-opacity {
    opacity: 1;
}


/* *********** end of inline newsletter *********** */
@media screen and (max-width: 640px) {

    .contact-form-wrap, .consultancy-form-wrap{
      padding: 0 15px 0 0;
    }
    .search-error h3 {
        margin: 40px 0px 10px 0px !important;
    }
  }
  
  .search-error h3 {
      font-size: 32px !important;
      line-height: 38px !important;
      margin: 0px 0px 10px 0px;
  }
  
  .search-error p {
      margin-bottom: 40px;
  }
  
  .search-error .fusion-search-form-content {
      display: flex;
  }
  
  .search-error form input {
      width: 100% !important;
  }
  
  .fusion-button::after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
  }
  
  @media (max-width: 767px) {
      .search-button .search-button-text {
          display: none;
      }
      .search-button::after {
          content: "\f002";
          display: inline-block;
      }
  
      /* search results */
      .search-read-more {
        width: fit-content !important;
      }
  
      .fusion-meta-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
  }
  
  .fusion-recent-posts h4, .related-post-wrapper h4 {
      font-size: 16px !important;
      line-height: 20px !important;
  }
  
  body.page-template .post-content > div:first-child {
      margin-bottom: 0px !important;
      margin-top: 0px !important;
  }
  
  /* ******************** ********* ******************** */
  /* ******************** Accordion ******************** */
  /* ******************** ********* ******************** */
  
  .accordian.fusion-accordian i.fa-fusion-box.active-icon,
  .accordian.fusion-accordian i.fa-fusion-box.inactive-icon {
      color: #1a73e8 !important;
      background-color: transparent !important;
      padding: 0;
      border-color: unset;
  }
  .accordian.fusion-accordian i.fa-fusion-box.inactive-icon:before {
    content: "\f107" !important;
      font-family: awb-icons !important;
      font-weight: 400;
  }
  
  .accordian.fusion-accordian .fusion-panel {
      box-shadow: none;
      border: none !important;
      border-bottom: 1px solid #e0dede !important;
      border-radius: 0;
      background-clip: padding-box;
      margin-bottom: 0px !important;
      background-color: unset !important;
  }
  
  .accordian.fusion-accordian .panel-title a {
      padding: 15px 0px !important;
  }
  .accordian.fusion-accordian i.fa-fusion-box.active-icon:before {
      content: "\f106" !important;
      font-family: awb-icons !important;
      font-weight: 400;
  }
  
  .accordian.fusion-accordian .panel-title .inactive .fa-fusion-box, .accordian.fusion-accordian .panel-title a:not(.inactive):hover .fa-fusion-box {
      background-color: transparent !important;
      border-color: unset !important;
  }
  
  .accordian.fusion-accordian .panel-title a:not(.inactive):hover, .fusion-toggle-boxed-mode:hover .panel-title a,
  #weitere-fragen, #fragen {
      color: #1f2352 !important;
  }
  
  #weitere-fragen, #fragen {
      font-size: 24px;
      font-weight: 700;
  }
  .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-body {
      padding-left: 0px !important;
  }
  
  .accordian.fusion-accordian a {
      color: #1a5dff;
  }
  
  #closeFaqToggles {
      cursor: pointer;
      color: #767989;
  }
  
  #closeFaqToggles i {
      margin-left: 10px;
  }
  
  .fusion-header {
      background: #fff; /* To fix transparent background of header after static generation with simply static */
  }