@mixin debug($color:red) {
  outline: 1px solid $color;
}


.typo3-messages {
  list-style: none;
  padding-left: 0;
}


#c159 .embed-responsive-16by9 {
  &:focus, &:active {
    outline: 0 none;
  }

  &::before {
    padding-top: (860/1920) * 100%;
  }
}


svg .a {
  fill: var(--primary);
}


.card-body a {
  font-weight: bold;

  &:before {
    content: '>> '
  }
}


.btn-jobteaser {
  font-size: 1.4rem;

  padding: 1rem 2rem;
  width: 80%;
}


html {
  scroll-behavior: smooth;
}


/* Crafthunt Logo */
#c298 .gallery-item .image {
  width: 260px;
  height: auto;
  margin: 0 auto;
}

#c306, #c316 {
  .btn.btn-jobteaser {
    width: unset;
  }
}

#c312, #c322 {
  @include media-breakpoint-down(md) {
    padding: 3rem 0 !important;
  }
}

#c316 {
  padding-top: 0 !important;
  padding-bottom: 0.5rem !important;

  @include media-breakpoint-up(md) {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
  }
}

#c324,
#c327,
#c330 {
  padding-bottom: 0;
  padding-top: 0;
}

// Trenner mit fast ohne Padding
#c539 {
  padding-top: 0;
  padding-bottom: 1rem;
}

#c541 {
  padding-top: 0;
  padding-bottom: 1.5rem;

  .frame-inner {
    display: flex;
    flex-direction: row-reverse;
    margin: 0;
  }

  a {
    color: $dark;
    padding: 0.5rem 0.75rem;
    border: 1px solid #CCC;
  }

  a:hover {
    color: $primary;
    cursor: pointer;
  }
}


.footer-section-content .sociallinks {
  .sociallinks-link-crafthunt:hover, .sociallinks-link-crafthunt:focus {
    color: rgb(255, 193, 7);
  }

  .sociallinks-link-youtube:hover, .sociallinks-link-youtube:focus {
    color: #FF0000;
  }

  .sociallinks-link-facebook:hover, .sociallinks-link-facebook:focus {
    color: #4267B2;
  }

  .sociallinks-link-xing:hover, .sociallinks-link-xing:focus {
    color: rgb(6, 152, 160);
  }

}
