/*!
 Theme Name:   Web2Business Bricks Starter Theme
 Theme URI:    https://web2business.de
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks + Web2Business
 Author URI:   https://web2business.de
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/** Booleans **/
/** General Colors **/
/** Text Colors **/
/** Fonts **/
/** Breakpoints (Bricks Builder defaults) **/
/** Breakpoint Mixin **/
/** Centered Text **/
header .header__logo {
  transition: width 0.3s ease, transform 0.3s ease;
}

header.scrolling .header__logo {
  width: 20rem;
}

#brx-footer .jet-form-builder__field-label.for-checkbox span {
  display: block;
  gap: unset;
  font-size: var(--text-s);
}

#brx-footer .jet-form-builder__field-label.for-checkbox span::before {
  margin-right: 0.5rem;
  vertical-align: sub;
}

#brx-footer .jet-form-builder__field-label.for-checkbox span a {
  text-decoration: underline;
}

section {
  scroll-margin-top: 100px;
}

.badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 30px;
  font-weight: 800;
  font-size: var(--text-s);
  letter-spacing: 4px;
  color: var(--secondary);
  white-space: nowrap;
  z-index: 10;
}

.badge::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 80px);
  height: 4px;
  background: linear-gradient(90deg, transparent 0px, var(--primary) 40px, var(--primary) calc(100% - 40px), transparent 100%);
  transform: translate(-50%, -50%);
  z-index: -2;
}

.badge::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--white);
  border: 3px solid var(--primary);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
  border-radius: 5px;
  z-index: -1;
}

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

.badge.dark::before {
  background: var(--secondary);
}

.badge.dark::after {
  background: var(--secondary);
  color: var(--white);
}