.floatLeft {
  @include content-img-float(left);
}

.floatRight {
  @include content-img-float(right);
}

.alignCenter {
  @include content-img-align;
}

.alignLeft {
  @include content-img-align(left);
}

.alignRight {
  @include content-img-align(right);
}

.content {
  width: var(--content-width) !important;
  max-width: var(--max-width-content, var(--main-container-max)) !important;
  margin: var(--margin-content) !important;
  padding: var(--padding-conent) !important;
  margin-bottom: var(--margin-bottom-content) !important;
  border: var(--border-content-module);
  background: var(--background-content-module);

  h1,
  h2,
  h3,
  h4,
  h5 {
    scroll-margin-top: calc(var(--nav-height-mobile, 60) + var(--nav-anchor-height, 40));

    @include min(laptop){
      scroll-margin-top: calc(var(--nav-height-desktop, 80) + var(--nav-anchor-height, 40));
    }
  }

  figure {
    margin-bottom: var(--margin-bottom-figure-mobile);

    @include min(tablet) {
      margin-bottom: var(--margin-bottom-figure)
    }
  }


  @include min(tablet) {
    margin: var(--margin-content-min-tablet) !important;
    padding: var(--padding-content-min-tablet) !important;
    margin-bottom: var(--margin-bottom-content-tablet);
  }

  @include min-max(tablet, tablet) {
    padding: var(--padding-content-tablet, var(--padding-content-min-tablet)) !important;
  }

  a {
    text-decoration: var(--a-tagcontent-decoration, auto);
    display: var(--a-tag-content);
    font-size: var(--a-tag-content-size, var(--text-size));
    font-weight: var(--a-tag-content-weight);
    line-height: var(--a-tag-content-line-height);
    color: var(--a-tag-color, var(--text-link-color));
  }

  p {
    margin-bottom: var(--paragraph-content-margin-bottom);
    text-align: var(--paragraph-content-text-align, left);
    display: var(--paragraph-content-display, block);

    @include min(tablet) {
      margin-bottom: var(--paragraph-margin-content-module, 2.4rem);
    }
  }

  img {
    border-radius: var(--content-images-border-radius);

    @include max(mobile) {
      width: 100% !important;
    }
  }
}

.showMoreButton {
  color: var(--content-show-more-button-color, #2563EB);
  display: var(--content-show-more-button-display, flex);
  width: var(--show-more-button-width, 100%);
  font-weight: var(--show-more-button-font-weight);
  justify-content: var(--show-more-content-justify-content);
  max-width: var(--max-width-content, var(--main-container-max)) !important;
  margin: 0 auto;
  padding: var(--show-more-button-padding-mobile) !important;
  text-decoration: var(--show-more-button-text-decoration, none);
  

  &::after {
    display: var(--show-more-button-arrow-display, none);

    @include arrow(var(--show-more-button-arrow-color), 1rem, down, false);

    margin-left: var(--show-more-button-arrow-margin-left, 1rem);
  }

  @include min(tablet) {
    justify-content: var(--show-more-button-arrow-justify-content-tablet, start);
    padding: var(--show-more-button-padding-tablet) !important;
  }

  @include min(laptop) {
    padding: var(--show-more-button-padding-laptop, 0 2.4rem) !important;
  }
}

.homepageFirstModuleContent {
  color: var(--firstModuleContent-color) !important;
  position: var(--firstModuleContent-position);

  p {
    color: var(--firstModuleContent-paragraph-color) !important;
  }

  blockquote {
    color: var(--firstModuleContent-blockquote-color) !important;
  }
}

.showMoreTwoButton {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: start;
  padding: var(--showMoreButton-padding, 1.6rem 2.4rem )!important;
  background: var(--contentCollapsible-button-bg, #fafafa);
  width: 100%;
  font-size: var(--contentCollapsible-button-size, 1.6rem);
  font-weight: var(--contentCollapsible-button-weight, 700);
  line-height: var(--contentCollapsible-button-lineHeight, 2.7rem);
  color: var(--contentCollapsible-button-color, #3c3c40);
  border-radius: 0.8rem;
  margin: 0 auto;
  max-width: var(--showMoreTwoButton-max-width-mobile, 100%) !important;
  box-sizing: var(--show-more-button-box-sizing, border-box);

  @include min(tablet) {
      max-width: calc(var(--max-width-content, var(--main-container-max)) - 3.2rem) !important;
  }

  > svg {
    flex: none;
    width: 3.2rem;
    height: 3.2rem;
    transform: rotate(0deg);
    padding: 6px;
  }
}

.showMore{
  display: block;
}

.showMoreTwoButtonOpen {
  border-radius: var(--showMoreTwoButtonRadiusOpen, 8px 8px 0 0);
  
  > svg {
    transform: rotate(180deg);
  }
}

.contentCollapsibleBox {
  margin: 0 auto;
  max-width: calc(var(--max-width-content, var(--main-container-max)) - 3.2rem) !important;
  background-color: var(--contentCollapsibleBox-bg, #fafafa);
  border-radius: var(--contentCollapsibleBorderRadius, 0 0 8px 8px);
  width: auto !important;
  padding-bottom: 1.6rem !important;

  > p {
    font-size: var(--contentCollapsibleBox-size, 1.4rem);
    font-weight: var(--contentCollapsibleBox-weight, 400);
    line-height: var(--contentCollapsibleBox-lineHeight, 2.2rem);
    color: var(--contentCollapsibleBox-color, #515156);
  }
}

.hide {
  display: none;
}

.collapsableContainer {
  max-width: var(--max-width-content, var(--main-container-max)) !important;
}

ul, ol{
  list-style: none !important;
}

[data-type-panel="info"], [data-type-panel="error"], [data-type-panel="success"], [data-type-panel="warning"], [data-type-panel="notification"]{
  h2, h3, h4, h5{
    margin-top: 0 !important;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 600;
  }

  padding: 2.4rem;
  border-radius: .8rem;
  margin-bottom: var(--paragraph-content-last-margin-bottom);

  > div {
    margin-left: 3.2rem;

    p{
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 2.4rem;
      color: #4B5563;
    }
  }

  &::before{
    content: '';
    display: block;
    position: absolute;
    width: 2.1rem;
    margin-top: .1rem;
    height: 2.1rem;
    background-size: contain;
  }
}

[data-type-panel="info"]{
  background-color: #DBEAFE;
  h2, h3, h4, h5{ color: #2563EB !important; }

  &::before{
    background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%232563EB%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cline x1=%2212%22 y1=%2216%22 x2=%2212%22 y2=%2212%22/%3E%3Cline x1=%2212%22 y1=%228%22 x2=%2212%22 y2=%228%22/%3E%3C/svg%3E') no-repeat center center;
  }
}

[data-type-panel="error"]{
  background-color: #FEE2E2;
  h2, h3, h4, h5{ color: #DC2626 !important; }

  &::before{
    background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M12 1.5C9.9233 1.5 7.89323 2.11581 6.16652 3.26957C4.4398 4.42332 3.09399 6.0632 2.29927 7.98182C1.50455 9.90045 1.29661 12.0116 1.70176 14.0484C2.1069 16.0852 3.10693 17.9562 4.57538 19.4246C6.04383 20.8931 7.91476 21.8931 9.95156 22.2982C11.9884 22.7034 14.0996 22.4955 16.0182 21.7007C17.9368 20.906 19.5767 19.5602 20.7304 17.8335C21.8842 16.1068 22.5 14.0767 22.5 12C22.5 9.21523 21.3938 6.54451 19.4246 4.57538C17.4555 2.60625 14.7848 1.5 12 1.5ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89472 4.37737 8.49836 3.5202 10.2442 3.17293C11.99 2.82567 13.7996 3.0039 15.4442 3.68508C17.0887 4.36627 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.387 21 12 21Z%22 fill=%22%23DC2626%22/%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M16.6553 8.40533C16.9482 8.11244 16.9482 7.63756 16.6553 7.34467C16.3624 7.05178 15.8876 7.05178 15.5947 7.34467L12 10.9393L8.40533 7.34467C8.11244 7.05178 7.63756 7.05178 7.34467 7.34467C7.05178 7.63756 7.05178 8.11244 7.34467 8.40533L10.9393 12L7.34467 15.5947C7.05178 15.8876 7.05178 16.3624 7.34467 16.6553C7.63756 16.9482 8.11244 16.9482 8.40533 16.6553L12 13.0607L15.5947 16.6553C15.8876 16.9482 16.3624 16.9482 16.6553 16.6553C16.9482 16.3624 16.9482 15.8876 16.6553 15.5947L13.0607 12L16.6553 8.40533Z%22 fill=%22%23DC2626%22/%3E%3C/svg%3E') no-repeat center center;
  }
}

[data-type-panel="success"]{
  background-color: #DCFCE7;
  h2, h3, h4, h5{ color: #16A34A !important; }

  &::before{
    margin-top: .1rem;
    background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2222%22 viewBox=%220 0 22 22%22 fill=%22none%22%3E%3Cpath d=%22M11 0.5C8.9233 0.5 6.89323 1.11581 5.16652 2.26957C3.4398 3.42332 2.09399 5.0632 1.29927 6.98182C0.504549 8.90045 0.296614 11.0116 0.701759 13.0484C1.1069 15.0852 2.10693 16.9562 3.57538 18.4246C5.04383 19.8931 6.91476 20.8931 8.95156 21.2982C10.9884 21.7034 13.0996 21.4955 15.0182 20.7007C16.9368 19.906 18.5767 18.5602 19.7304 16.8335C20.8842 15.1068 21.5 13.0767 21.5 11C21.5 8.21523 20.3938 5.54451 18.4246 3.57538C16.4555 1.60625 13.7848 0.5 11 0.5ZM11 20C9.21997 20 7.47992 19.4722 5.99987 18.4832C4.51983 17.4943 3.36628 16.0887 2.68509 14.4442C2.0039 12.7996 1.82567 10.99 2.17294 9.24419C2.5202 7.49836 3.37737 5.89471 4.63604 4.63604C5.89472 3.37737 7.49836 2.5202 9.24419 2.17293C10.99 1.82567 12.7996 2.0039 14.4442 2.68508C16.0887 3.36627 17.4943 4.51983 18.4832 5.99987C19.4722 7.47991 20 9.21997 20 11C20 13.3869 19.0518 15.6761 17.364 17.364C15.6761 19.0518 13.387 20 11 20Z%22 fill=%22%2316A34A%22/%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M16.0268 7.46559C16.3216 7.75576 16.3248 8.22935 16.0338 8.52339L9.87266 14.75L5.96387 10.765C5.67422 10.4697 5.67944 9.99616 5.97553 9.70728C6.27162 9.4184 6.74647 9.4236 7.03613 9.71891L9.87734 12.6155L14.9662 7.4726C15.2571 7.17856 15.732 7.17542 16.0268 7.46559Z%22 fill=%22%2316A34A%22/%3E%3C/svg%3E') no-repeat center center;

  }
}

[data-type-panel="warning"]{
  background-color: #FEF3C7;
  h2, h3, h4, h5{ color: #D97706 !important; }

  &::before{
    height: 1.9rem;
    margin-top: .3rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 24 21" fill="none"><path d="M12.0005 15.0003C11.8027 15.0003 11.6093 15.0589 11.4449 15.1688C11.2804 15.2787 11.1523 15.4349 11.0766 15.6176C11.0009 15.8003 10.9811 16.0014 11.0197 16.1954C11.0583 16.3893 11.1535 16.5675 11.2933 16.7074C11.4332 16.8472 11.6114 16.9425 11.8054 16.9811C11.9993 17.0196 12.2004 16.9998 12.3831 16.9242C12.5659 16.8485 12.722 16.7203 12.8319 16.5558C12.9418 16.3914 13.0005 16.1981 13.0005 16.0003C13.0005 15.7351 12.8951 15.4807 12.7076 15.2932C12.52 15.1056 12.2657 15.0003 12.0005 15.0003ZM22.6705 16.4703L14.6205 2.47027C14.3603 2.00379 13.9802 1.61523 13.5196 1.34474C13.0591 1.07425 12.5346 0.931641 12.0005 0.931641C11.4663 0.931641 10.9419 1.07425 10.4813 1.34474C10.0207 1.61523 9.64065 2.00379 9.38046 2.47027L1.38046 16.4703C1.11125 16.9243 0.966598 17.4413 0.9611 17.9691C0.955602 18.4969 1.08945 19.0168 1.34914 19.4763C1.60883 19.9358 1.98516 20.3187 2.44014 20.5863C2.89512 20.8539 3.41264 20.9967 3.94046 21.0003H20.0605C20.5925 21.0055 21.1164 20.8692 21.5784 20.6052C22.0403 20.3412 22.4238 19.9591 22.6894 19.4981C22.9551 19.0371 23.0933 18.5137 23.09 17.9816C23.0866 17.4495 22.9418 16.9279 22.6705 16.4703ZM20.9405 18.4703C20.8528 18.6262 20.7249 18.7558 20.5701 18.8455C20.4154 18.9352 20.2393 18.9817 20.0605 18.9803H3.94046C3.76157 18.9817 3.58556 18.9352 3.43077 18.8455C3.27599 18.7558 3.14811 18.6262 3.06046 18.4703C2.97269 18.3183 2.92648 18.1458 2.92648 17.9703C2.92648 17.7947 2.97269 17.6223 3.06046 17.4703L11.0605 3.47027C11.1444 3.30647 11.2719 3.169 11.4289 3.07301C11.5859 2.97702 11.7664 2.92623 11.9505 2.92623C12.1345 2.92623 12.315 2.97702 12.472 3.07301C12.629 3.169 12.7565 3.30647 12.8405 3.47027L20.8905 17.4703C20.9897 17.6201 21.0467 17.7939 21.0555 17.9734C21.0643 18.1529 21.0245 18.3314 20.9405 18.4903V18.4703ZM12.0005 7.00027C11.7352 7.00027 11.4809 7.10563 11.2933 7.29316C11.1058 7.4807 11.0005 7.73505 11.0005 8.00027V12.0003C11.0005 12.2655 11.1058 12.5198 11.2933 12.7074C11.4809 12.8949 11.7352 13.0003 12.0005 13.0003C12.2657 13.0003 12.52 12.8949 12.7076 12.7074C12.8951 12.5198 13.0005 12.2655 13.0005 12.0003V8.00027C13.0005 7.73505 12.8951 7.4807 12.7076 7.29316C12.52 7.10563 12.2657 7.00027 12.0005 7.00027Z" fill="%23D97706"/></svg>');
  }
}

[data-type-panel="notification"]{
  background-color: #DBEAFE;
  h2, h3, h4, h5{ color: #2563EB !important; }

  &::before{
    margin-top: .1rem;
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.75 18.5H13.25C13.6079 18.5 13.9073 18.2493 13.9821 17.9138C13.9935 17.9069 14.0077 17.899 14.0248 17.8905C14.1716 17.8171 14.427 17.75 14.75 17.75C15.1642 17.75 15.5 17.4142 15.5 17V14C15.5 13.5858 15.1642 13.25 14.75 13.25C14.427 13.25 14.1716 13.1829 14.0248 13.1095C14.0077 13.101 13.9935 13.0931 13.9821 13.0862C13.9073 12.7507 13.6079 12.5 13.25 12.5H5.75C5.39206 12.5 5.09269 12.7507 5.01795 13.0862C5.00645 13.0931 4.99234 13.101 4.97525 13.1095C4.82839 13.1829 4.57303 13.25 4.25 13.25C3.83579 13.25 3.5 13.5858 3.5 14V17C3.50001 17.4142 3.83579 17.75 4.25 17.75C4.57303 17.75 4.82839 17.8171 4.97525 17.8905C4.99234 17.899 5.00645 17.9069 5.01795 17.9138C5.09269 18.2493 5.39206 18.5 5.75 18.5ZM8 15.5C8 14.6716 8.67157 14 9.5 14C10.3284 14 11 14.6716 11 15.5C11 16.3284 10.3284 17 9.5 17C8.67157 17 8 16.3284 8 15.5ZM12.5 15.5C12.5 14.9536 12.3539 14.4413 12.0987 14H12.7733C12.9461 14.2118 13.1707 14.3595 13.3539 14.4512C13.5489 14.5486 13.7677 14.6226 14 14.6725V16.3275C13.7677 16.3774 13.5489 16.4514 13.3539 16.5488C13.1707 16.6405 12.9461 16.7882 12.7733 17H12.0987C12.3539 16.5587 12.5 16.0464 12.5 15.5ZM6.5 15.5C6.5 16.0464 6.64609 16.5587 6.90135 17H6.22674C6.0539 16.7882 5.82934 16.6405 5.64607 16.5488C5.45111 16.4514 5.23226 16.3774 5 16.3275V14.6725C5.23226 14.6226 5.45111 14.5486 5.64607 14.4512C5.82934 14.3595 6.0539 14.2118 6.22674 14H6.90135C6.64609 14.4413 6.5 14.9536 6.5 15.5Z%22 fill%3D%22%232563EB%22/%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M19.25 21.5C20.4926 21.5 21.5 20.4926 21.5 19.25V11.75C21.5 10.5074 20.4926 9.5 19.25 9.5H18.3498C18.4484 9.01476 18.5 8.51304 18.5 8C18.5 3.85786 15.1421 0.5 11 0.5C6.85786 0.5 3.5 3.85786 3.5 8C3.5 8.51304 3.55162 9.01476 3.65018 9.5H2.75C1.50736 9.5 0.5 10.5074 0.5 11.75V19.25C0.5 20.4926 1.50736 21.5 2.75 21.5H19.25ZM5.46822 5.67233C5.16668 6.38808 5 7.17457 5 8C5 8.45932 5.05148 8.9057 5.14867 9.33403C5.16129 9.38966 5.17468 9.44498 5.18884 9.5H6.75628C6.59033 9.03058 6.5 8.52555 6.5 8C6.5 7.44795 6.59941 6.91913 6.7813 6.43044L5.46822 5.67233ZM13.5988 9.5C13.8541 9.05899 14 8.54725 14 8C14 6.34315 12.6569 5 11 5C9.34315 5 8 6.34315 8 8C8 8.54725 8.14594 9.05899 8.40119 9.5H9.0365L8.87786 9.18273C8.72741 8.88182 8.74972 8.52336 8.93634 8.24343L10.22 6.31798C10.5911 5.76136 11.409 5.76136 11.7801 6.31798L13.0637 8.24343C13.2503 8.52336 13.2726 8.88181 13.1222 9.18273L12.9635 9.5H13.5988ZM15.2437 9.5H16.25C16.4375 9.5 16.6196 9.52293 16.7937 9.56614C16.8144 9.48938 16.8336 9.412 16.8513 9.33403C16.9485 8.9057 17 8.45932 17 8C17 7.17454 16.8333 6.38802 16.5317 5.67225L15.2187 6.43036C15.4006 6.91907 15.5 7.44792 15.5 8C15.5 8.52555 15.4097 9.03058 15.2437 9.5ZM18.5 20V11H19.25C19.6642 11 20 11.3358 20 11.75V19.25C20 19.6642 19.6642 20 19.25 20H18.5ZM17 11.75V19.25C17 19.6642 16.6642 20 16.25 20H2.75C2.33579 20 2 19.6642 2 19.25V11.75C2 11.3358 2.33579 11 2.75 11H16.25C16.6642 11 17 11.3358 17 11.75ZM15.7807 4.37383L14.4677 5.13188C13.7935 4.3176 12.8379 3.74474 11.75 3.56222V2.04642C13.3918 2.25114 14.8275 3.11916 15.7807 4.37383ZM10.25 2.04642V3.56222C9.16206 3.74474 8.20648 4.31764 7.53224 5.13195L6.21927 4.3739C7.17242 3.11919 8.60821 2.25115 10.25 2.04642ZM10.3655 8.80387L11 7.85207L11.6346 8.80387L11.2865 9.49999H10.7135L10.3655 8.80387Z%22 fill%3D%22%232563EB%22/%3E%3C/svg%3E');
  }
}

.content p:first-of-type {
  margin-bottom: var(--paragraph-content-first-margin-bottom, 2.4rem) !important;
}

.content p:last-of-type {
  margin-bottom: var(--paragraph-content-last-margin-bottom);
}

[data-type-panel="info"] > div > p:last-of-type, 
[data-type-panel="error"] > div > p:last-of-type, 
[data-type-panel="success"] > div > p:last-of-type, 
[data-type-panel="warning"] > div > p:last-of-type, 
[data-type-panel="notification"] > div > p:last-of-type{
  margin-bottom: 0 !important;
}

.column {
  gap: 4rem;

  @include min(tablet){
    display: grid;
  }
}


.two-column-block {
  grid-template-columns: repeat(2, 1fr);
}


.three-column-block {
  grid-template-columns: repeat(3, 1fr);
}