.amds-block-jobs {

  padding: $global-padding $container-padding;
  padding-top: 0;
  padding-bottom: $global-padding*2;

  background: lighten($brand-primary, 60);
  //&, * {
  //  outline: 1px solid crimson;
  //}


  .job-container {

    display: flex;

    @include breakpoint(small only) {
      display: block;
    }
    flex-wrap: wrap;


    .tease-job {


      margin: $global-padding/2;


      position: relative;

      flex: 1 1 auto;

      max-width: calc(50vw - #{$container-padding} - #{$global-padding*2} - 1px);


      @include breakpoint(medium down) {
        max-width: 100%;
        margin-bottom: $global-padding*2;
        img {
          margin-bottom: $global-padding;
        }

        a {
          b, strong {
            color: $black;
          }
        }

      }

      height: 100%;


      img {
        width: 100%;
      }

      a {
        font-size: $global-font-size;

        text-align: center;

        display: flex;
        justify-content: center;
        align-items: center;


        @include breakpoint(large up) {
          $modifier: 1;

          position: absolute;

          left: $global-padding*$modifier;
          right: $global-padding*$modifier;
          top: $global-padding*$modifier;
          bottom: $global-padding*$modifier;

          margin: 0;
          padding: $global-padding*2;

          background: $brand-primary-transparent;

          @include amds-petz-corners();
        }

        @include breakpoint(xlarge up) {
          $modifier: 2;

          left: $global-padding*$modifier;
          right: $global-padding*$modifier;
          top: $global-padding*$modifier;
          bottom: $global-padding*$modifier;

          padding: $global-padding*$modifier;
        }


        b, strong {
          font-family: $body-font-family, sans-serif;
          padding-bottom: $global-padding;
          color: $brand-white;

          @include breakpoint(medium down) {
            color: $black;
          }
          @include breakpoint(xlarge up) {
            font-size: 2.5rem;
          }

        }


        .amds-button {
          display: inline-block;
          @include amds-button;

          margin-top: $global-padding;
          @include breakpoint(xlarge up) {
            margin-top: $global-padding*2;
          }
        }

      }

    }
  }
}

// Betr. Detail-Template
.article-body {
  position: relative;

  > h1, > h2, > h3, > h4, > h5, > h6, > b, > strong {
    padding: $global-padding $container-padding;
  }
}