@import 'vendor/animate';
@import 'areas/header';
@import 'areas/main';
@import 'areas/footer';

@import 'scaffolding/typo';
@import 'scaffolding/lists';
@import 'scaffolding/tables';
@import 'scaffolding/buttons';
@import 'scaffolding/forms';

@import 'scopes/checkout';
@import 'scopes/listing';
@import 'scopes/detail-page';

@import 'widgets/card';
@import 'widgets/navigation';
@import 'widgets/breadcrumb';
@import 'widgets/product-box';
@import 'widgets/filter';
@import 'widgets/offcanvas';
@import 'widgets/tabs';

@import 'widgets/content/cat-img';
@import 'widgets/content/cat-list';
@import 'widgets/content/benefits-list';


// Basics
[class*="animate-"] {
  opacity: 0;
}

//Überschreibungen
.cms-block-container {
  padding-inline: 0 !important;
}

.offcanvas .offcanvas-close, .offcanvas .offcanvas-close .icon {
  color: inherit;
}

.navigation-offcanvas-headline {
  color: $primary;
}


%include-adler {
  &:after {
    content: '';
    position: absolute;
    z-index: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    opacity: .15;
    background-image: url('/bundles/weinmanufakturtheme/img/weinmanufaktur-adler.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 360px;
    height: 240px;
    max-height: 75%;
    max-width: 85%;
  }
}


%special-headline {
  padding-bottom: .75rem;
  border-bottom: 1px solid currentColor;
  display: inline-block;
  padding-inline: 2rem;
  @include media-breakpoint-up(lg) {
    padding-inline: 7.5vw;
  }
}