/* ============================================================================
   FUNCTIONS -> FUNCTIONS
============================================================================ */
/**
 * Global functions.
 */
/* ============================================================================
SETTINGS -> BREAKPOINTS
============================================================================ */
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> BREAKPOINTS
============================================================================ */
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> COLORS
============================================================================ */
/**
* Color configuration.
*/
/* Variables
============================================================================ */
/* Devine a unique color to search for while the development */
@keyframes overlay-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overlay-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes play-pulse {
  0% {
    box-shadow: 0 0 0 3px #23384d, 0 0 0 3px rgba(35, 56, 77, 0.4);
  }
  100% {
    box-shadow: 0 0 0 3px #23384d, 0 0 24px 12px rgba(35, 56, 77, 0.4);
  }
}
/* ============================================================================
SETTINGS -> CORE
============================================================================ */
/**
* Core configuration.
*/
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> FONT
============================================================================ */
/**
 * Font settings.
 */
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> ELEMENTS
============================================================================ */
/**
* Define default styles for elements.
*/
/* Elements heading
============================================================================ */
/* Elements hr
============================================================================ */
/* Elements images
============================================================================ */
/* Elements input
============================================================================ */
/* Elements link
============================================================================ */
/* Elements list
============================================================================ */
/* Elements page
============================================================================ */
/* Elements paragraph
============================================================================ */
/* Elements PayPal Express
============================================================================ */
/* ============================================================================
SETTINGS -> GENERIC
============================================================================ */
/**
* Define default generic styles.
*/
/* ============================================================================
SETTINGS -> SHOWCASE
============================================================================ */
/**
* Define default styles for showcase.
*/
/* Variables
============================================================================ */
/**
* Container spacing
*/
/**
* Vertical spacing
*/
/**
* Centerwrap horizontal spacing
*/
/**
* Font family
*/
/**
* Font sizes
*/
/**
* Colors
*/
/**
* Image
*/
/**
* Slideshow
*/
/**
* Stage
*/
/**
* Description
*/
/* ============================================================================
LITEBOX :: hatraco/staticsrc/css/global/modules/_modules.litebox.scss
============================================================================ */
:root {
  --litebox-drawer-header-padding: 1rem 1.5rem;
  --litebox-header-color: white;
  --litebox-header-background: rgb(27.03125, 43.25, 59.46875);
  --litebox-title-font-family: futura-pt-book, Trebuchet MS, Arial, sans-serif;
}

/* ============================================================================
ACCORDION :: hatraco/staticsrc/css/global/mixins/_mixins.accordion.scss
============================================================================ */
/* ============================================================================
BREADCRUMB :: hatraco/staticsrc/css/global/mixins/_mixins.breadcrumb.scss
============================================================================ */
/* ============================================================================
BUTTON :: hatraco/staticsrc/css/global/mixins/_mixins.button.scss
============================================================================ */
/* ============================================================================
MESSAGING :: hatraco/staticsrc/css/global/mixins/_mixins.messaging.scss
============================================================================ */
/* local variables */
/* ============================================================================
NAVIGATION-SCROLLTOP :: hatraco/staticsrc/css/global/mixins/_mixins.navigation-scrolltop.scss
============================================================================ */
/* ============================================================================
PROMOTION-MODAL :: hatraco/staticsrc/css/global/mixins/_mixins.promotion-modal.scss
============================================================================ */
/* ============================================================================
NOTIFICATION :: hatraco/staticsrc/css/global/mixins/_mixins.notification.scss
============================================================================ */
/* ============================================================================
ICONS :: hatraco/staticsrc/css/global/mixins/_mixins.icons.scss
============================================================================ */
/* ============================================================================
SHOPMESSAGE :: hatraco/staticsrc/css/global/mixins/_mixins.shopmessage.scss
============================================================================ */
/* ============================================================================
DEALS :: staticsrc/css/global/mixins/_mixins.deal.scss
============================================================================ */
/* ============================================================================
PAYMENT :: hatraco/staticsrc/css/global/mixins/_mixins.payment.scss
============================================================================ */
/* ============================================================================
PAYMENT :: hatraco/staticsrc/css/global/mixins/_mixins.product-rating-form.scss
============================================================================ */
/* ============================================================================
CONTAINER-POSITION :: hatraco/staticsrc/css/global/mixins/_mixins.container-position.scss
============================================================================ */
/* ============================================================================
TABLE :: hatraco/staticsrc/css/global/mixins/_mixins.table.scss
============================================================================ */
/* ============================================================================
TOOLTIP :: hatraco/staticsrc/css/global/components/_components.tooltip.scss
============================================================================ */
/* ============================================================================
FOOTNOTE :: hatraco/staticsrc/css/global/components/_components.footnote.scss
============================================================================ */
/* ============================================================================
STORELOCATOR :: hatraco/staticsrc/css/global/modules/_modules.storelocator.scss
============================================================================ */
/* ============================================================================
SETTINGS -> CHECKOUT
============================================================================ */
/**
* Set variables for checkout.
*/
/* Checkout express checkout
============================================================================ */
/* Checkout Amazon Pay
============================================================================ */
/* Checkout PayPal express
============================================================================ */
/* Warning if address fields trimmed by external payment
============================================================================ */
/* SUGGEST */
/* SEARCH RESULTS */
/*
  V15
*/
.ss360-layer .ss360-filter__group--active::after {
  z-index: 1;
  position: absolute;
  height: 1px;
  inset: auto 0 0;
  background: white;
  content: "";
}

/* ============================================================================
TOOLS -> TOOLS
============================================================================ */
/**
 * Global tools import file
 */
/* ============================================================================
   TOOLS -> BROWSER
============================================================================ */
/* SAFARI.
============================================================================ */
/* IE/EDGE.
============================================================================ */
/**
 * Mixin to target Microsoft Internet Explorer 10+.
 */
/**
 * Mixin to target Microsoft Edge Browser 12+ (All).
 */
/* ============================================================================
TOOLS -> CONTAINER
============================================================================ */
/* Variables
============================================================================ */
/**
* Container mixins and functions used throughout the page
*/
/* Global container mixins
============================================================================ */
/**
* Mixin to transform a centerd container to a fullsize container
*/
/**
* Mixin to remove container gutter on small and add it at a
* specific breakpoint.
*/
/* Page container
============================================================================ */
/**
* Mixin to layout a page container
*/
/* Promotionbanner
============================================================================ */
/**
* Mixin to layout a promotionbanner
*/
/* Header
============================================================================ */
/**
* Mixin to layout a header
*/
/* Footer
============================================================================ */
/**
* Mixin to layout a footer
*/
/* Navigation
============================================================================ */
/**
* Mixin to layout a navigation
*/
/* Section
============================================================================ */
/**
* Mixin to layout a section
*/
/* Content
============================================================================ */
/**
* Mixin to layout a content
*/
/* Content container
============================================================================ */
/**
* Mixin to layout a content container with a maximum width
*/
/* ============================================================================
   TOOLS -> FLEX-CONTAINER
============================================================================ */
/**
 * Mixin to generate a flex-container with a specific flex-direction.
 * Direction takes it's corresponding property.
 * Defaults are:
 * - direction  ==> row
 */
/**
 * Mixin to generate a flex-item with a specific width.
 * The width has to be declared as a fraction e.g. 1/2.
 * If no width is declared, it defaults to 1 (100%).
 */
/**
 * Mixin to generate an offset for a flex-item.
 * Function is the same as for the flex-item calculation.
 */
/* ============================================================================
   TOOLS -> FONT
============================================================================ */
/**
* Mixin to create responsive type.
*/
/* ============================================================================
   TOOLS -> GRID
============================================================================ */
/**
 * Mixin to generate a grid-container with a specific gutter.
 */
/**
 * Mixin to generate a grid-item with a specific gutter.
 */
/**
 * Mixin to reset all spacing inside of a grid .
 */
/* ============================================================================
TOOLS -> HELPER
============================================================================ */
/**
* Mixin to create helper.
*/
/* Set to empty map () to reset */
/* Map of the form: $breakpoint-mplus: $font-size-m, */
/* Map of the form: $breakpoint-mplus: $font-size-m, */
.c-xsellers.swiper:not(.swiper-initialized) {
  opacity: 0;
}

@font-face {
  font-family: "graef-iconfont";
  src: url("../fonts/graef-iconfont.woff2?2480e65ce840aa91b0fa8257916d2ef8d5b3b86a96b9ef6c549c13165012b9fe11cc340c3edeed99") format("woff2"), url("../fonts/graef-iconfont.woff?2480e65ce840aa91b0fa8257916d2ef8d5b3b86a96b9ef6c549c13165012b9fe11cc340c3edeed99") format("woff");
  font-display: swap;
}
.icon.icon-youtube:before, .c-showcase-plugin__description a.icon-youtube[href$=".pdf"]:before {
  content: "\f101"/"";
}

.icon.icon-whatsapp:before, .c-showcase-plugin__description a.icon-whatsapp[href$=".pdf"]:before {
  content: "\f102"/"";
}

.icon.icon-video:before, .c-showcase-plugin__description a.icon-video[href$=".pdf"]:before {
  content: "\f103"/"";
}

.icon.icon-update:before, .c-showcase-plugin__description a.icon-update[href$=".pdf"]:before {
  content: "\f104"/"";
}

.icon.icon-twitter:before, .c-showcase-plugin__description a.icon-twitter[href$=".pdf"]:before {
  content: "\f105"/"";
}

.icon.icon-trash:before, .c-showcase-plugin__description a.icon-trash[href$=".pdf"]:before {
  content: "\f106"/"";
}

.icon.icon-threesixty:before, .c-showcase-plugin__description a.icon-threesixty[href$=".pdf"]:before {
  content: "\f107"/"";
}

.icon.icon-threesixty-alt:before, .c-showcase-plugin__description a.icon-threesixty-alt[href$=".pdf"]:before {
  content: "\f108"/"";
}

.icon.icon-storelocator:before, .c-showcase-plugin__description a.icon-storelocator[href$=".pdf"]:before {
  content: "\f109"/"";
}

.icon.icon-stockrecord:before, .c-showcase-plugin__description a.icon-stockrecord[href$=".pdf"]:before {
  content: "\f10a"/"";
}

.icon.icon-star:before, .c-showcase-plugin__description a.icon-star[href$=".pdf"]:before {
  content: "\f10b"/"";
}

.icon.icon-shopping-cart:before, .c-showcase-plugin__description a.icon-shopping-cart[href$=".pdf"]:before {
  content: "\f10c"/"";
}

.icon.icon-share:before, .c-showcase-plugin__description a.icon-share[href$=".pdf"]:before {
  content: "\f10d"/"";
}

.icon.icon-secure:before, .c-showcase-plugin__description a.icon-secure[href$=".pdf"]:before {
  content: "\f10e"/"";
}

.icon.icon-preview:before, .c-showcase-plugin__description a.icon-preview[href$=".pdf"]:before {
  content: "\f10f"/"";
}

.icon.icon-plus:before, .c-showcase-plugin__description a.icon-plus[href$=".pdf"]:before {
  content: "\f110"/"";
}

.icon.icon-plus-small:before, .c-showcase-plugin__description a.icon-plus-small[href$=".pdf"]:before {
  content: "\f111"/"";
}

.icon.icon-play:before, .c-showcase-plugin__description a.icon-play[href$=".pdf"]:before {
  content: "\f112"/"";
}

.icon.icon-play-filled:before, .c-showcase-plugin__description a.icon-play-filled[href$=".pdf"]:before {
  content: "\f113"/"";
}

.icon.icon-play-circle:before, .c-showcase-plugin__description a.icon-play-circle[href$=".pdf"]:before {
  content: "\f114"/"";
}

.icon.icon-play-circle-filled:before, .c-showcase-plugin__description a.icon-play-circle-filled[href$=".pdf"]:before {
  content: "\f115"/"";
}

.icon.icon-pinterest:before, .c-showcase-plugin__description a.icon-pinterest[href$=".pdf"]:before {
  content: "\f116"/"";
}

.icon.icon-pdf:before, .c-showcase-plugin__description a.icon-pdf[href$=".pdf"]:before {
  content: "\f117"/"";
}

.icon.icon-pause:before, .c-showcase-plugin__description a.icon-pause[href$=".pdf"]:before {
  content: "\f118"/"";
}

.icon.icon-pause-circle:before, .c-showcase-plugin__description a.icon-pause-circle[href$=".pdf"]:before {
  content: "\f119"/"";
}

.icon.icon-passkey:before, .c-showcase-plugin__description a.icon-passkey[href$=".pdf"]:before {
  content: "\f11a"/"";
}

.icon.icon-package:before, .c-showcase-plugin__description a.icon-package[href$=".pdf"]:before {
  content: "\f11b"/"";
}

.icon.icon-out:before, .c-showcase-plugin__description a.icon-out[href$=".pdf"]:before {
  content: "\f11c"/"";
}

.icon.icon-notify:before, .c-showcase-plugin__description a.icon-notify[href$=".pdf"]:before {
  content: "\f11d"/"";
}

.icon.icon-newsletter-coupon:before, .c-showcase-plugin__description a.icon-newsletter-coupon[href$=".pdf"]:before {
  content: "\f11e"/"";
}

.icon.icon-nav:before, .c-showcase-plugin__description a.icon-nav[href$=".pdf"]:before {
  content: "\f11f"/"";
}

.icon.icon-nav-expand:before, .c-showcase-plugin__description a.icon-nav-expand[href$=".pdf"]:before {
  content: "\f120"/"";
}

.icon.icon-minus:before, .c-showcase-plugin__description a.icon-minus[href$=".pdf"]:before {
  content: "\f121"/"";
}

.icon.icon-minus-small:before, .c-showcase-plugin__description a.icon-minus-small[href$=".pdf"]:before {
  content: "\f122"/"";
}

.icon.icon-magnifier:before, .c-showcase-plugin__description a.icon-magnifier[href$=".pdf"]:before {
  content: "\f123"/"";
}

.icon.icon-logout:before, .c-showcase-plugin__description a.icon-logout[href$=".pdf"]:before {
  content: "\f124"/"";
}

.icon.icon-login:before, .c-showcase-plugin__description a.icon-login[href$=".pdf"]:before {
  content: "\f125"/"";
}

.icon.icon-link:before, .c-showcase-plugin__description a.icon-link[href$=".pdf"]:before {
  content: "\f126"/"";
}

.icon.icon-language:before, .c-showcase-plugin__description a.icon-language[href$=".pdf"]:before {
  content: "\f127"/"";
}

.icon.icon-instagram:before, .c-showcase-plugin__description a.icon-instagram[href$=".pdf"]:before {
  content: "\f128"/"";
}

.icon.icon-imagemap:before, .c-showcase-plugin__description a.icon-imagemap[href$=".pdf"]:before {
  content: "\f129"/"";
}

.icon.icon-icon-video:before, .c-showcase-plugin__description a.icon-icon-video[href$=".pdf"]:before {
  content: "\f12a"/"";
}

.icon.icon-icon-store:before, .c-showcase-plugin__description a.icon-icon-store[href$=".pdf"]:before {
  content: "\f12b"/"";
}

.icon.icon-icon-download:before, .c-showcase-plugin__description a.icon-icon-download[href$=".pdf"]:before {
  content: "\f12c"/"";
}

.icon.icon-icon-audio:before, .c-showcase-plugin__description a.icon-icon-audio[href$=".pdf"]:before {
  content: "\f12d"/"";
}

.icon.icon-home:before, .c-showcase-plugin__description a.icon-home[href$=".pdf"]:before {
  content: "\f12e"/"";
}

.icon.icon-help:before, .c-showcase-plugin__description a.icon-help[href$=".pdf"]:before {
  content: "\f12f"/"";
}

.icon.icon-heart:before, .c-showcase-plugin__description a.icon-heart[href$=".pdf"]:before {
  content: "\f130"/"";
}

.icon.icon-globe:before, .c-showcase-plugin__description a.icon-globe[href$=".pdf"]:before {
  content: "\f131"/"";
}

.icon.icon-globe-language:before, .c-showcase-plugin__description a.icon-globe-language[href$=".pdf"]:before {
  content: "\f132"/"";
}

.icon.icon-german-manufacturer:before, .c-showcase-plugin__description a.icon-german-manufacturer[href$=".pdf"]:before {
  content: "\f133"/"";
}

.icon.icon-german-manufacturer-old:before, .c-showcase-plugin__description a.icon-german-manufacturer-old[href$=".pdf"]:before {
  content: "\f134"/"";
}

.icon.icon-german-manufacturer-alt:before, .c-showcase-plugin__description a.icon-german-manufacturer-alt[href$=".pdf"]:before {
  content: "\f135"/"";
}

.icon.icon-free-delivery:before, .c-showcase-plugin__description a.icon-free-delivery[href$=".pdf"]:before {
  content: "\f136"/"";
}

.icon.icon-filter:before, .c-showcase-plugin__description a.icon-filter[href$=".pdf"]:before {
  content: "\f137"/"";
}

.icon.icon-filter-search:before, .c-showcase-plugin__description a.icon-filter-search[href$=".pdf"]:before {
  content: "\f138"/"";
}

.icon.icon-filter-reset-circle:before, .c-showcase-plugin__description a.icon-filter-reset-circle[href$=".pdf"]:before {
  content: "\f139"/"";
}

.icon.icon-filter-open:before, .c-showcase-plugin__description a.icon-filter-open[href$=".pdf"]:before {
  content: "\f13a"/"";
}

.icon.icon-filter-drawer:before, .c-showcase-plugin__description a.icon-filter-drawer[href$=".pdf"]:before {
  content: "\f13b"/"";
}

.icon.icon-filter-close:before, .c-showcase-plugin__description a.icon-filter-close[href$=".pdf"]:before {
  content: "\f13c"/"";
}

.icon.icon-filter-check:before, .c-showcase-plugin__description a.icon-filter-check[href$=".pdf"]:before {
  content: "\f13d"/"";
}

.icon.icon-file-upload-tiff:before, .c-showcase-plugin__description a.icon-file-upload-tiff[href$=".pdf"]:before {
  content: "\f13e"/"";
}

.icon.icon-file-upload-png:before, .c-showcase-plugin__description a.icon-file-upload-png[href$=".pdf"]:before {
  content: "\f13f"/"";
}

.icon.icon-file-upload-pdf:before, .c-showcase-plugin__description a.icon-file-upload-pdf[href$=".pdf"]:before {
  content: "\f140"/"";
}

.icon.icon-file-upload-jpeg:before, .c-showcase-plugin__description a.icon-file-upload-jpeg[href$=".pdf"]:before {
  content: "\f141"/"";
}

.icon.icon-file-upload-default:before, .c-showcase-plugin__description a.icon-file-upload-default[href$=".pdf"]:before {
  content: "\f142"/"";
}

.icon.icon-facebook:before, .c-showcase-plugin__description a.icon-facebook[href$=".pdf"]:before {
  content: "\f143"/"";
}

.icon.icon-facebook-f:before, .c-showcase-plugin__description a.icon-facebook-f[href$=".pdf"]:before {
  content: "\f144"/"";
}

.icon.icon-external-link:before, .c-showcase-plugin__description a.icon-external-link[href$=".pdf"]:before {
  content: "\f145"/"";
}

.icon.icon-edit:before, .c-showcase-plugin__description a.icon-edit[href$=".pdf"]:before {
  content: "\f146"/"";
}

.icon.icon-edit-square:before, .c-showcase-plugin__description a.icon-edit-square[href$=".pdf"]:before {
  content: "\f147"/"";
}

.icon.icon-easy-credit:before, .c-showcase-plugin__description a.icon-easy-credit[href$=".pdf"]:before {
  content: "\f148"/"";
}

.icon.icon-download:before, .c-showcase-plugin__description a.icon-download[href$=".pdf"]:before {
  content: "\f149"/"";
}

.icon.icon-discount-code:before, .c-showcase-plugin__description a.icon-discount-code[href$=".pdf"]:before {
  content: "\f14a"/"";
}

.icon.icon-descending:before, .c-showcase-plugin__description a.icon-descending[href$=".pdf"]:before {
  content: "\f14b"/"";
}

.icon.icon-configurator:before, .c-showcase-plugin__description a.icon-configurator[href$=".pdf"]:before {
  content: "\f14c"/"";
}

.icon.icon-close:before, .c-showcase-plugin__description a.icon-close[href$=".pdf"]:before {
  content: "\f14d"/"";
}

.icon.icon-close-circle:before, .c-showcase-plugin__description a.icon-close-circle[href$=".pdf"]:before {
  content: "\f14e"/"";
}

.icon.icon-clippy:before, .c-showcase-plugin__description a.icon-clippy[href$=".pdf"]:before {
  content: "\f14f"/"";
}

.icon.icon-clippy-check:before, .c-showcase-plugin__description a.icon-clippy-check[href$=".pdf"]:before {
  content: "\f150"/"";
}

.icon.icon-check:before, .c-showcase-plugin__description a.icon-check[href$=".pdf"]:before {
  content: "\f151"/"";
}

.icon.icon-check-circle:before, .c-showcase-plugin__description a.icon-check-circle[href$=".pdf"]:before {
  content: "\f152"/"";
}

.icon.icon-catalog-view-matrix:before, .c-showcase-plugin__description a.icon-catalog-view-matrix[href$=".pdf"]:before {
  content: "\f153"/"";
}

.icon.icon-catalog-view-list:before, .c-showcase-plugin__description a.icon-catalog-view-list[href$=".pdf"]:before {
  content: "\f154"/"";
}

.icon.icon-bulletpoint:before, .c-showcase-plugin__description a.icon-bulletpoint[href$=".pdf"]:before {
  content: "\f155"/"";
}

.icon.icon-blog:before, .c-showcase-plugin__description a.icon-blog[href$=".pdf"]:before {
  content: "\f156"/"";
}

.icon.icon-augmented-reality:before, .c-showcase-plugin__description a.icon-augmented-reality[href$=".pdf"]:before {
  content: "\f157"/"";
}

.icon.icon-ascending:before, .c-showcase-plugin__description a.icon-ascending[href$=".pdf"]:before {
  content: "\f158"/"";
}

.icon.icon-arrow-up:before, .c-showcase-plugin__description a.icon-arrow-up[href$=".pdf"]:before {
  content: "\f159"/"";
}

.icon.icon-arrow-right:before, .c-showcase-plugin__description a.icon-arrow-right[href$=".pdf"]:before {
  content: "\f15a"/"";
}

.icon.icon-arrow-left:before, .c-showcase-plugin__description a.icon-arrow-left[href$=".pdf"]:before {
  content: "\f15b"/"";
}

.icon.icon-arrow-down:before, .c-showcase-plugin__description a.icon-arrow-down[href$=".pdf"]:before {
  content: "\f15c"/"";
}

.icon.icon-angle-up:before, .c-showcase-plugin__description a.icon-angle-up[href$=".pdf"]:before {
  content: "\f15d"/"";
}

.icon.icon-angle-up-down:before, .c-showcase-plugin__description a.icon-angle-up-down[href$=".pdf"]:before {
  content: "\f15e"/"";
}

.icon.icon-angle-right:before, .c-showcase-plugin__description a.icon-angle-right[href$=".pdf"]:before {
  content: "\f15f"/"";
}

.icon.icon-angle-left:before, .c-showcase-plugin__description a.icon-angle-left[href$=".pdf"]:before {
  content: "\f160"/"";
}

.icon.icon-angle-last:before, .c-showcase-plugin__description a.icon-angle-last[href$=".pdf"]:before {
  content: "\f161"/"";
}

.icon.icon-angle-first:before, .c-showcase-plugin__description a.icon-angle-first[href$=".pdf"]:before {
  content: "\f162"/"";
}

.icon.icon-angle-down:before, .c-showcase-plugin__description a.icon-angle-down[href$=".pdf"]:before {
  content: "\f163"/"";
}

.icon.icon-angle-double-up:before, .c-showcase-plugin__description a.icon-angle-double-up[href$=".pdf"]:before {
  content: "\f164"/"";
}

.icon.icon-angle-double-down:before, .c-showcase-plugin__description a.icon-angle-double-down[href$=".pdf"]:before {
  content: "\f165"/"";
}

.icon.icon-account:before, .c-showcase-plugin__description a.icon-account[href$=".pdf"]:before {
  content: "\f166"/"";
}

.icon.icon-DICIANOVA:before, .c-showcase-plugin__description a.icon-DICIANOVA[href$=".pdf"]:before {
  content: "\f167"/"";
}

.icon, .c-showcase-plugin__description a[href$=".pdf"]::before {
  display: inline-block;
  font: normal normal normal 14px/1 "graef-iconfont";
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  vertical-align: -10%;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/* ============================================================================
COMPONENTS -> SHOWCASE DESCRIPTION
============================================================================ */
/* Variables
============================================================================ */
/**
* Define styles for description plugin.
*/
.c-showcase-plugin__description .c-has-frame {
  padding: 0.75rem;
  border: 1px solid #2f2f2f;
}
.c-showcase-plugin__description .c-has-spacing p:last-of-type {
  margin-bottom: 0;
}
.c-showcase-plugin__description .c-has-spacing--around {
  padding: 1.5rem;
}
.c-showcase-plugin__description .c-has-spacing--top {
  padding-top: 1.5rem;
}
.c-showcase-plugin__description .c-has-spacing--bottom {
  padding-bottom: 1.5rem;
}
.c-showcase-plugin__description .c-has-spacing--top-bottom {
  padding: 1.5rem 0;
}
@media screen and (min-width: 961px) {
  .c-showcase-plugin__description .c-has-spacing--around {
    padding: 1.5rem;
  }
  .c-showcase-plugin__description .c-has-spacing--left {
    padding-left: 1.5rem;
  }
  .c-showcase-plugin__description .c-has-spacing--right {
    padding-right: 1.5rem;
  }
  .c-showcase-plugin__description .c-has-spacing--left-right {
    padding: 0 1.5rem;
  }
  .c-showcase-plugin__description .c-has-spacing--top {
    padding-top: 1.5rem;
  }
  .c-showcase-plugin__description .c-has-spacing--bottom {
    padding-bottom: 1.5rem;
  }
  .c-showcase-plugin__description .c-has-spacing--top-bottom {
    padding: 1.5rem 0;
  }
}
.c-showcase-plugin__description ul {
  margin-bottom: 0;
  padding-left: 0.75rem;
  list-style-type: disc;
}
.c-showcase-plugin__description ul li {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  padding-left: 0.375rem;
  line-height: inherit;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description ul li {
    font-size: 16px;
  }
}
.c-showcase-plugin__description ul li + li {
  padding-top: 0.375rem;
}
.c-showcase-plugin__description ul li ul {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 1rem;
  list-style-type: disc;
}
.c-showcase-plugin__description ul li ul li {
  list-style-type: disc;
}
.c-showcase-plugin__description ol {
  margin-bottom: 0;
  padding-left: 1.5rem;
  list-style: none;
  counter-reset: ol-list-counter;
}
.c-showcase-plugin__description ol li {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  margin-bottom: 0;
  padding-left: 0;
  color: #2f2f2f;
  line-height: inherit;
  position: relative;
  counter-increment: ol-list-counter;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description ol li {
    font-size: 16px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description ol li {
    font-size: 16px;
  }
}
.c-showcase-plugin__description ol li::before {
  position: absolute;
  top: auto;
  left: 0;
  transform: translate(-20px, 1px);
  content: counters(ol-list-counter, ".") ".";
  color: currentColor;
  font-size: 12px;
  line-height: inherit;
  font-weight: normal;
}
@media screen and (min-width: 1025px) {
  .c-showcase-plugin__description ol li::before {
    transform: translate(-20px, 1px);
    font-size: 14px;
  }
}
.c-showcase-plugin__description ol li + li {
  padding-top: 0.375rem;
}
.c-showcase-plugin__description ol li ul {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 1rem;
  counter-reset: ol-list-counter;
}
.c-showcase-plugin__description ol li ul li {
  padding-left: 0.375rem;
}
.c-showcase-plugin__description ol li ul li::before {
  display: none;
}
.c-showcase-plugin__description ol li ol {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 1.2rem;
}
.c-showcase-plugin__description ol li ol li {
  padding-left: 0.75rem;
}
.c-showcase-plugin__description ol li ol li ol {
  margin-top: 0.75rem;
  padding-left: 1.2rem;
}
.c-showcase-plugin__description ol li ol li ol li {
  padding-left: 1rem;
}
.c-showcase-plugin__description ol li ol li ul {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 1rem;
  counter-reset: ol-list-counter;
}
.c-showcase-plugin__description ol li ol li ul li {
  padding-left: 0.375rem;
}
.c-showcase-plugin__description ol li ol li ul li::before {
  display: none;
}
.c-showcase-plugin__description h1 {
  font-size: calc(30px + 30 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h1 {
    font-size: 30px;
  }
}
.c-showcase-plugin__description h1 + h2 {
  margin-top: 1.5rem;
}
.c-wrapper--service-content .c-showcase-plugin__description h1 {
  font-size: calc(26px + 14 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px) {
  .c-wrapper--service-content .c-showcase-plugin__description h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 320px) {
  .c-wrapper--service-content .c-showcase-plugin__description h1 {
    font-size: 26px;
  }
}
.c-wrapper--service-content .c-showcase-plugin__description h1 + h2 {
  margin-top: 3rem;
}

.c-showcase-plugin__description h2 {
  font-size: calc(26px + 14 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}

@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h2 {
    font-size: 26px;
  }
}
.c-showcase-plugin__description h2 + h3 {
  margin-top: 1.5rem;
}
.c-wrapper--service-content .c-showcase-plugin__description h2 {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px) {
  .c-wrapper--service-content .c-showcase-plugin__description h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  .c-wrapper--service-content .c-showcase-plugin__description h2 {
    font-size: 24px;
  }
}

.c-showcase-plugin__description h3 {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}

@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h3 {
    font-size: 26px;
  }
}

@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h3 {
    font-size: 24px;
  }
}
.c-showcase-plugin__description h3 + h4 {
  margin-top: 1.5rem;
}
.c-wrapper--service-content .c-showcase-plugin__description h3 {
  font-size: calc(18px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px) {
  .c-wrapper--service-content .c-showcase-plugin__description h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-wrapper--service-content .c-showcase-plugin__description h3 {
    font-size: 18px;
  }
}

.c-showcase-plugin__description h4 {
  font-size: calc(18px + 0 * ((100vw - 320px) / 1046));
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
}

@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h4 {
    font-size: 18px;
  }
}
.c-showcase-plugin__description h4 + h5 {
  margin-top: 1.5rem;
}
.c-wrapper--service-content .c-showcase-plugin__description h4 {
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px) {
  .c-wrapper--service-content .c-showcase-plugin__description h4 {
    font-size: 13px;
  }
}
@media screen and (max-width: 320px) {
  .c-wrapper--service-content .c-showcase-plugin__description h4 {
    font-size: 13px;
  }
}

.c-showcase-plugin__description h5 {
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
}

@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h5 {
    font-size: 13px;
  }
}

@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h5 {
    font-size: 13px;
  }
}
.c-showcase-plugin__description h5 + h6 {
  margin-top: 0.375rem;
}
.c-wrapper--service-content .c-showcase-plugin__description h5 {
  font-size: calc(11px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px) {
  .c-wrapper--service-content .c-showcase-plugin__description h5 {
    font-size: 11px;
  }
}
@media screen and (max-width: 320px) {
  .c-wrapper--service-content .c-showcase-plugin__description h5 {
    font-size: 11px;
  }
}

.c-showcase-plugin__description h6 {
  font-size: calc(11px + 0 * ((100vw - 320px) / 1046));
}

@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h6 {
    font-size: 11px;
  }
}

@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h6 {
    font-size: 11px;
  }
}
.c-showcase-plugin__description h1.c-showcase-plugin__mainheadline {
  font-size: calc(30px + 30 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__mainheadline {
    font-size: 60px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__mainheadline {
    font-size: 30px;
  }
}
.c-showcase-plugin__description h1.c-showcase-plugin__headline {
  font-size: calc(26px + 14 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__headline {
    font-size: 40px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__headline {
    font-size: 26px;
  }
}
.c-showcase-plugin__description h1.c-showcase-plugin__subheadline {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__subheadline {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__subheadline {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__subheadline + .c-showcase-plugin__headline,
  .c-showcase-plugin__description h1.c-showcase-plugin__subheadline + h1,
  .c-showcase-plugin__description h1.c-showcase-plugin__subheadline + h2 {
    margin-top: 0.75rem;
  }
}
.c-showcase-plugin__description h1.c-showcase-plugin__paragraph {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.5;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__paragraph {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__paragraph {
    font-size: 16px;
  }
}
.c-showcase-plugin__description h1.c-showcase-plugin__title {
  font-size: calc(18px + 0 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h1.c-showcase-plugin__title {
    font-size: 18px;
  }
}
.c-showcase-plugin__description h2.c-showcase-plugin__mainheadline {
  font-size: calc(30px + 30 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__mainheadline {
    font-size: 60px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__mainheadline {
    font-size: 30px;
  }
}
.c-showcase-plugin__description h2.c-showcase-plugin__headline {
  font-size: calc(26px + 14 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__headline {
    font-size: 40px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__headline {
    font-size: 26px;
  }
}
.c-showcase-plugin__description h2.c-showcase-plugin__subheadline {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__subheadline {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__subheadline {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__subheadline + .c-showcase-plugin__headline,
  .c-showcase-plugin__description h2.c-showcase-plugin__subheadline + h1,
  .c-showcase-plugin__description h2.c-showcase-plugin__subheadline + h2 {
    margin-top: 0.75rem;
  }
}
.c-showcase-plugin__description h2.c-showcase-plugin__paragraph {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.5;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__paragraph {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__paragraph {
    font-size: 16px;
  }
}
.c-showcase-plugin__description h2.c-showcase-plugin__title {
  font-size: calc(18px + 0 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h2.c-showcase-plugin__title {
    font-size: 18px;
  }
}
.c-showcase-plugin__description h3.c-showcase-plugin__mainheadline {
  font-size: calc(30px + 30 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__mainheadline {
    font-size: 60px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__mainheadline {
    font-size: 30px;
  }
}
.c-showcase-plugin__description h3.c-showcase-plugin__headline {
  font-size: calc(26px + 14 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__headline {
    font-size: 40px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__headline {
    font-size: 26px;
  }
}
.c-showcase-plugin__description h3.c-showcase-plugin__subheadline {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__subheadline {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__subheadline {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__subheadline + .c-showcase-plugin__headline,
  .c-showcase-plugin__description h3.c-showcase-plugin__subheadline + h1,
  .c-showcase-plugin__description h3.c-showcase-plugin__subheadline + h2 {
    margin-top: 0.75rem;
  }
}
.c-showcase-plugin__description h3.c-showcase-plugin__paragraph {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.5;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__paragraph {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__paragraph {
    font-size: 16px;
  }
}
.c-showcase-plugin__description h3.c-showcase-plugin__title {
  font-size: calc(18px + 0 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description h3.c-showcase-plugin__title {
    font-size: 18px;
  }
}
.c-showcase-plugin__description p.c-showcase-plugin__mainheadline {
  font-size: calc(30px + 30 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description p.c-showcase-plugin__mainheadline {
    font-size: 60px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description p.c-showcase-plugin__mainheadline {
    font-size: 30px;
  }
}
.c-showcase-plugin__description p.c-showcase-plugin__headline {
  font-size: calc(26px + 14 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description p.c-showcase-plugin__headline {
    font-size: 40px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description p.c-showcase-plugin__headline {
    font-size: 26px;
  }
}
.c-showcase-plugin__description p.c-showcase-plugin__subheadline {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description p.c-showcase-plugin__subheadline {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description p.c-showcase-plugin__subheadline {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .c-showcase-plugin__description p.c-showcase-plugin__subheadline + .c-showcase-plugin__headline,
  .c-showcase-plugin__description p.c-showcase-plugin__subheadline + h1,
  .c-showcase-plugin__description p.c-showcase-plugin__subheadline + h2 {
    margin-top: 0.75rem;
  }
}
.c-showcase-plugin__description p.c-showcase-plugin__paragraph {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.5;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description p.c-showcase-plugin__paragraph {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description p.c-showcase-plugin__paragraph {
    font-size: 16px;
  }
}
.c-showcase-plugin__description p.c-showcase-plugin__title {
  font-size: calc(18px + 0 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description p.c-showcase-plugin__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description p.c-showcase-plugin__title {
    font-size: 18px;
  }
}
.c-showcase-plugin__description h1 {
  position: relative;
  margin-bottom: 0;
  line-height: 1.2;
}
.c-showcase-plugin__description h1 + div:not(.c-has-spacing),
.c-showcase-plugin__description h1 + p,
.c-showcase-plugin__description h1 + ul,
.c-showcase-plugin__description h1 + ol {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description h2 {
  position: relative;
  margin-bottom: 0;
  line-height: 1.2;
}
.c-showcase-plugin__description h2 + div:not(.c-has-spacing),
.c-showcase-plugin__description h2 + p,
.c-showcase-plugin__description h2 + ul,
.c-showcase-plugin__description h2 + ol {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description h3 {
  position: relative;
  margin-bottom: 0;
  line-height: 1.2;
}
.c-showcase-plugin__description h3 + div:not(.c-has-spacing),
.c-showcase-plugin__description h3 + p,
.c-showcase-plugin__description h3 + ul,
.c-showcase-plugin__description h3 + ol {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description h4 {
  position: relative;
  margin-bottom: 0;
  line-height: 1.2;
}
.c-showcase-plugin__description h4 + div:not(.c-has-spacing),
.c-showcase-plugin__description h4 + p,
.c-showcase-plugin__description h4 + ul,
.c-showcase-plugin__description h4 + ol {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description h5 {
  position: relative;
  margin-bottom: 0;
  line-height: 1.2;
}
.c-showcase-plugin__description h5 + div:not(.c-has-spacing),
.c-showcase-plugin__description h5 + p,
.c-showcase-plugin__description h5 + ul,
.c-showcase-plugin__description h5 + ol {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description h6 {
  position: relative;
  margin-bottom: 0;
  line-height: 1.2;
}
.c-showcase-plugin__description h6 + div:not(.c-has-spacing),
.c-showcase-plugin__description h6 + p,
.c-showcase-plugin__description h6 + ul,
.c-showcase-plugin__description h6 + ol {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description b,
.c-showcase-plugin__description strong {
  font-weight: normal;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-showcase-plugin__description b em,
.c-showcase-plugin__description strong em {
  font-style: italic;
}
.c-showcase-plugin__description em {
  font-style: italic;
}
.c-showcase-plugin__description em b,
.c-showcase-plugin__description em strong {
  font-weight: normal;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-showcase-plugin__description div:not(.c-has-spacing) + p,
.c-showcase-plugin__description div:not(.c-has-spacing) + ul,
.c-showcase-plugin__description div:not(.c-has-spacing) + ol,
.c-showcase-plugin__description div:not(.c-has-spacing) + h2,
.c-showcase-plugin__description div:not(.c-has-spacing) + h3,
.c-showcase-plugin__description div:not(.c-has-spacing) + h4 {
  margin-top: 3rem;
}
.c-showcase-plugin__description p {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1046));
  margin-bottom: 0;
  line-height: 1.5;
}
@media screen and (min-width: 1366px) {
  .c-showcase-plugin__description p {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .c-showcase-plugin__description p {
    font-size: 16px;
  }
}
.c-showcase-plugin__description p + div:not(.c-has-spacing),
.c-showcase-plugin__description p + p {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description p + div:not(.c-has-spacing):has(.c-button),
.c-showcase-plugin__description p + p:has(.c-button) {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description p + ul,
.c-showcase-plugin__description p + ol {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description p + h2,
.c-showcase-plugin__description p + h3,
.c-showcase-plugin__description p + h4 {
  margin-top: 3rem;
}
.c-showcase-plugin__description ul + p {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description ul + h2,
.c-showcase-plugin__description ul + h3,
.c-showcase-plugin__description ul + h4 {
  margin-top: 3rem;
}
.c-showcase-plugin__description ol + p {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description ol + h2,
.c-showcase-plugin__description ol + h3,
.c-showcase-plugin__description ol + h4 {
  margin-top: 3rem;
}
.c-showcase-plugin__description hr {
  border-width: 0 0 1px 0;
  border-color: #e5e5e5;
}
.c-showcase-plugin__description hr + p {
  margin-top: 1.5rem;
}
.c-showcase-plugin__description a:not(.c-button) {
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.c-showcase-plugin__description a[href$=".pdf"]::before {
  content: "\f117"/"";
  padding-right: 0.375rem;
  color: #23384d;
}
.c-showcase-plugin__description a + br + a {
  display: inline-block;
  padding-top: 0.375rem;
}
.c-showcase-plugin__description .c-button + .c-button {
  margin-left: 0.75rem;
}
@media screen and (min-width: 721px) {
  .c-showcase-plugin__description .c-button + .c-button {
    margin-left: 1.5rem;
  }
}
.c-showcase-plugin__description u {
  text-underline-offset: 3px;
}

/* Included in
hatraco/templates/showcase/nextgen/plugins/layouts/image/snippets/description.html
hatraco/templates/showcase/nextgen/plugins/showcase_container_text.html
hatraco/templates/showcase/nextgen/plugins/showcase_container_slideshow.html
*/

/*# sourceMappingURL=partials.showcase.description.css.map */