@charset "UTF-8";
/**
* forms upgrade 2023
*/
@import "/css/c3d71667f6ad1a7ba3544102393eb2d1/family-roboto-400Swap.css";
@import "/css/be64d8355746fea09ac26fa1741e064b/family-roboto-500Swap.css";
@import "/css/3096bd3ee7eb21a6a277c47e869c0703/family-roboto-700Swap.css";
@import "/css/f78b6d590da8d250396df30f8b4d72b4/family-notosans-400Swap.css";
@import "/css/b3f44e508ea9ee0708d31ba0a0c02df9/family-yellowtail-400Swap.css";
@import "/r05/staticContent/fonts/fontawesome/v5.0.13/css/all.css";
@import "/css/a121d223c323e5928a608744de686579/dropzone.min.css";
body {
  -moz-osx-font-smoothing: grayscale; }

.igusnx + nobr .container > .row div {
  float: left; }

* {
  padding: 0;
  margin: 0; }

a[href^=tel] {
  color: inherit;
  text-decoration: none; }

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/source/9a4ab4474fcff7b0518081e4391544e2") format("woff2"), url("/r05/staticContent/fonts/material-icons/material-icons-outlined.woff") format("woff"); }

.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga'; }

/** 
* enable flexbox model for BS 3.x
* this basically extends utility classes like used in BS 5.x
*
* @author Lars Ortlepp | lortlepp.ext@igus.de | jan 09 2023
*/
.d-inline {
  display: inline !important; }

@media (min-width: 345px) {
  .d-xs-inline {
    display: inline !important; } }

@media (min-width: 536px) {
  .d-sm-inline {
    display: inline !important; } }

@media (min-width: 720px) {
  .d-md-inline {
    display: inline !important; } }

@media (min-width: 940px) {
  .d-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important; } }

.d-flex {
  display: flex !important; }

@media (min-width: 345px) {
  .d-xs-flex {
    display: flex !important; } }

@media (min-width: 536px) {
  .d-sm-flex {
    display: flex !important; } }

@media (min-width: 720px) {
  .d-md-flex {
    display: flex !important; } }

@media (min-width: 940px) {
  .d-lg-flex {
    display: flex !important; } }

@media (min-width: 1200px) {
  .d-xl-flex {
    display: flex !important; } }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 345px) {
  .d-xs-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 536px) {
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 720px) {
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 940px) {
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-inline-flex {
    display: inline-flex !important; } }

.d-none {
  display: none !important; }

@media (min-width: 345px) {
  .d-xs-none {
    display: none !important; } }

@media (min-width: 536px) {
  .d-sm-none {
    display: none !important; } }

@media (min-width: 720px) {
  .d-md-none {
    display: none !important; } }

@media (min-width: 940px) {
  .d-lg-none {
    display: none !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; } }

.d-inherit {
  display: inherit !important; }

@media (min-width: 345px) {
  .d-xs-inherit {
    display: inherit !important; } }

@media (min-width: 536px) {
  .d-sm-inherit {
    display: inherit !important; } }

@media (min-width: 720px) {
  .d-md-inherit {
    display: inherit !important; } }

@media (min-width: 940px) {
  .d-lg-inherit {
    display: inherit !important; } }

@media (min-width: 1200px) {
  .d-xl-inherit {
    display: inherit !important; } }

.d-block {
  display: block !important; }

@media (min-width: 345px) {
  .d-xs-block {
    display: block !important; } }

@media (min-width: 536px) {
  .d-sm-block {
    display: block !important; } }

@media (min-width: 720px) {
  .d-md-block {
    display: block !important; } }

@media (min-width: 940px) {
  .d-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important; } }

.d-inline-block {
  display: inline-block !important; }

@media (min-width: 345px) {
  .d-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 536px) {
  .d-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 720px) {
  .d-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 940px) {
  .d-lg-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .d-xl-inline-block {
    display: inline-block !important; } }

.d-inline {
  display: inline !important; }

@media (min-width: 345px) {
  .d-xs-inline {
    display: inline !important; } }

@media (min-width: 536px) {
  .d-sm-inline {
    display: inline !important; } }

@media (min-width: 720px) {
  .d-md-inline {
    display: inline !important; } }

@media (min-width: 940px) {
  .d-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important; } }

.flex-fill {
  flex: fill !important; }

@media (min-width: 345px) {
  .flex-xs-fill {
    flex: fill !important; } }

@media (min-width: 536px) {
  .flex-sm-fill {
    flex: fill !important; } }

@media (min-width: 720px) {
  .flex-md-fill {
    flex: fill !important; } }

@media (min-width: 940px) {
  .flex-lg-fill {
    flex: fill !important; } }

@media (min-width: 1200px) {
  .flex-xl-fill {
    flex: fill !important; } }

.flex-row {
  flex-direction: row !important; }

@media (min-width: 345px) {
  .flex-xs-row {
    flex-direction: row !important; } }

@media (min-width: 536px) {
  .flex-sm-row {
    flex-direction: row !important; } }

@media (min-width: 720px) {
  .flex-md-row {
    flex-direction: row !important; } }

@media (min-width: 940px) {
  .flex-lg-row {
    flex-direction: row !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; } }

.flex-column {
  flex-direction: column !important; }

@media (min-width: 345px) {
  .flex-xs-column {
    flex-direction: column !important; } }

@media (min-width: 536px) {
  .flex-sm-column {
    flex-direction: column !important; } }

@media (min-width: 720px) {
  .flex-md-column {
    flex-direction: column !important; } }

@media (min-width: 940px) {
  .flex-lg-column {
    flex-direction: column !important; } }

@media (min-width: 1200px) {
  .flex-xl-column {
    flex-direction: column !important; } }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

@media (min-width: 345px) {
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important; } }

@media (min-width: 536px) {
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; } }

@media (min-width: 720px) {
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; } }

@media (min-width: 940px) {
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; } }

@media (min-width: 1200px) {
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; } }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

@media (min-width: 345px) {
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important; } }

@media (min-width: 536px) {
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; } }

@media (min-width: 720px) {
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; } }

@media (min-width: 940px) {
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; } }

@media (min-width: 1200px) {
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; } }

.flex-grow-0 {
  flex-grow: grow-0 !important; }

@media (min-width: 345px) {
  .flex-xs-grow-0 {
    flex-grow: grow-0 !important; } }

@media (min-width: 536px) {
  .flex-sm-grow-0 {
    flex-grow: grow-0 !important; } }

@media (min-width: 720px) {
  .flex-md-grow-0 {
    flex-grow: grow-0 !important; } }

@media (min-width: 940px) {
  .flex-lg-grow-0 {
    flex-grow: grow-0 !important; } }

@media (min-width: 1200px) {
  .flex-xl-grow-0 {
    flex-grow: grow-0 !important; } }

.flex-grow-1 {
  flex-grow: grow-1 !important; }

@media (min-width: 345px) {
  .flex-xs-grow-1 {
    flex-grow: grow-1 !important; } }

@media (min-width: 536px) {
  .flex-sm-grow-1 {
    flex-grow: grow-1 !important; } }

@media (min-width: 720px) {
  .flex-md-grow-1 {
    flex-grow: grow-1 !important; } }

@media (min-width: 940px) {
  .flex-lg-grow-1 {
    flex-grow: grow-1 !important; } }

@media (min-width: 1200px) {
  .flex-xl-grow-1 {
    flex-grow: grow-1 !important; } }

.flex-shrink-0 {
  flex-shrink: shrink-0 !important; }

@media (min-width: 345px) {
  .flex-xs-shrink-0 {
    flex-shrink: shrink-0 !important; } }

@media (min-width: 536px) {
  .flex-sm-shrink-0 {
    flex-shrink: shrink-0 !important; } }

@media (min-width: 720px) {
  .flex-md-shrink-0 {
    flex-shrink: shrink-0 !important; } }

@media (min-width: 940px) {
  .flex-lg-shrink-0 {
    flex-shrink: shrink-0 !important; } }

@media (min-width: 1200px) {
  .flex-xl-shrink-0 {
    flex-shrink: shrink-0 !important; } }

.flex-shrink-1 {
  flex-shrink: shrink-1 !important; }

@media (min-width: 345px) {
  .flex-xs-shrink-1 {
    flex-shrink: shrink-1 !important; } }

@media (min-width: 536px) {
  .flex-sm-shrink-1 {
    flex-shrink: shrink-1 !important; } }

@media (min-width: 720px) {
  .flex-md-shrink-1 {
    flex-shrink: shrink-1 !important; } }

@media (min-width: 940px) {
  .flex-lg-shrink-1 {
    flex-shrink: shrink-1 !important; } }

@media (min-width: 1200px) {
  .flex-xl-shrink-1 {
    flex-shrink: shrink-1 !important; } }

.flex-wrap {
  flex-wrap: wrap !important; }

@media (min-width: 345px) {
  .flex-xs-wrap {
    flex-wrap: wrap !important; } }

@media (min-width: 536px) {
  .flex-sm-wrap {
    flex-wrap: wrap !important; } }

@media (min-width: 720px) {
  .flex-md-wrap {
    flex-wrap: wrap !important; } }

@media (min-width: 940px) {
  .flex-lg-wrap {
    flex-wrap: wrap !important; } }

@media (min-width: 1200px) {
  .flex-xl-wrap {
    flex-wrap: wrap !important; } }

.flex-nowrap {
  flex-wrap: nowrap !important; }

@media (min-width: 345px) {
  .flex-xs-nowrap {
    flex-wrap: nowrap !important; } }

@media (min-width: 536px) {
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; } }

@media (min-width: 720px) {
  .flex-md-nowrap {
    flex-wrap: nowrap !important; } }

@media (min-width: 940px) {
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; } }

@media (min-width: 1200px) {
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; } }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

@media (min-width: 345px) {
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important; } }

@media (min-width: 536px) {
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; } }

@media (min-width: 720px) {
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; } }

@media (min-width: 940px) {
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; } }

@media (min-width: 1200px) {
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; } }

.justify-content-start {
  justify-content: start !important; }

@media (min-width: 345px) {
  .justify-content-xs-start {
    justify-content: start !important; } }

@media (min-width: 536px) {
  .justify-content-sm-start {
    justify-content: start !important; } }

@media (min-width: 720px) {
  .justify-content-md-start {
    justify-content: start !important; } }

@media (min-width: 940px) {
  .justify-content-lg-start {
    justify-content: start !important; } }

@media (min-width: 1200px) {
  .justify-content-xl-start {
    justify-content: start !important; } }

.justify-content-end {
  justify-content: end !important; }

@media (min-width: 345px) {
  .justify-content-xs-end {
    justify-content: end !important; } }

@media (min-width: 536px) {
  .justify-content-sm-end {
    justify-content: end !important; } }

@media (min-width: 720px) {
  .justify-content-md-end {
    justify-content: end !important; } }

@media (min-width: 940px) {
  .justify-content-lg-end {
    justify-content: end !important; } }

@media (min-width: 1200px) {
  .justify-content-xl-end {
    justify-content: end !important; } }

.justify-content-center {
  justify-content: center !important; }

@media (min-width: 345px) {
  .justify-content-xs-center {
    justify-content: center !important; } }

@media (min-width: 536px) {
  .justify-content-sm-center {
    justify-content: center !important; } }

@media (min-width: 720px) {
  .justify-content-md-center {
    justify-content: center !important; } }

@media (min-width: 940px) {
  .justify-content-lg-center {
    justify-content: center !important; } }

@media (min-width: 1200px) {
  .justify-content-xl-center {
    justify-content: center !important; } }

.justify-content-between {
  justify-content: between !important; }

@media (min-width: 345px) {
  .justify-content-xs-between {
    justify-content: between !important; } }

@media (min-width: 536px) {
  .justify-content-sm-between {
    justify-content: between !important; } }

@media (min-width: 720px) {
  .justify-content-md-between {
    justify-content: between !important; } }

@media (min-width: 940px) {
  .justify-content-lg-between {
    justify-content: between !important; } }

@media (min-width: 1200px) {
  .justify-content-xl-between {
    justify-content: between !important; } }

.justify-content-around {
  justify-content: around !important; }

@media (min-width: 345px) {
  .justify-content-xs-around {
    justify-content: around !important; } }

@media (min-width: 536px) {
  .justify-content-sm-around {
    justify-content: around !important; } }

@media (min-width: 720px) {
  .justify-content-md-around {
    justify-content: around !important; } }

@media (min-width: 940px) {
  .justify-content-lg-around {
    justify-content: around !important; } }

@media (min-width: 1200px) {
  .justify-content-xl-around {
    justify-content: around !important; } }

.justify-content-evenly {
  justify-content: evenly !important; }

@media (min-width: 345px) {
  .justify-content-xs-evenly {
    justify-content: evenly !important; } }

@media (min-width: 536px) {
  .justify-content-sm-evenly {
    justify-content: evenly !important; } }

@media (min-width: 720px) {
  .justify-content-md-evenly {
    justify-content: evenly !important; } }

@media (min-width: 940px) {
  .justify-content-lg-evenly {
    justify-content: evenly !important; } }

@media (min-width: 1200px) {
  .justify-content-xl-evenly {
    justify-content: evenly !important; } }

.align-items-start {
  align-items: start !important; }

@media (min-width: 345px) {
  .align-items-xs-start {
    align-items: start !important; } }

@media (min-width: 536px) {
  .align-items-sm-start {
    align-items: start !important; } }

@media (min-width: 720px) {
  .align-items-md-start {
    align-items: start !important; } }

@media (min-width: 940px) {
  .align-items-lg-start {
    align-items: start !important; } }

@media (min-width: 1200px) {
  .align-items-xl-start {
    align-items: start !important; } }

.align-items-end {
  align-items: end !important; }

@media (min-width: 345px) {
  .align-items-xs-end {
    align-items: end !important; } }

@media (min-width: 536px) {
  .align-items-sm-end {
    align-items: end !important; } }

@media (min-width: 720px) {
  .align-items-md-end {
    align-items: end !important; } }

@media (min-width: 940px) {
  .align-items-lg-end {
    align-items: end !important; } }

@media (min-width: 1200px) {
  .align-items-xl-end {
    align-items: end !important; } }

.align-items-center {
  align-items: center !important; }

@media (min-width: 345px) {
  .align-items-xs-center {
    align-items: center !important; } }

@media (min-width: 536px) {
  .align-items-sm-center {
    align-items: center !important; } }

@media (min-width: 720px) {
  .align-items-md-center {
    align-items: center !important; } }

@media (min-width: 940px) {
  .align-items-lg-center {
    align-items: center !important; } }

@media (min-width: 1200px) {
  .align-items-xl-center {
    align-items: center !important; } }

.align-items-baseline {
  align-items: baseline !important; }

@media (min-width: 345px) {
  .align-items-xs-baseline {
    align-items: baseline !important; } }

@media (min-width: 536px) {
  .align-items-sm-baseline {
    align-items: baseline !important; } }

@media (min-width: 720px) {
  .align-items-md-baseline {
    align-items: baseline !important; } }

@media (min-width: 940px) {
  .align-items-lg-baseline {
    align-items: baseline !important; } }

@media (min-width: 1200px) {
  .align-items-xl-baseline {
    align-items: baseline !important; } }

.align-items-stretch {
  align-items: stretch !important; }

@media (min-width: 345px) {
  .align-items-xs-stretch {
    align-items: stretch !important; } }

@media (min-width: 536px) {
  .align-items-sm-stretch {
    align-items: stretch !important; } }

@media (min-width: 720px) {
  .align-items-md-stretch {
    align-items: stretch !important; } }

@media (min-width: 940px) {
  .align-items-lg-stretch {
    align-items: stretch !important; } }

@media (min-width: 1200px) {
  .align-items-xl-stretch {
    align-items: stretch !important; } }

.align-content-start {
  align-content: start !important; }

@media (min-width: 345px) {
  .align-content-xs-start {
    align-content: start !important; } }

@media (min-width: 536px) {
  .align-content-sm-start {
    align-content: start !important; } }

@media (min-width: 720px) {
  .align-content-md-start {
    align-content: start !important; } }

@media (min-width: 940px) {
  .align-content-lg-start {
    align-content: start !important; } }

@media (min-width: 1200px) {
  .align-content-xl-start {
    align-content: start !important; } }

.align-content-end {
  align-content: end !important; }

@media (min-width: 345px) {
  .align-content-xs-end {
    align-content: end !important; } }

@media (min-width: 536px) {
  .align-content-sm-end {
    align-content: end !important; } }

@media (min-width: 720px) {
  .align-content-md-end {
    align-content: end !important; } }

@media (min-width: 940px) {
  .align-content-lg-end {
    align-content: end !important; } }

@media (min-width: 1200px) {
  .align-content-xl-end {
    align-content: end !important; } }

.align-content-center {
  align-content: center !important; }

@media (min-width: 345px) {
  .align-content-xs-center {
    align-content: center !important; } }

@media (min-width: 536px) {
  .align-content-sm-center {
    align-content: center !important; } }

@media (min-width: 720px) {
  .align-content-md-center {
    align-content: center !important; } }

@media (min-width: 940px) {
  .align-content-lg-center {
    align-content: center !important; } }

@media (min-width: 1200px) {
  .align-content-xl-center {
    align-content: center !important; } }

.align-content-between {
  align-content: between !important; }

@media (min-width: 345px) {
  .align-content-xs-between {
    align-content: between !important; } }

@media (min-width: 536px) {
  .align-content-sm-between {
    align-content: between !important; } }

@media (min-width: 720px) {
  .align-content-md-between {
    align-content: between !important; } }

@media (min-width: 940px) {
  .align-content-lg-between {
    align-content: between !important; } }

@media (min-width: 1200px) {
  .align-content-xl-between {
    align-content: between !important; } }

.align-content-around {
  align-content: around !important; }

@media (min-width: 345px) {
  .align-content-xs-around {
    align-content: around !important; } }

@media (min-width: 536px) {
  .align-content-sm-around {
    align-content: around !important; } }

@media (min-width: 720px) {
  .align-content-md-around {
    align-content: around !important; } }

@media (min-width: 940px) {
  .align-content-lg-around {
    align-content: around !important; } }

@media (min-width: 1200px) {
  .align-content-xl-around {
    align-content: around !important; } }

.align-content-stretch {
  align-content: stretch !important; }

@media (min-width: 345px) {
  .align-content-xs-stretch {
    align-content: stretch !important; } }

@media (min-width: 536px) {
  .align-content-sm-stretch {
    align-content: stretch !important; } }

@media (min-width: 720px) {
  .align-content-md-stretch {
    align-content: stretch !important; } }

@media (min-width: 940px) {
  .align-content-lg-stretch {
    align-content: stretch !important; } }

@media (min-width: 1200px) {
  .align-content-xl-stretch {
    align-content: stretch !important; } }

.align-self-auto {
  align-self: auto !important; }

@media (min-width: 345px) {
  .align-self-xs-auto {
    align-self: auto !important; } }

@media (min-width: 536px) {
  .align-self-sm-auto {
    align-self: auto !important; } }

@media (min-width: 720px) {
  .align-self-md-auto {
    align-self: auto !important; } }

@media (min-width: 940px) {
  .align-self-lg-auto {
    align-self: auto !important; } }

@media (min-width: 1200px) {
  .align-self-xl-auto {
    align-self: auto !important; } }

.align-self-start {
  align-self: start !important; }

@media (min-width: 345px) {
  .align-self-xs-start {
    align-self: start !important; } }

@media (min-width: 536px) {
  .align-self-sm-start {
    align-self: start !important; } }

@media (min-width: 720px) {
  .align-self-md-start {
    align-self: start !important; } }

@media (min-width: 940px) {
  .align-self-lg-start {
    align-self: start !important; } }

@media (min-width: 1200px) {
  .align-self-xl-start {
    align-self: start !important; } }

.align-self-end {
  align-self: end !important; }

@media (min-width: 345px) {
  .align-self-xs-end {
    align-self: end !important; } }

@media (min-width: 536px) {
  .align-self-sm-end {
    align-self: end !important; } }

@media (min-width: 720px) {
  .align-self-md-end {
    align-self: end !important; } }

@media (min-width: 940px) {
  .align-self-lg-end {
    align-self: end !important; } }

@media (min-width: 1200px) {
  .align-self-xl-end {
    align-self: end !important; } }

.align-self-center {
  align-self: center !important; }

@media (min-width: 345px) {
  .align-self-xs-center {
    align-self: center !important; } }

@media (min-width: 536px) {
  .align-self-sm-center {
    align-self: center !important; } }

@media (min-width: 720px) {
  .align-self-md-center {
    align-self: center !important; } }

@media (min-width: 940px) {
  .align-self-lg-center {
    align-self: center !important; } }

@media (min-width: 1200px) {
  .align-self-xl-center {
    align-self: center !important; } }

.align-self-baseline {
  align-self: baseline !important; }

@media (min-width: 345px) {
  .align-self-xs-baseline {
    align-self: baseline !important; } }

@media (min-width: 536px) {
  .align-self-sm-baseline {
    align-self: baseline !important; } }

@media (min-width: 720px) {
  .align-self-md-baseline {
    align-self: baseline !important; } }

@media (min-width: 940px) {
  .align-self-lg-baseline {
    align-self: baseline !important; } }

@media (min-width: 1200px) {
  .align-self-xl-baseline {
    align-self: baseline !important; } }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 345px) {
  .align-self-xs-stretch {
    align-self: stretch !important; } }

@media (min-width: 536px) {
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 720px) {
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 940px) {
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.order-first {
  order: first !important; }

@media (min-width: 345px) {
  .order-xs-first {
    order: first !important; } }

@media (min-width: 536px) {
  .order-sm-first {
    order: first !important; } }

@media (min-width: 720px) {
  .order-md-first {
    order: first !important; } }

@media (min-width: 940px) {
  .order-lg-first {
    order: first !important; } }

@media (min-width: 1200px) {
  .order-xl-first {
    order: first !important; } }

.order-0 {
  order: 0 !important; }

@media (min-width: 345px) {
  .order-xs-0 {
    order: 0 !important; } }

@media (min-width: 536px) {
  .order-sm-0 {
    order: 0 !important; } }

@media (min-width: 720px) {
  .order-md-0 {
    order: 0 !important; } }

@media (min-width: 940px) {
  .order-lg-0 {
    order: 0 !important; } }

@media (min-width: 1200px) {
  .order-xl-0 {
    order: 0 !important; } }

.order-1 {
  order: 1 !important; }

@media (min-width: 345px) {
  .order-xs-1 {
    order: 1 !important; } }

@media (min-width: 536px) {
  .order-sm-1 {
    order: 1 !important; } }

@media (min-width: 720px) {
  .order-md-1 {
    order: 1 !important; } }

@media (min-width: 940px) {
  .order-lg-1 {
    order: 1 !important; } }

@media (min-width: 1200px) {
  .order-xl-1 {
    order: 1 !important; } }

.order-2 {
  order: 2 !important; }

@media (min-width: 345px) {
  .order-xs-2 {
    order: 2 !important; } }

@media (min-width: 536px) {
  .order-sm-2 {
    order: 2 !important; } }

@media (min-width: 720px) {
  .order-md-2 {
    order: 2 !important; } }

@media (min-width: 940px) {
  .order-lg-2 {
    order: 2 !important; } }

@media (min-width: 1200px) {
  .order-xl-2 {
    order: 2 !important; } }

.order-3 {
  order: 3 !important; }

@media (min-width: 345px) {
  .order-xs-3 {
    order: 3 !important; } }

@media (min-width: 536px) {
  .order-sm-3 {
    order: 3 !important; } }

@media (min-width: 720px) {
  .order-md-3 {
    order: 3 !important; } }

@media (min-width: 940px) {
  .order-lg-3 {
    order: 3 !important; } }

@media (min-width: 1200px) {
  .order-xl-3 {
    order: 3 !important; } }

.order-4 {
  order: 4 !important; }

@media (min-width: 345px) {
  .order-xs-4 {
    order: 4 !important; } }

@media (min-width: 536px) {
  .order-sm-4 {
    order: 4 !important; } }

@media (min-width: 720px) {
  .order-md-4 {
    order: 4 !important; } }

@media (min-width: 940px) {
  .order-lg-4 {
    order: 4 !important; } }

@media (min-width: 1200px) {
  .order-xl-4 {
    order: 4 !important; } }

.order-5 {
  order: 5 !important; }

@media (min-width: 345px) {
  .order-xs-5 {
    order: 5 !important; } }

@media (min-width: 536px) {
  .order-sm-5 {
    order: 5 !important; } }

@media (min-width: 720px) {
  .order-md-5 {
    order: 5 !important; } }

@media (min-width: 940px) {
  .order-lg-5 {
    order: 5 !important; } }

@media (min-width: 1200px) {
  .order-xl-5 {
    order: 5 !important; } }

.order-last {
  order: last !important; }

@media (min-width: 345px) {
  .order-xs-last {
    order: last !important; } }

@media (min-width: 536px) {
  .order-sm-last {
    order: last !important; } }

@media (min-width: 720px) {
  .order-md-last {
    order: last !important; } }

@media (min-width: 940px) {
  .order-lg-last {
    order: last !important; } }

@media (min-width: 1200px) {
  .order-xl-last {
    order: last !important; } }

.col-1 {
  width: 8.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-2 {
  width: 16.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-3 {
  width: 25%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-4 {
  width: 33.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-5 {
  width: 41.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-6 {
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-7 {
  width: 58.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-8 {
  width: 66.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-9 {
  width: 75%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-10 {
  width: 83.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-11 {
  width: 91.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.col-12 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  float: none; }

.fade-in {
  animation: fadeIn ease 0.3s;
  animation-fill-mode: forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }

.fade-out {
  animation: fadeOut ease 0.3s;
  animation-fill-mode: forwards; }

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }

.igus-code-example-docs {
  display: flex;
  align-items: center;
  margin-top: 10px; }
  .igus-code-example-docs a {
    display: block;
    margin: 0 5px; }

.igus-code-example-code {
  position: relative; }
  .igus-code-example-code.collapsed::before {
    box-shadow: inset 0px -20px 20px -10px rgba(0, 0, 0, 0.8);
    height: 30px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .igus-code-example-code.collapsed textarea {
    height: 160px !important; }
  .igus-code-example-code a {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #d8d8d8;
    width: 18px;
    height: 20px;
    background-image: url("../images/icons/igus-icon-copy-to-clipboard.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 2px; }
    .igus-code-example-code a:hover {
      background-color: #ffffff; }
    .igus-code-example-code a:before {
      position: absolute;
      z-index: 1;
      content: '';
      width: 18px;
      height: 20px;
      background-color: #00cf45;
      background-image: url("../images/icons/igus-icon-check.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 2px;
      opacity: 0; }
  .igus-code-example-code textarea {
    background-color: #363636;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Monaco', monospace, sans-serif;
    margin: 10px;
    padding: 10px !important;
    color: #ffd496;
    min-height: 150px;
    overflow: auto;
    transition: all 0.3s ease-out; }
    .igus-code-example-code textarea, .igus-code-example-code textarea:focus {
      border: none; }
  .igus-code-example-code ul {
    list-style-type: none;
    margin: 0 0 15px 0; }
  .igus-code-example-code .copy-success {
    position: absolute;
    right: 25px;
    top: 5px;
    background-color: #00cf45;
    padding: 2px;
    font-size: 11px;
    z-index: 1;
    opacity: 0;
    height: 20px;
    border-radius: 2px; }
  .igus-code-example-code.copy-to-clipboard-success .copy-success,
  .igus-code-example-code.copy-to-clipboard-success a::before {
    opacity: 1;
    transition: all 0.3s; }

.igus-code-example-expand {
  display: block;
  margin-top: 3px;
  font-size: 14px; }

/* reverses order of consent buttons */
.ppms_cm_popup_overlay .ppms_cm_centered_buttons {
  flex-direction: row-reverse !important; }
  .ppms_cm_popup_overlay .ppms_cm_centered_buttons .ppms_cm_button:hover, .ppms_cm_popup_overlay .ppms_cm_centered_buttons .ppms_cm_button:focus,
  .ppms_cm_popup_overlay .ppms_cm_centered_buttons .ppms_cm_button_primary:hover,
  .ppms_cm_popup_overlay .ppms_cm_centered_buttons .ppms_cm_button_primary:focus {
    margin: 0 3px !important; }

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button,
input,
select,
textarea {
  font: inherit; }

optgroup {
  font-weight: bold; }

button,
input,
select {
  overflow: visible; }

button,
input,
select,
textarea {
  margin: 0; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

[disabled] {
  cursor: default; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-ms-viewport {
  width: device-width; }

html {
  font-size: 10px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #363636;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, .igus072forgotpass .igus072forgotpass__headline, h5, .igus072forgotpass .headline, .igus073ordersummary .headline, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p, .igus073ordersummary .headline .text {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #f07d00;
  text-decoration: none; }
  a:focus, a:hover {
    color: #a45500;
    text-decoration: none; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: none; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse;
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, .igus072forgotpass .igus072forgotpass__headline, h5, .igus072forgotpass .headline, .igus073ordersummary .headline, h6,
.h1,
.igussec14basket .headline, .h2, .h3, .h4, .h5, .h6, .igus074baskettile .igus074baskettile__headline, .igus087pager .resultcount label {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.5;
  color: inherit; }

h1,
.h1,
.igussec14basket .headline {
  font-size: 6rem; }

h2, .h2 {
  font-size: 3rem; }

h3, .h3 {
  font-size: 2.6rem; }

h4, .igus072forgotpass .igus072forgotpass__headline, .h4 {
  font-size: 2.2rem; }

h5, .igus072forgotpass .headline, .igus073ordersummary .headline, .h5 {
  font-size: 1.6rem; }

h6, .h6, .igus074baskettile .igus074baskettile__headline, .igus087pager .resultcount label {
  font-size: 1.4rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 400; }

.display-1 {
  font-size: 6rem;
  font-weight: 400; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 400; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 400; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 400; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: normal; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

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

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

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  border-left: 0.25rem solid #eceeef; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #818a91; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014"; }

dl.row > dd + dt {
  clear: left; }

.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0.3rem; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #818a91; }

.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0.3rem; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #818a91; }

code,
kbd,
pre,
samp {
  font-family: "Roboto", Arial, sans-serif; }

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #373a3c; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 345px) {
    .container {
      max-width: 345px; } }
  @media (min-width: 536px) {
    .container {
      max-width: 536px; } }
  @media (min-width: 720px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 940px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1200px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid::after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .igus073ordersummary .igus073ordersummary__refine .pair .variable, .igus073ordersummary .igus073ordersummary__refine .pair .value, .igus073ordersummary .igus073ordersummary__infobox .pair .variable, .igus073ordersummary .igus073ordersummary__infobox .pair .value, .pair .variable, .pair .value, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .igus073ordersummary.pruefen .igus073ordersummary__refine .variable, .igus073ordersummary.pruefen .igus073ordersummary__refine .value, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 345px) {
  .col-xs-1 {
    float: left;
    width: 8.3333333333%; }
  .col-xs-2 {
    float: left;
    width: 16.6666666667%; }
  .col-xs-3 {
    float: left;
    width: 25%; }
  .col-xs-4 {
    float: left;
    width: 33.3333333333%; }
  .col-xs-5 {
    float: left;
    width: 41.6666666667%; }
  .col-xs-6, .igus073ordersummary .igus073ordersummary__refine .pair .variable, .igus073ordersummary .igus073ordersummary__refine .pair .value, .igus073ordersummary .igus073ordersummary__infobox .pair .variable, .igus073ordersummary .igus073ordersummary__infobox .pair .value, .pair .variable, .pair .value {
    float: left;
    width: 50%; }
  .col-xs-7 {
    float: left;
    width: 58.3333333333%; }
  .col-xs-8 {
    float: left;
    width: 66.6666666667%; }
  .col-xs-9 {
    float: left;
    width: 75%; }
  .col-xs-10 {
    float: left;
    width: 83.3333333333%; }
  .col-xs-11 {
    float: left;
    width: 91.6666666667%; }
  .col-xs-12 {
    float: left;
    width: 100%; }
  .pull-xs-0 {
    right: auto; }
  .pull-xs-1 {
    right: 8.3333333333%; }
  .pull-xs-2 {
    right: 16.6666666667%; }
  .pull-xs-3 {
    right: 25%; }
  .pull-xs-4 {
    right: 33.3333333333%; }
  .pull-xs-5 {
    right: 41.6666666667%; }
  .pull-xs-6 {
    right: 50%; }
  .pull-xs-7 {
    right: 58.3333333333%; }
  .pull-xs-8 {
    right: 66.6666666667%; }
  .pull-xs-9 {
    right: 75%; }
  .pull-xs-10 {
    right: 83.3333333333%; }
  .pull-xs-11 {
    right: 91.6666666667%; }
  .pull-xs-12 {
    right: 100%; }
  .push-xs-0 {
    left: auto; }
  .push-xs-1 {
    left: 8.3333333333%; }
  .push-xs-2 {
    left: 16.6666666667%; }
  .push-xs-3 {
    left: 25%; }
  .push-xs-4 {
    left: 33.3333333333%; }
  .push-xs-5 {
    left: 41.6666666667%; }
  .push-xs-6 {
    left: 50%; }
  .push-xs-7 {
    left: 58.3333333333%; }
  .push-xs-8 {
    left: 66.6666666667%; }
  .push-xs-9 {
    left: 75%; }
  .push-xs-10 {
    left: 83.3333333333%; }
  .push-xs-11 {
    left: 91.6666666667%; }
  .push-xs-12 {
    left: 100%; }
  .offset-xs-1 {
    margin-left: 8.3333333333%; }
  .offset-xs-2 {
    margin-left: 16.6666666667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.3333333333%; }
  .offset-xs-5 {
    margin-left: 41.6666666667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.3333333333%; }
  .offset-xs-8 {
    margin-left: 66.6666666667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.3333333333%; }
  .offset-xs-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 536px) {
  .col-sm-1 {
    float: left;
    width: 8.3333333333%; }
  .col-sm-2 {
    float: left;
    width: 16.6666666667%; }
  .col-sm-3 {
    float: left;
    width: 25%; }
  .col-sm-4 {
    float: left;
    width: 33.3333333333%; }
  .col-sm-5 {
    float: left;
    width: 41.6666666667%; }
  .col-sm-6 {
    float: left;
    width: 50%; }
  .col-sm-7 {
    float: left;
    width: 58.3333333333%; }
  .col-sm-8 {
    float: left;
    width: 66.6666666667%; }
  .col-sm-9 {
    float: left;
    width: 75%; }
  .col-sm-10 {
    float: left;
    width: 83.3333333333%; }
  .col-sm-11 {
    float: left;
    width: 91.6666666667%; }
  .col-sm-12 {
    float: left;
    width: 100%; }
  .pull-sm-0 {
    right: auto; }
  .pull-sm-1 {
    right: 8.3333333333%; }
  .pull-sm-2 {
    right: 16.6666666667%; }
  .pull-sm-3 {
    right: 25%; }
  .pull-sm-4 {
    right: 33.3333333333%; }
  .pull-sm-5 {
    right: 41.6666666667%; }
  .pull-sm-6 {
    right: 50%; }
  .pull-sm-7 {
    right: 58.3333333333%; }
  .pull-sm-8 {
    right: 66.6666666667%; }
  .pull-sm-9 {
    right: 75%; }
  .pull-sm-10 {
    right: 83.3333333333%; }
  .pull-sm-11 {
    right: 91.6666666667%; }
  .pull-sm-12 {
    right: 100%; }
  .push-sm-0 {
    left: auto; }
  .push-sm-1 {
    left: 8.3333333333%; }
  .push-sm-2 {
    left: 16.6666666667%; }
  .push-sm-3 {
    left: 25%; }
  .push-sm-4 {
    left: 33.3333333333%; }
  .push-sm-5 {
    left: 41.6666666667%; }
  .push-sm-6 {
    left: 50%; }
  .push-sm-7 {
    left: 58.3333333333%; }
  .push-sm-8 {
    left: 66.6666666667%; }
  .push-sm-9 {
    left: 75%; }
  .push-sm-10 {
    left: 83.3333333333%; }
  .push-sm-11 {
    left: 91.6666666667%; }
  .push-sm-12 {
    left: 100%; }
  .offset-sm-0 {
    margin-left: 0%; }
  .offset-sm-1 {
    margin-left: 8.3333333333%; }
  .offset-sm-2 {
    margin-left: 16.6666666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.3333333333%; }
  .offset-sm-5 {
    margin-left: 41.6666666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.3333333333%; }
  .offset-sm-8 {
    margin-left: 66.6666666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.3333333333%; }
  .offset-sm-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 720px) {
  .col-md-1 {
    float: left;
    width: 8.3333333333%; }
  .col-md-2 {
    float: left;
    width: 16.6666666667%; }
  .col-md-3 {
    float: left;
    width: 25%; }
  .col-md-4 {
    float: left;
    width: 33.3333333333%; }
  .col-md-5 {
    float: left;
    width: 41.6666666667%; }
  .col-md-6 {
    float: left;
    width: 50%; }
  .col-md-7 {
    float: left;
    width: 58.3333333333%; }
  .col-md-8 {
    float: left;
    width: 66.6666666667%; }
  .col-md-9 {
    float: left;
    width: 75%; }
  .col-md-10 {
    float: left;
    width: 83.3333333333%; }
  .col-md-11 {
    float: left;
    width: 91.6666666667%; }
  .col-md-12 {
    float: left;
    width: 100%; }
  .pull-md-0 {
    right: auto; }
  .pull-md-1 {
    right: 8.3333333333%; }
  .pull-md-2 {
    right: 16.6666666667%; }
  .pull-md-3 {
    right: 25%; }
  .pull-md-4 {
    right: 33.3333333333%; }
  .pull-md-5 {
    right: 41.6666666667%; }
  .pull-md-6 {
    right: 50%; }
  .pull-md-7 {
    right: 58.3333333333%; }
  .pull-md-8 {
    right: 66.6666666667%; }
  .pull-md-9 {
    right: 75%; }
  .pull-md-10 {
    right: 83.3333333333%; }
  .pull-md-11 {
    right: 91.6666666667%; }
  .pull-md-12 {
    right: 100%; }
  .push-md-0 {
    left: auto; }
  .push-md-1 {
    left: 8.3333333333%; }
  .push-md-2 {
    left: 16.6666666667%; }
  .push-md-3 {
    left: 25%; }
  .push-md-4 {
    left: 33.3333333333%; }
  .push-md-5 {
    left: 41.6666666667%; }
  .push-md-6 {
    left: 50%; }
  .push-md-7 {
    left: 58.3333333333%; }
  .push-md-8 {
    left: 66.6666666667%; }
  .push-md-9 {
    left: 75%; }
  .push-md-10 {
    left: 83.3333333333%; }
  .push-md-11 {
    left: 91.6666666667%; }
  .push-md-12 {
    left: 100%; }
  .offset-md-0 {
    margin-left: 0%; }
  .offset-md-1 {
    margin-left: 8.3333333333%; }
  .offset-md-2 {
    margin-left: 16.6666666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.3333333333%; }
  .offset-md-5 {
    margin-left: 41.6666666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.3333333333%; }
  .offset-md-8 {
    margin-left: 66.6666666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.3333333333%; }
  .offset-md-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 940px) {
  .col-lg-1 {
    float: left;
    width: 8.3333333333%; }
  .col-lg-2 {
    float: left;
    width: 16.6666666667%; }
  .col-lg-3 {
    float: left;
    width: 25%; }
  .col-lg-4 {
    float: left;
    width: 33.3333333333%; }
  .col-lg-5 {
    float: left;
    width: 41.6666666667%; }
  .col-lg-6, .igus073ordersummary.pruefen .igus073ordersummary__refine .variable, .igus073ordersummary.pruefen .igus073ordersummary__refine .value {
    float: left;
    width: 50%; }
  .col-lg-7 {
    float: left;
    width: 58.3333333333%; }
  .col-lg-8 {
    float: left;
    width: 66.6666666667%; }
  .col-lg-9 {
    float: left;
    width: 75%; }
  .col-lg-10 {
    float: left;
    width: 83.3333333333%; }
  .col-lg-11 {
    float: left;
    width: 91.6666666667%; }
  .col-lg-12 {
    float: left;
    width: 100%; }
  .pull-lg-0 {
    right: auto; }
  .pull-lg-1 {
    right: 8.3333333333%; }
  .pull-lg-2 {
    right: 16.6666666667%; }
  .pull-lg-3 {
    right: 25%; }
  .pull-lg-4 {
    right: 33.3333333333%; }
  .pull-lg-5 {
    right: 41.6666666667%; }
  .pull-lg-6 {
    right: 50%; }
  .pull-lg-7 {
    right: 58.3333333333%; }
  .pull-lg-8 {
    right: 66.6666666667%; }
  .pull-lg-9 {
    right: 75%; }
  .pull-lg-10 {
    right: 83.3333333333%; }
  .pull-lg-11 {
    right: 91.6666666667%; }
  .pull-lg-12 {
    right: 100%; }
  .push-lg-0 {
    left: auto; }
  .push-lg-1 {
    left: 8.3333333333%; }
  .push-lg-2 {
    left: 16.6666666667%; }
  .push-lg-3 {
    left: 25%; }
  .push-lg-4 {
    left: 33.3333333333%; }
  .push-lg-5 {
    left: 41.6666666667%; }
  .push-lg-6 {
    left: 50%; }
  .push-lg-7 {
    left: 58.3333333333%; }
  .push-lg-8 {
    left: 66.6666666667%; }
  .push-lg-9 {
    left: 75%; }
  .push-lg-10 {
    left: 83.3333333333%; }
  .push-lg-11 {
    left: 91.6666666667%; }
  .push-lg-12 {
    left: 100%; }
  .offset-lg-0 {
    margin-left: 0%; }
  .offset-lg-1 {
    margin-left: 8.3333333333%; }
  .offset-lg-2 {
    margin-left: 16.6666666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.3333333333%; }
  .offset-lg-5 {
    margin-left: 41.6666666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.3333333333%; }
  .offset-lg-8 {
    margin-left: 66.6666666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.3333333333%; }
  .offset-lg-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1200px) {
  .col-xl-1 {
    float: left;
    width: 8.3333333333%; }
  .col-xl-2 {
    float: left;
    width: 16.6666666667%; }
  .col-xl-3 {
    float: left;
    width: 25%; }
  .col-xl-4 {
    float: left;
    width: 33.3333333333%; }
  .col-xl-5 {
    float: left;
    width: 41.6666666667%; }
  .col-xl-6 {
    float: left;
    width: 50%; }
  .col-xl-7 {
    float: left;
    width: 58.3333333333%; }
  .col-xl-8 {
    float: left;
    width: 66.6666666667%; }
  .col-xl-9 {
    float: left;
    width: 75%; }
  .col-xl-10 {
    float: left;
    width: 83.3333333333%; }
  .col-xl-11 {
    float: left;
    width: 91.6666666667%; }
  .col-xl-12 {
    float: left;
    width: 100%; }
  .pull-xl-0 {
    right: auto; }
  .pull-xl-1 {
    right: 8.3333333333%; }
  .pull-xl-2 {
    right: 16.6666666667%; }
  .pull-xl-3 {
    right: 25%; }
  .pull-xl-4 {
    right: 33.3333333333%; }
  .pull-xl-5 {
    right: 41.6666666667%; }
  .pull-xl-6 {
    right: 50%; }
  .pull-xl-7 {
    right: 58.3333333333%; }
  .pull-xl-8 {
    right: 66.6666666667%; }
  .pull-xl-9 {
    right: 75%; }
  .pull-xl-10 {
    right: 83.3333333333%; }
  .pull-xl-11 {
    right: 91.6666666667%; }
  .pull-xl-12 {
    right: 100%; }
  .push-xl-0 {
    left: auto; }
  .push-xl-1 {
    left: 8.3333333333%; }
  .push-xl-2 {
    left: 16.6666666667%; }
  .push-xl-3 {
    left: 25%; }
  .push-xl-4 {
    left: 33.3333333333%; }
  .push-xl-5 {
    left: 41.6666666667%; }
  .push-xl-6 {
    left: 50%; }
  .push-xl-7 {
    left: 58.3333333333%; }
  .push-xl-8 {
    left: 66.6666666667%; }
  .push-xl-9 {
    left: 75%; }
  .push-xl-10 {
    left: 83.3333333333%; }
  .push-xl-11 {
    left: 91.6666666667%; }
  .push-xl-12 {
    left: 100%; }
  .offset-xl-0 {
    margin-left: 0%; }
  .offset-xl-1 {
    margin-left: 8.3333333333%; }
  .offset-xl-2 {
    margin-left: 16.6666666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.3333333333%; }
  .offset-xl-5 {
    margin-left: 41.6666666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.3333333333%; }
  .offset-xl-8 {
    margin-left: 66.6666666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.3333333333%; }
  .offset-xl-11 {
    margin-left: 91.6666666667%; } }

.table, .igus097wpcksechead table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem; }
  .table th, .igus097wpcksechead table th,
  .table td,
  .igus097wpcksechead table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef; }
  .table thead th, .igus097wpcksechead table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef; }
  .table tbody + tbody, .igus097wpcksechead table tbody + tbody {
    border-top: 2px solid #eceeef; }
  .table .table, .igus097wpcksechead table .table, .table .igus097wpcksechead table, .igus097wpcksechead .table table, .igus097wpcksechead table table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #eceeef; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #eceeef; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8; }

.table-hover .table-success:hover {
  background-color: #d0e9c6; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #d0e9c6; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7; }

.table-hover .table-info:hover {
  background-color: #c4e3f3; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #c4e3f3; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3; }

.table-hover .table-warning:hover {
  background-color: #faf2cc; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #faf2cc; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede; }

.table-hover .table-danger:hover {
  background-color: #ebcccc; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebcccc; }

.thead-inverse th {
  color: #fff;
  background-color: #373a3c; }

.thead-default th {
  color: #55595c;
  background-color: #eceeef; }

.table-inverse {
  color: #eceeef;
  background-color: #373a3c; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #55595c; }
  .table-inverse.table-bordered {
    border: 0; }

.table-responsive, .igus097wpcksechead table {
  display: block;
  width: 100%;
  min-height: .01%;
  overflow-x: auto; }

.table-reflow thead {
  float: left; }

.table-reflow tbody {
  display: block;
  white-space: nowrap; }

.table-reflow th,
.table-reflow td {
  border-top: 1px solid #eceeef;
  border-left: 1px solid #eceeef; }
  .table-reflow th:last-child,
  .table-reflow td:last-child {
    border-right: 1px solid #eceeef; }

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #eceeef; }

.table-reflow tr {
  float: left; }
  .table-reflow tr th,
  .table-reflow tr td {
    display: block !important;
    border: 1px solid #eceeef; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.575rem 0.75rem;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #787878;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #d8d8d8;
  border-radius: inherit; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #787878;
    background-color: #fff;
    border-color: #000000;
    outline: none; }
  .form-control::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1; }
  .form-control:disabled {
    cursor: not-allowed; }

select.form-control:not([size]):not([multiple]) {
  height: 4rem; }

select.form-control:focus::-ms-value {
  color: #787878;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block; }

.col-form-label {
  padding-top: 0.575rem;
  padding-bottom: 0.575rem;
  margin-bottom: 0; }

.col-form-label-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 2rem; }

.col-form-label-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.4rem; }

.col-form-legend {
  padding-top: 0.575rem;
  padding-bottom: 0.575rem;
  margin-bottom: 0;
  font-size: 1.6rem; }

.form-control-static {
  min-height: 4rem;
  padding-top: 0.575rem;
  padding-bottom: 0.575rem;
  margin-bottom: 0; }
  .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn, .input-group-sm > .input-group-btn > .form-control-static.btn--cmd, .input-group-sm > .input-group-btn > .form-control-static.btn--theme, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-lg > .input-group-btn > .form-control-static.btn--cmd, .input-group-lg > .input-group-btn > .form-control-static.btn--theme {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn, .input-group-sm > .input-group-btn > .btn--cmd, .input-group-sm > .input-group-btn > .btn--theme {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  border-radius: inherit; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn--cmd:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn--theme:not([size]):not([multiple]) {
  height: 2.6rem; }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn, .input-group-lg > .input-group-btn > .btn--cmd, .input-group-lg > .input-group-btn > .btn--theme {
  padding: 0.75rem 1.5rem;
  font-size: 2rem;
  border-radius: inherit; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn--cmd:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn--theme:not([size]):not([multiple]) {
  height: 4.1666666667rem; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.75rem; }
  .form-check + .form-check {
    margin-top: -.25rem; }
  .form-check.disabled .form-check-label {
    color: #818a91;
    cursor: not-allowed; }

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer; }

.form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem; }
  .form-check-input:only-child {
    position: static; }

.form-check-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer; }
  .form-check-inline + .form-check-inline {
    margin-left: .75rem; }
  .form-check-inline.disabled {
    cursor: not-allowed; }

.form-control-feedback {
  margin-top: 0.25rem; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-size: 2rem 2rem; }

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
  color: #209c49; }

.has-success .form-control {
  border-color: #209c49; }

.has-success .input-group-addon {
  color: #209c49;
  border-color: #209c49;
  background-color: #9debb7; }

.has-success .form-control-feedback {
  color: #209c49; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); }

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
  color: #f0ad4e; }

.has-warning .form-control {
  border-color: #f0ad4e; }

.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white; }

.has-warning .form-control-feedback {
  color: #f0ad4e; }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); }

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
  color: #ce1200; }

.has-danger .form-control {
  border-color: #ce1200; }

.has-danger .input-group-addon {
  color: #ce1200;
  border-color: #ce1200;
  background-color: #ffa49b; }

.has-danger .form-control-feedback {
  color: #ce1200; }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }

@media (min-width: 536px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-check-label {
    padding-left: 0; }
  .form-inline .form-check-input {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.btn, .btn--cmd, .btn--theme {
  display: inline-block;
  font-weight: normal;
  line-height: 2;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.6rem 1rem;
  font-size: 1.6rem;
  border-radius: none; }
  .btn:focus, .btn--cmd:focus, .btn--theme:focus, .btn.focus, .focus.btn--cmd, .focus.btn--theme, .btn:active:focus, .btn--cmd:active:focus, .btn--theme:active:focus, .btn:active.focus, .btn--cmd:active.focus, .btn--theme:active.focus, .btn.active:focus, .active.btn--cmd:focus, .active.btn--theme:focus, .btn.active.focus, .active.focus.btn--cmd, .active.focus.btn--theme {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:focus, .btn--cmd:focus, .btn--theme:focus, .btn:hover, .btn--cmd:hover, .btn--theme:hover {
    text-decoration: none; }
  .btn.focus, .focus.btn--cmd, .focus.btn--theme {
    text-decoration: none; }
  .btn:active, .btn--cmd:active, .btn--theme:active, .btn.active, .active.btn--cmd, .active.btn--theme {
    background-image: none;
    outline: 0; }
  .btn.disabled, .disabled.btn--cmd, .disabled.btn--theme, .btn:disabled, .btn--cmd:disabled, .btn--theme:disabled {
    cursor: not-allowed;
    opacity: .65; }

a.btn.disabled, a.disabled.btn--cmd, a.disabled.btn--theme,
fieldset[disabled] a.btn,
fieldset[disabled] a.btn--cmd,
fieldset[disabled] a.btn--theme {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #f07d00;
  border-color: #f07d00; }
  .btn-primary:hover {
    color: #fff;
    background-color: #bd6200;
    border-color: #b35d00; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #bd6200;
    border-color: #b35d00; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #bd6200;
    border-color: #b35d00;
    background-image: none; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #995000;
      border-color: #713b00; }
  .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: #f07d00;
    border-color: #f07d00; }
  .btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #f07d00;
    border-color: #f07d00; }

.btn-secondary {
  color: #fff;
  background-color: #363636;
  border-color: #363636; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #1d1c1c;
    border-color: #171717; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #1d1c1c;
    border-color: #171717; }
  .btn-secondary:active, .btn-secondary.active,
  .open > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #1d1c1c;
    border-color: #171717;
    background-image: none; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
    .open > .btn-secondary.dropdown-toggle:hover,
    .open > .btn-secondary.dropdown-toggle:focus,
    .open > .btn-secondary.dropdown-toggle.focus {
      color: #fff;
      background-color: #0b0b0b;
      border-color: black; }
  .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
    background-color: #363636;
    border-color: #363636; }
  .btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: #363636;
    border-color: #363636; }

.btn-info {
  color: #fff;
  background-color: #2c74a9;
  border-color: #2c74a9; }
  .btn-info:hover {
    color: #fff;
    background-color: #215881;
    border-color: #1f5378; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #215881;
    border-color: #1f5378; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #215881;
    border-color: #1f5378;
    background-image: none; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #1a4564;
      border-color: #122f44; }
  .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #2c74a9;
    border-color: #2c74a9; }
  .btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #2c74a9;
    border-color: #2c74a9; }

.btn-success {
  color: #fff;
  background-color: #209c49;
  border-color: #209c49; }
  .btn-success:hover {
    color: #fff;
    background-color: #177235;
    border-color: #166931; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #177235;
    border-color: #166931; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #177235;
    border-color: #166931;
    background-image: none; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #115427;
      border-color: #0a3217; }
  .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
    background-color: #209c49;
    border-color: #209c49; }
  .btn-success.disabled:hover, .btn-success:disabled:hover {
    background-color: #209c49;
    border-color: #209c49; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316;
    background-image: none; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #b06d0f; }
  .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning.disabled:hover, .btn-warning:disabled:hover {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }

.btn-danger {
  color: #fff;
  background-color: #ce1200;
  border-color: #ce1200; }
  .btn-danger:hover {
    color: #fff;
    background-color: #9b0e00;
    border-color: #910d00; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #9b0e00;
    border-color: #910d00; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #9b0e00;
    border-color: #910d00;
    background-image: none; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #770a00;
      border-color: #4f0700; }
  .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
    background-color: #ce1200;
    border-color: #ce1200; }
  .btn-danger.disabled:hover, .btn-danger:disabled:hover {
    background-color: #ce1200;
    border-color: #ce1200; }

.btn-outline-primary {
  color: #f07d00;
  background-image: none;
  background-color: transparent;
  border-color: #f07d00; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #f07d00;
    border-color: #f07d00; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    color: #fff;
    background-color: #f07d00;
    border-color: #f07d00; }
  .btn-outline-primary:active, .btn-outline-primary.active,
  .open > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #f07d00;
    border-color: #f07d00; }
    .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus,
    .open > .btn-outline-primary.dropdown-toggle:hover,
    .open > .btn-outline-primary.dropdown-toggle:focus,
    .open > .btn-outline-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #995000;
      border-color: #713b00; }
  .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
    border-color: #ffaf57; }
  .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
    border-color: #ffaf57; }

.btn-outline-secondary {
  color: #363636;
  background-image: none;
  background-color: transparent;
  border-color: #363636; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #363636;
    border-color: #363636; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    color: #fff;
    background-color: #363636;
    border-color: #363636; }
  .btn-outline-secondary:active, .btn-outline-secondary.active,
  .open > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #363636;
    border-color: #363636; }
    .btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus,
    .open > .btn-outline-secondary.dropdown-toggle:hover,
    .open > .btn-outline-secondary.dropdown-toggle:focus,
    .open > .btn-outline-secondary.dropdown-toggle.focus {
      color: #fff;
      background-color: #0b0b0b;
      border-color: black; }
  .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus {
    border-color: dimgray; }
  .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {
    border-color: dimgray; }

.btn-outline-info {
  color: #2c74a9;
  background-image: none;
  background-color: transparent;
  border-color: #2c74a9; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #2c74a9;
    border-color: #2c74a9; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    color: #fff;
    background-color: #2c74a9;
    border-color: #2c74a9; }
  .btn-outline-info:active, .btn-outline-info.active,
  .open > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #2c74a9;
    border-color: #2c74a9; }
    .btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus,
    .open > .btn-outline-info.dropdown-toggle:hover,
    .open > .btn-outline-info.dropdown-toggle:focus,
    .open > .btn-outline-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #1a4564;
      border-color: #122f44; }
  .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus {
    border-color: #64a6d7; }
  .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {
    border-color: #64a6d7; }

.btn-outline-success {
  color: #209c49;
  background-image: none;
  background-color: transparent;
  border-color: #209c49; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #209c49;
    border-color: #209c49; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    color: #fff;
    background-color: #209c49;
    border-color: #209c49; }
  .btn-outline-success:active, .btn-outline-success.active,
  .open > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #209c49;
    border-color: #209c49; }
    .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus,
    .open > .btn-outline-success.dropdown-toggle:hover,
    .open > .btn-outline-success.dropdown-toggle:focus,
    .open > .btn-outline-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #115427;
      border-color: #0a3217; }
  .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus {
    border-color: #48da78; }
  .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {
    border-color: #48da78; }

.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-outline-warning:active, .btn-outline-warning.active,
  .open > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
    .btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus,
    .open > .btn-outline-warning.dropdown-toggle:hover,
    .open > .btn-outline-warning.dropdown-toggle:focus,
    .open > .btn-outline-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #b06d0f; }
  .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus {
    border-color: #f8d9ac; }
  .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {
    border-color: #f8d9ac; }

.btn-outline-danger {
  color: #ce1200;
  background-image: none;
  background-color: transparent;
  border-color: #ce1200; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #ce1200;
    border-color: #ce1200; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    color: #fff;
    background-color: #ce1200;
    border-color: #ce1200; }
  .btn-outline-danger:active, .btn-outline-danger.active,
  .open > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ce1200;
    border-color: #ce1200; }
    .btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus,
    .open > .btn-outline-danger.dropdown-toggle:hover,
    .open > .btn-outline-danger.dropdown-toggle:focus,
    .open > .btn-outline-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #770a00;
      border-color: #4f0700; }
  .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus {
    border-color: #ff4735; }
  .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {
    border-color: #ff4735; }

.btn-link {
  font-weight: normal;
  color: #f07d00;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #a45500;
    text-decoration: none;
    background-color: transparent; }
  .btn-link:disabled:focus, .btn-link:disabled:hover {
    color: #818a91;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .btn--cmd, .btn-group-lg > .btn--theme {
  padding: 0.75rem 1.5rem;
  font-size: 2rem;
  border-radius: none; }

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn--cmd, .btn-group-sm > .btn--theme {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  border-radius: none; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:focus {
  outline: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1.6rem;
  color: #363636;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
  .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f07d00;
    outline: 0; }
  .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    color: #818a91; }
  .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 5px 20px;
  font-size: 1.4rem;
  color: #818a91;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn, .btn-group > .btn--cmd, .btn-group > .btn--theme,
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn--cmd,
  .btn-group-vertical > .btn--theme {
    position: relative;
    float: left; }
    .btn-group > .btn:focus, .btn-group > .btn--cmd:focus, .btn-group > .btn--theme:focus, .btn-group > .btn:active, .btn-group > .btn--cmd:active, .btn-group > .btn--theme:active, .btn-group > .btn.active, .btn-group > .active.btn--cmd, .btn-group > .active.btn--theme,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn--cmd:focus,
    .btn-group-vertical > .btn--theme:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn--cmd:active,
    .btn-group-vertical > .btn--theme:active,
    .btn-group-vertical > .btn.active,
    .btn-group-vertical > .active.btn--cmd,
    .btn-group-vertical > .active.btn--theme {
      z-index: 2; }
    .btn-group > .btn:hover, .btn-group > .btn--cmd:hover, .btn-group > .btn--theme:hover,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn--cmd:hover,
    .btn-group-vertical > .btn--theme:hover {
      z-index: 2; }

.btn-group .btn + .btn, .btn-group .btn--cmd + .btn, .btn-group .btn--theme + .btn, .btn-group .btn + .btn--cmd, .btn-group .btn--cmd + .btn--cmd, .btn-group .btn--theme + .btn--cmd, .btn-group .btn + .btn--theme, .btn-group .btn--cmd + .btn--theme, .btn-group .btn--theme + .btn--theme,
.btn-group .btn + .btn-group,
.btn-group .btn--cmd + .btn-group,
.btn-group .btn--theme + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn--cmd,
.btn-group .btn-group + .btn--theme,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -0.5rem; }
  .btn-toolbar::after {
    content: "";
    display: table;
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn, .btn-toolbar > .btn--cmd, .btn-toolbar > .btn--theme,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 0.5rem; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .btn--cmd:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .btn--theme:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child, .btn-group > .btn--cmd:first-child, .btn-group > .btn--theme:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn--cmd:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn--theme:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .btn--cmd:last-child:not(:first-child), .btn-group > .btn--theme:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn--cmd, .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn--theme {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .btn--cmd:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .btn--theme:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .btn--cmd:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .btn--theme:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn + .dropdown-toggle-split, .btn--cmd + .dropdown-toggle-split, .btn--theme + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
  .btn + .dropdown-toggle-split::after, .btn--cmd + .dropdown-toggle-split::after, .btn--theme + .dropdown-toggle-split::after {
    margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .btn--cmd + .dropdown-toggle-split, .btn-group-sm > .btn--theme + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .btn--cmd + .dropdown-toggle-split, .btn-group-lg > .btn--theme + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem; }

.btn .caret, .btn--cmd .caret, .btn--theme .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret, .btn-group-lg > .btn--cmd .caret, .btn-group-lg > .btn--theme .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .btn-group-lg > .btn--cmd .caret, .dropup .btn-group-lg > .btn--theme .caret {
  border-width: 0 0.3em 0.3em; }


.btn-group-vertical > .btn,
.btn-group-vertical > .btn--cmd,
.btn-group-vertical > .btn--theme,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn-group > .btn--cmd,
.btn-group-vertical > .btn-group > .btn--theme {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both; }


.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn-group > .btn--cmd,
.btn-group-vertical > .btn-group > .btn--theme {
  float: none; }

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn--cmd + .btn, .btn-group-vertical > .btn--theme + .btn, .btn-group-vertical > .btn + .btn--cmd, .btn-group-vertical > .btn--cmd + .btn--cmd, .btn-group-vertical > .btn--theme + .btn--cmd, .btn-group-vertical > .btn + .btn--theme, .btn-group-vertical > .btn--cmd + .btn--theme, .btn-group-vertical > .btn--theme + .btn--theme,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn--cmd + .btn-group,
.btn-group-vertical > .btn--theme + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn--cmd,
.btn-group-vertical > .btn-group + .btn--theme,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group-vertical > .btn--cmd:not(:first-child):not(:last-child), .btn-group-vertical > .btn--theme:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn--cmd:first-child:not(:last-child), .btn-group-vertical > .btn--theme:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child), .btn-group-vertical > .btn--cmd:last-child:not(:first-child), .btn-group-vertical > .btn--theme:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn--cmd, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn--theme {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn--cmd:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn--theme:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn--cmd:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn--theme:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn--cmd input[type="radio"], [data-toggle="buttons"] > .btn--theme input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn--cmd input[type="checkbox"],
[data-toggle="buttons"] > .btn--theme input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn--cmd input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn--theme input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn--cmd input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn--theme input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  width: 100%;
  display: table;
  border-collapse: separate; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.575rem 0.75rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.25;
  color: #787878;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid #d8d8d8;
  border-radius: inherit; }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn, .input-group-sm > .input-group-btn > .input-group-addon.btn--cmd, .input-group-sm > .input-group-btn > .input-group-addon.btn--theme {
    padding: 0.25rem 0.5rem;
    font-size: 1.4rem;
    border-radius: inherit; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn, .input-group-lg > .input-group-btn > .input-group-addon.btn--cmd, .input-group-lg > .input-group-btn > .input-group-addon.btn--theme {
    padding: 0.75rem 1.5rem;
    font-size: 2rem;
    border-radius: inherit; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn--cmd,
.input-group-btn:not(:last-child) > .btn--theme,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn--cmd,
.input-group-btn:not(:last-child) > .btn-group > .btn--theme,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn--cmd:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn--theme:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn--cmd,
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn--theme {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:not(:last-child) {
  border-right: 0; }

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn--cmd,
.input-group-btn:not(:first-child) > .btn--theme,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn--cmd,
.input-group-btn:not(:first-child) > .btn-group > .btn--theme,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn--cmd:not(:first-child),
.input-group-btn:not(:last-child) > .btn--theme:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn--cmd,
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn--theme {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn, .input-group-btn > .btn--cmd, .input-group-btn > .btn--theme {
    position: relative; }
    .input-group-btn > .btn + .btn, .input-group-btn > .btn--cmd + .btn, .input-group-btn > .btn--theme + .btn, .input-group-btn > .btn + .btn--cmd, .input-group-btn > .btn--cmd + .btn--cmd, .input-group-btn > .btn--theme + .btn--cmd, .input-group-btn > .btn + .btn--theme, .input-group-btn > .btn--cmd + .btn--theme, .input-group-btn > .btn--theme + .btn--theme {
      margin-left: -1px; }
    .input-group-btn > .btn:focus, .input-group-btn > .btn--cmd:focus, .input-group-btn > .btn--theme:focus, .input-group-btn > .btn:active, .input-group-btn > .btn--cmd:active, .input-group-btn > .btn--theme:active, .input-group-btn > .btn:hover, .input-group-btn > .btn--cmd:hover, .input-group-btn > .btn--theme:hover {
      z-index: 3; }
  
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:last-child) > .btn--cmd,
  .input-group-btn:not(:last-child) > .btn--theme,
  .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px; }
  
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:first-child) > .btn--cmd,
  .input-group-btn:not(:first-child) > .btn--theme,
  .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px; }
    .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn--cmd:focus, .input-group-btn:not(:first-child) > .btn--theme:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn--cmd:active, .input-group-btn:not(:first-child) > .btn--theme:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn--cmd:hover, .input-group-btn:not(:first-child) > .btn--theme:hover,
    .input-group-btn:not(:first-child) > .btn-group:focus,
    .input-group-btn:not(:first-child) > .btn-group:active,
    .input-group-btn:not(:first-child) > .btn-group:hover {
      z-index: 3; }

.custom-control {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  cursor: pointer; }
  .custom-control + .custom-control {
    margin-left: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0074d9; }
  .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }
  .custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #84c6ff; }
  .custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eee; }
  .custom-control-input:disabled ~ .custom-control-description {
    color: #767676;
    cursor: not-allowed; }

.custom-control-indicator {
  position: absolute;
  top: .0625rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0074d9;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.custom-radio .custom-control-indicator {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.custom-controls-stacked .custom-control {
  display: inline; }
  .custom-controls-stacked .custom-control::after {
    display: block;
    margin-bottom: 0.25rem;
    content: ""; }
  .custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0; }

.custom-select {
  display: inline-block;
  max-width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  padding-right: 0.75rem \9;
  color: #787878;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .custom-select:focus {
    border-color: #51a7e8;
    outline: none; }
    .custom-select:focus::-ms-value {
      color: #787878;
      background-color: #fff; }
  .custom-select:disabled {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  cursor: pointer; }

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem; }
  .custom-file-control:lang(en)::after {
    content: "Choose file..."; }
  .custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0 0.25rem 0.25rem 0; }
  .custom-file-control:lang(en)::before {
    content: "Browse"; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: inline-block; }
  .nav-link:focus, .nav-link:hover {
    text-decoration: none; }
  .nav-link.disabled {
    color: #818a91; }
    .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
      color: #818a91;
      cursor: not-allowed;
      background-color: transparent; }

.nav-inline .nav-item {
  display: inline-block; }

.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs::after {
    content: "";
    display: table;
    clear: both; }
  .nav-tabs .nav-item {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs .nav-item + .nav-item {
      margin-left: 0.2rem; }
  .nav-tabs .nav-link {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      border-color: #eceeef #eceeef #ddd; }
    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
      color: #818a91;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
  .nav-tabs .nav-item.open .nav-link,
  .nav-tabs .nav-item.open .nav-link:focus,
  .nav-tabs .nav-item.open .nav-link:hover {
    color: #55595c;
    background-color: #fff;
    border-color: #ddd #ddd transparent; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }

.nav-pills::after {
  content: "";
  display: table;
  clear: both; }

.nav-pills .nav-item {
  float: left; }
  .nav-pills .nav-item + .nav-item {
    margin-left: 0.2rem; }

.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #f07d00; }

.nav-stacked .nav-item {
  display: block;
  float: none; }
  .nav-stacked .nav-item + .nav-item {
    margin-top: 0.2rem;
    margin-left: 0; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  padding: 0 1rem; }
  .navbar::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 536px) {
    .navbar {
      border-radius: inherit; } }

.navbar-full {
  z-index: 1000; }
  @media (min-width: 536px) {
    .navbar-full {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 536px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0; }

.navbar-fixed-bottom {
  bottom: 0; }

.navbar-sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%; }
  @media (min-width: 536px) {
    .navbar-sticky-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-right: 1rem;
  font-size: 2rem; }
  .navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: .425rem;
  padding-bottom: .425rem;
  margin-right: 1rem;
  margin-left: 1rem;
  overflow: hidden; }
  .navbar-divider::before {
    content: "\00a0"; }

.navbar-toggler {
  padding: .5rem .75rem;
  font-size: 2rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: none; }
  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none; }

.navbar-nav .nav-item {
  float: left; }

.navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: .425rem; }
  .navbar-nav .nav-link + .nav-link {
    margin-left: 1rem; }

.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.8); }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3); }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.6); }

.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075); }

.navbar-dark .navbar-brand {
  color: white; }
  .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: white; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: white; }

.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075); }

.navbar-toggleable-xs::after {
  content: "";
  display: table;
  clear: both; }

@media (max-width: 535px) {
  .navbar-toggleable-xs .navbar-nav .nav-item {
    float: none;
    margin-left: 0; } }

@media (min-width: 536px) {
  .navbar-toggleable-xs {
    display: block !important; } }

.navbar-toggleable-sm::after {
  content: "";
  display: table;
  clear: both; }

@media (max-width: 719px) {
  .navbar-toggleable-sm .navbar-nav .nav-item {
    float: none;
    margin-left: 0; } }

@media (min-width: 720px) {
  .navbar-toggleable-sm {
    display: block !important; } }

.navbar-toggleable-md::after {
  content: "";
  display: table;
  clear: both; }

@media (max-width: 939px) {
  .navbar-toggleable-md .navbar-nav .nav-item {
    float: none;
    margin-left: 0; } }

@media (min-width: 940px) {
  .navbar-toggleable-md {
    display: block !important; } }

.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125); }

.card-block {
  padding: 1.25rem; }
  .card-block::after {
    content: "";
    display: table;
    clear: both; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header::after {
    content: "";
    display: table;
    clear: both; }
  .card-header:first-child {
    border-radius: 0.25rem 0.25rem 0 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer::after {
    content: "";
    display: table;
    clear: both; }
  .card-footer:last-child {
    border-radius: 0 0 0.25rem 0.25rem; }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-primary {
  background-color: #f07d00;
  border-color: #f07d00; }
  .card-primary .card-header,
  .card-primary .card-footer {
    background-color: transparent; }

.card-success {
  background-color: #209c49;
  border-color: #209c49; }
  .card-success .card-header,
  .card-success .card-footer {
    background-color: transparent; }

.card-info {
  background-color: #2c74a9;
  border-color: #2c74a9; }
  .card-info .card-header,
  .card-info .card-footer {
    background-color: transparent; }

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
  .card-warning .card-header,
  .card-warning .card-footer {
    background-color: transparent; }

.card-danger {
  background-color: #ce1200;
  border-color: #ce1200; }
  .card-danger .card-header,
  .card-danger .card-footer {
    background-color: transparent; }

.card-outline-primary {
  background-color: transparent;
  border-color: #f07d00; }

.card-outline-secondary {
  background-color: transparent;
  border-color: #363636; }

.card-outline-info {
  background-color: transparent;
  border-color: #2c74a9; }

.card-outline-success {
  background-color: transparent;
  border-color: #209c49; }

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e; }

.card-outline-danger {
  background-color: transparent;
  border-color: #ce1200; }

.card-inverse .card-header,
.card-inverse .card-footer {
  border-color: rgba(255, 255, 255, 0.2); }

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff; }

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65); }

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff; }

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0; }

.card-img {
  border-radius: 0.25rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.card-img-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

@media (min-width: 536px) {
  .card-deck {
    display: table;
    width: 100%;
    margin-bottom: 0.75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0; }
    .card-deck .card {
      display: table-cell;
      margin-bottom: 0;
      vertical-align: top; }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem; } }

@media (min-width: 536px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .card-group .card {
      display: table-cell;
      vertical-align: top; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-top {
          border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-bottom {
          border-bottom-right-radius: 0; }
      .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-top {
          border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-bottom {
          border-bottom-left-radius: 0; }
      .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0; }
        .card-group .card:not(:first-child):not(:last-child) .card-img-top,
        .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
          border-radius: 0; } }

@media (min-width: 536px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      width: 100%; } }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem; }

.page-item {
  display: inline; }
  .page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .page-item:last-child .page-link {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #f07d00;
    border-color: #f07d00; }
  .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #818a91;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  color: #f07d00;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #a45500;
    background-color: #eceeef;
    border-color: #ddd; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 2rem; }

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 1.4rem; }

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }

.tag {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; }
  .tag:empty {
    display: none; }

.btn .tag, .btn--cmd .tag, .btn--theme .tag {
  position: relative;
  top: -1px; }

a.tag:focus, a.tag:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.tag-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.tag-default {
  background-color: #818a91; }
  .tag-default[href]:focus, .tag-default[href]:hover {
    background-color: #687077; }

.tag-primary {
  background-color: #f07d00; }
  .tag-primary[href]:focus, .tag-primary[href]:hover {
    background-color: #bd6200; }

.tag-success {
  background-color: #209c49; }
  .tag-success[href]:focus, .tag-success[href]:hover {
    background-color: #177235; }

.tag-info {
  background-color: #2c74a9; }
  .tag-info[href]:focus, .tag-info[href]:hover {
    background-color: #215881; }

.tag-warning {
  background-color: #f0ad4e; }
  .tag-warning[href]:focus, .tag-warning[href]:hover {
    background-color: #ec971f; }

.tag-danger {
  background-color: #ce1200; }
  .tag-danger[href]:focus, .tag-danger[href]:hover {
    background-color: #9b0e00; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem; }
  @media (min-width: 536px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-hr {
  border-top-color: #d0d5d8; }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  padding: 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: bold; }

.alert-dismissible {
  padding-right: 30px; }
  .alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -15px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c1e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6d5ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7ecb5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9b9; }
  .alert-danger .alert-link {
    color: #843534; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem; }

.progress[value] {
  background-color: #eee;
  border: 0;
  appearance: none;
  border-radius: 0.25rem; }

.progress[value]::-ms-fill {
  background-color: #0074d9;
  border: 0; }

.progress[value]::-moz-progress-bar {
  background-color: #0074d9;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.progress[value="100"]::-moz-progress-bar {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.progress[value="100"]::-webkit-progress-value {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 0.25rem; }

base::-moz-progress-bar,
.progress[value] {
  background-color: #eee;
  border-radius: 0.25rem; }

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: 0.25rem; }
  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .progress[width="100%"] {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem; } }

.progress-striped[value]::-webkit-progress-value {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-striped[value]::-moz-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-striped[value]::-ms-fill {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

@media screen and (min-width: 0\0) {
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem; } }

.progress-animated[value]::-webkit-progress-value {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite; }

@media screen and (min-width: 0\0) {
  .progress-animated .progress-bar-striped {
    animation: progress-bar-stripes 2s linear infinite; } }

.progress-success[value]::-webkit-progress-value {
  background-color: #209c49; }

.progress-success[value]::-moz-progress-bar {
  background-color: #209c49; }

.progress-success[value]::-ms-fill {
  background-color: #209c49; }

@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #209c49; } }

.progress-info[value]::-webkit-progress-value {
  background-color: #2c74a9; }

.progress-info[value]::-moz-progress-bar {
  background-color: #2c74a9; }

.progress-info[value]::-ms-fill {
  background-color: #2c74a9; }

@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #2c74a9; } }

.progress-warning[value]::-webkit-progress-value {
  background-color: #f0ad4e; }

.progress-warning[value]::-moz-progress-bar {
  background-color: #f0ad4e; }

.progress-warning[value]::-ms-fill {
  background-color: #f0ad4e; }

@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #f0ad4e; } }

.progress-danger[value]::-webkit-progress-value {
  background-color: #ce1200; }

.progress-danger[value]::-moz-progress-bar {
  background-color: #ce1200; }

.progress-danger[value]::-ms-fill {
  background-color: #ce1200; }

@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #ce1200; } }

.media,
.media-body {
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right {
  padding-left: 10px; }

.media-left {
  padding-right: 10px; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

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

.list-group {
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
      color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
      color: #818a91; }
  .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #f07d00;
    border-color: #f07d00; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
      color: #ffdfbd; }

.list-group-flush .list-group-item {
  border-radius: 0; }

.list-group-item-action {
  width: 100%;
  color: #555;
  text-align: inherit; }
  .list-group-item-action .list-group-item-heading {
    color: #333; }
  .list-group-item-action:focus, .list-group-item-action:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:focus, a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
  button.list-group-item-success.active,
  button.list-group-item-success.active:focus,
  button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:focus, a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
  button.list-group-item-info.active,
  button.list-group-item-info.active:focus,
  button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:focus, a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:focus, a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9 {
  padding-bottom: 42.8571428571%; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.embed-responsive-1by1 {
  padding-bottom: 100%; }

.close {
  float: right;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 1.4rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.in {
    opacity: 0.9; }
  .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
    padding: 5px 0;
    margin-top: -3px; }
    .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #000; }
  .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
    padding: 0 5px;
    margin-left: 3px; }
    .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #000; }
  .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
    padding: 5px 0;
    margin-top: 3px; }
    .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #000; }
  .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
    padding: 0 5px;
    margin-left: -3px; }
    .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 1.4rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover.popover-top, .popover.bs-tether-element-attached-bottom {
    margin-top: -10px; }
    .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
      .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
        bottom: 1px;
        margin-left: -10px;
        content: "";
        border-top-color: #fff;
        border-bottom-width: 0; }
  .popover.popover-right, .popover.bs-tether-element-attached-left {
    margin-left: 10px; }
    .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
      .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
        bottom: -10px;
        left: 1px;
        content: "";
        border-right-color: #fff;
        border-left-width: 0; }
  .popover.popover-bottom, .popover.bs-tether-element-attached-top {
    margin-top: 10px; }
    .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
        top: 1px;
        margin-left: -10px;
        content: "";
        border-top-width: 0;
        border-bottom-color: #fff; }
  .popover.popover-left, .popover.bs-tether-element-attached-right {
    margin-left: -10px; }
    .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
        right: 1px;
        bottom: -10px;
        content: "";
        border-right-width: 0;
        border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1.6rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0.2rem 0.2rem 0 0; }
  .popover-title:empty {
    display: none; }

.popover-content {
  padding: 9px 14px; }

.popover-arrow, .popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover-arrow {
  border-width: 11px; }

.popover-arrow::after {
  content: "";
  border-width: 10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .carousel-item {
    position: relative;
    display: none;
    transition: .6s ease-in-out left; }
    .carousel-inner > .carousel-item > img,
    .carousel-inner > .carousel-item > a > img {
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .carousel-item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px; }
        .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
          left: 0;
          transform: translate3d(100%, 0, 0); }
        .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
          left: 0;
          transform: translate3d(-100%, 0, 0); }
        .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
          left: 0;
          transform: translate3d(0, 0, 0); } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5; }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev::before {
    content: "\2039"; }
  .carousel-control .icon-next::before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn, .carousel-caption .btn--cmd, .carousel-caption .btn--theme {
    text-shadow: none; }

@media (min-width: 536px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.bg-faded {
  background-color: #f7f7f9; }

.bg-primary {
  color: #fff !important;
  background-color: #f07d00 !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #bd6200 !important; }

.bg-success {
  color: #fff !important;
  background-color: #209c49 !important; }

a.bg-success:focus, a.bg-success:hover {
  background-color: #177235 !important; }

.bg-info {
  color: #fff !important;
  background-color: #2c74a9 !important; }

a.bg-info:focus, a.bg-info:hover {
  background-color: #215881 !important; }

.bg-warning {
  color: #fff !important;
  background-color: #f0ad4e !important; }

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ec971f !important; }

.bg-danger {
  color: #fff !important;
  background-color: #ce1200 !important; }

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #9b0e00 !important; }

.bg-inverse {
  color: #fff !important;
  background-color: #373a3c !important; }

a.bg-inverse:focus, a.bg-inverse:hover {
  background-color: #1f2021 !important; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.d-block {
  display: block !important; }

.d-inline-block {
  display: inline-block !important; }

.d-inline {
  display: inline !important; }

@media (min-width: 345px) {
  .pull-xs-left {
    float: left !important; }
  .pull-xs-right {
    float: right !important; }
  .pull-xs-none {
    float: none !important; } }

@media (min-width: 536px) {
  .pull-sm-left {
    float: left !important; }
  .pull-sm-right {
    float: right !important; }
  .pull-sm-none {
    float: none !important; } }

@media (min-width: 720px) {
  .pull-md-left {
    float: left !important; }
  .pull-md-right {
    float: right !important; }
  .pull-md-none {
    float: none !important; } }

@media (min-width: 940px) {
  .pull-lg-left {
    float: left !important; }
  .pull-lg-right {
    float: right !important; }
  .pull-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .pull-xl-left {
    float: left !important; }
  .pull-xl-right {
    float: right !important; }
  .pull-xl-none {
    float: none !important; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.w-100 {
  width: 100% !important; }

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.m-a-0 {
  margin: 0 0 !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-a-1 {
  margin: 1rem 1rem !important; }

.m-t-1 {
  margin-top: 1rem !important; }

.m-r-1, .igussec21leadin .icon {
  margin-right: 1rem !important; }

.m-b-1 {
  margin-bottom: 1rem !important; }

.m-l-1 {
  margin-left: 1rem !important; }

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-a-2 {
  margin: 1.5rem 1.5rem !important; }

.m-t-2 {
  margin-top: 1.5rem !important; }

.m-r-2 {
  margin-right: 1.5rem !important; }

.m-b-2 {
  margin-bottom: 1.5rem !important; }

.m-l-2 {
  margin-left: 1.5rem !important; }

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-a-3 {
  margin: 3rem 3rem !important; }

.m-t-3 {
  margin-top: 3rem !important; }

.m-r-3 {
  margin-right: 3rem !important; }

.m-b-3 {
  margin-bottom: 3rem !important; }

.m-l-3 {
  margin-left: 3rem !important; }

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.p-a-0 {
  padding: 0 0 !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-a-1 {
  padding: 1rem 1rem !important; }

.p-t-1 {
  padding-top: 1rem !important; }

.p-r-1 {
  padding-right: 1rem !important; }

.p-b-1 {
  padding-bottom: 1rem !important; }

.p-l-1 {
  padding-left: 1rem !important; }

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-a-2 {
  padding: 1.5rem 1.5rem !important; }

.p-t-2 {
  padding-top: 1.5rem !important; }

.p-r-2 {
  padding-right: 1.5rem !important; }

.p-b-2 {
  padding-bottom: 1.5rem !important; }

.p-l-2 {
  padding-left: 1.5rem !important; }

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-a-3 {
  padding: 3rem 3rem !important; }

.p-t-3 {
  padding-top: 3rem !important; }

.p-r-3 {
  padding-right: 3rem !important; }

.p-b-3 {
  padding-bottom: 3rem !important; }

.p-l-3 {
  padding-left: 3rem !important; }

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (min-width: 345px) {
  .text-xs-left {
    text-align: left !important; }
  .text-xs-right {
    text-align: right !important; }
  .text-xs-center {
    text-align: center !important; } }

@media (min-width: 536px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 720px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 940px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-normal {
  font-weight: normal; }

.font-weight-bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.text-muted {
  color: #818a91 !important; }

a.text-muted:focus, a.text-muted:hover {
  color: #687077 !important; }

.text-primary {
  color: #f07d00 !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #bd6200 !important; }

.text-success {
  color: #209c49 !important; }

a.text-success:focus, a.text-success:hover {
  color: #177235 !important; }

.text-info {
  color: #2c74a9 !important; }

a.text-info:focus, a.text-info:hover {
  color: #215881 !important; }

.text-warning {
  color: #f0ad4e !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #ec971f !important; }

.text-danger {
  color: #ce1200 !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #9b0e00 !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.invisible {
  visibility: hidden !important; }

@media (min-width: 345px) {
  .hidden-xs-up {
    display: none !important; } }

@media (max-width: 535px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 536px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 719px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 720px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 939px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 940px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.fs {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important; }

.ll {
  border-top: 1px solid transparent; }

.m0 {
  margin: 0; }

.mt0 {
  margin-top: 0; }

.mr0 {
  margin-right: 0; }

.mb0 {
  margin-bottom: 0; }

.ml0 {
  margin-left: 0; }

.mh0 {
  margin-left: 0;
  margin-right: 0; }

.mv0 {
  margin-top: 0;
  margin-bottom: 0; }

.m0_5 {
  margin: .5rem; }

.mt0_5 {
  margin-top: .5rem; }

.mr0_5 {
  margin-right: .5rem; }

.mb0_5 {
  margin-bottom: .5rem; }

.ml0_5 {
  margin-left: .5rem; }

.mh0_5 {
  margin-left: .5rem;
  margin-right: .5rem; }

.mv0_5 {
  margin-top: .5rem;
  margin-bottom: .5rem; }

.m1 {
  margin: 1rem; }

.mt1 {
  margin-top: 1rem; }

.mr1 {
  margin-right: 1rem; }

.mb1 {
  margin-bottom: 1rem; }

.mb15 {
  margin-bottom: 15px; }

.mt15 {
  margin-top: 15px; }

.ml1 {
  margin-left: 1rem; }

.mh1 {
  margin-left: 1rem;
  margin-right: 1rem; }

.mv1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.m2 {
  margin: 2rem; }

.mt2 {
  margin-top: 2rem; }

.mr2 {
  margin-right: 2rem; }

.mb2 {
  margin-bottom: 2rem; }

.ml2 {
  margin-left: 2rem; }

.mh2 {
  margin-left: 2rem;
  margin-right: 2rem; }

.mv2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.m3 {
  margin: 3rem; }

.mt3 {
  margin-top: 3rem; }

.mr3 {
  margin-right: 3rem; }

.mb3 {
  margin-bottom: 3rem; }

.ml3 {
  margin-left: 3rem; }

.mh3 {
  margin-left: 3rem;
  margin-right: 3rem; }

.mv3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

@media (min-width: 720px) {
  .mb-md-0 {
    margin-bottom: 0; } }

@media (min-width: 940px) {
  .mb-lg-0 {
    margin-bottom: 0; } }

@media (min-width: 720px) {
  .mb-md-1 {
    margin-bottom: 10px; } }

@media (min-width: 720px) {
  .mt-md-1 {
    margin-top: 10px; } }

@media (min-width: 720px) {
  .mb-md-15 {
    margin-bottom: 15px; } }

@media (min-width: 720px) {
  .mt-md-15 {
    margin-top: 15px; } }

@media (min-width: 720px) {
  .mb-md-3 {
    margin-bottom: 30px; } }

@media (min-width: 720px) {
  .mt-md-3 {
    margin-top: 30px; } }

.m4 {
  margin: 4rem; }

.mt4 {
  margin-top: 4rem; }

.mr4 {
  margin-right: 4rem; }

.mb4 {
  margin-bottom: 4rem; }

.ml4 {
  margin-left: 4rem; }

.mh4 {
  margin-left: 4rem;
  margin-right: 4rem; }

.mv4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.m7 {
  margin: 7rem; }

.mt7 {
  margin-top: 7rem; }

.mr7 {
  margin-right: 7rem; }

.mb7 {
  margin-bottom: 7rem; }

.ml7 {
  margin-left: 7rem; }

.mh7 {
  margin-left: 7rem;
  margin-right: 7rem; }

.mv7 {
  margin-top: 7rem;
  margin-bottom: 7rem; }

.mh-auto {
  margin-left: auto;
  margin-right: auto; }

.p0 {
  padding: 0; }

.pt0 {
  padding-top: 0; }

.pr0 {
  padding-right: 0; }

.pb0 {
  padding-bottom: 0; }

.pl0 {
  padding-left: 0; }

.ph0 {
  padding-left: 0;
  padding-right: 0; }

.pv0 {
  padding-top: 0;
  padding-bottom: 0; }

.p0_5 {
  padding: .5rem; }

.pt0_5 {
  padding-top: .5rem; }

.pr0_5 {
  padding-right: .5rem; }

.pb0_5 {
  padding-bottom: .5rem; }

.pl0_5 {
  padding-left: .5rem; }

.ph0_5 {
  padding-left: .5rem;
  padding-right: .5rem; }

.pv0_5 {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.p1 {
  padding: 1rem; }

.pt1 {
  padding-top: 1rem; }

.pr1 {
  padding-right: 1rem; }

.pb1 {
  padding-bottom: 1rem; }

.pl1 {
  padding-left: 1rem; }

.ph1 {
  padding-left: 1rem;
  padding-right: 1rem; }

.pv1 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.p2 {
  padding: 2rem; }

.pt2 {
  padding-top: 2rem; }

.pr2 {
  padding-right: 2rem; }

.pb2 {
  padding-bottom: 2rem; }

.pl2 {
  padding-left: 2rem; }

.ph2 {
  padding-left: 2rem;
  padding-right: 2rem; }

.pv2 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.p3 {
  padding: 3rem; }

.pt3 {
  padding-top: 3rem; }

.pr3 {
  padding-right: 3rem; }

.pb3 {
  padding-bottom: 3rem; }

.pl3 {
  padding-left: 3rem; }

.ph3 {
  padding-left: 3rem;
  padding-right: 3rem; }

.pv3 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.p4 {
  padding: 4rem; }

.pt4 {
  padding-top: 4rem; }

.pr4 {
  padding-right: 4rem; }

.pb4 {
  padding-bottom: 4rem; }

.pl4 {
  padding-left: 4rem; }

.ph4 {
  padding-left: 4rem;
  padding-right: 4rem; }

.pv4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

div[id^='section_'] {
  margin-bottom: 30px; }
  @media (max-width: 939px) {
    div[id^='section_'] .col-md-6, div[id^='section_'] .col-md-4 {
      margin-bottom: 15px; } }

/* @start: Contextual color helper classes
The following classes are already included in Bootstrap3:

Contextual backgrounds:
.bg-primary
.bg-success
.bg-info
.bg-warning
.bg-danger

Contextual text colors:
.text-muted
.text-primary
.text-success
.text-info
.text-warning
.text-danger
*/
/* monotone background colors */
.bg-white {
  background-color: #fff; }

.bg-black {
  background-color: #000; }

/*IGUS background colors*/
.bg-brand-500 {
  background-color: #f07d00; }

.bg-brand-600 {
  background-color: #d26e00; }

.bg-basic-0 {
  background-color: #ffffff; }

.bg-basic-50 {
  background-color: #f2f2f2; }

.bg-basic-100 {
  background-color: #ececec; }

.bg-basic-200 {
  background-color: #d8d8d8; }

.bg-basic-300 {
  background-color: #787878; }

.bg-basic-400 {
  background-color: #626262; }

.bg-basic-500 {
  background-color: #363636; }

.bg-gray-lighter-2 {
  background-color: #f8f8f8; }

.bg-signal-danger {
  background-color: #ce1200; }

.bg-signal-success {
  background-color: #209c49; }

.bg-signal-info {
  background-color: #2c74a9; }

.bg-signal-state {
  background-color: #f7ad00; }

/* monotone text colors */
.text-white {
  color: white; }
  .text-white:hover {
    color: white; }

.text-black {
  color: #000; }
  .text-black:hover {
    color: #000; }

/* primary text colors */
.text-primary {
  color: #f07d00; }
  .text-primary:hover {
    color: #f07d00; }

/* brand text colors */
.text-brand-500 {
  color: #f07d00; }

.text-brand-600 {
  color: #d26e00; }

/* basic text colors */
.text-basic-0 {
  color: #ffffff; }

.text-basic-50 {
  color: #f2f2f2; }

.text-basic-100 {
  color: #ececec; }

.text-basic-200 {
  color: #d8d8d8; }

.text-basic-300 {
  color: #787878; }

.text-basic-400 {
  color: #626262; }

/* signal text colors */
.text-signal-danger {
  color: #ce1200; }

.text-signal-success {
  color: #209c49; }

.text-signal-extra-success {
  color: #00cf45; }

.text-signal-info {
  color: #2c74a9; }

.text-signal-state {
  color: #f7ad00; }

.navbar-nav .nav-link {
  color: #ffffff; }

.color-box {
  display: inline-block;
  line-height: 10rem;
  width: 13rem;
  height: 10rem;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px; }

/**
 * @name backToTop
 * @description atom description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.backToTop {
  display: none;
  position: fixed;
  right: 0;
  bottom: 30%;
  z-index: 10003;
  border-width: 2px 0 2px 2px;
  border-color: #ffffff;
  border-style: solid;
  background-color: #f07d00;
  padding: 1rem;
  line-height: 0; }
  .backToTop .icon {
    color: #ffffff; }

/**
 * @name badge
 * @description a small badge to highligh aspects of a product
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.badge {
  position: absolute;
  top: 0;
  left: auto;
  display: block;
  padding: .4rem .8rem;
  font-size: 1.2rem;
  color: #ffffff;
  background-color: #2c74a9; }

.box {
  padding: 30px;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  background-color: #f8f8f8; }

.box-text,
.box-icon,
.box-image {
  color: #000000; }

.box-text {
  min-height: 275px; }
  @media (min-width: 536px) {
    .box-text {
      min-height: 300px; } }
  @media (min-width: 940px) {
    .box-text {
      min-height: 330px; } }

.box-icon .icon {
  align-self: end;
  justify-self: end;
  width: 110px;
  height: auto;
  max-height: 115px;
  margin-top: 20px; }
  .box-icon .icon svg {
    width: 110px;
    height: auto;
    max-height: 115px;
    margin: 0;
    padding: 0; }
  .box-icon .icon svg {
    fill: #d8d8d8; }

.box-icon:hover .icon svg {
  fill: #ffffff; }

.box-image {
  display: flex;
  padding: 30px 30px 0 30px;
  margin-top: 30px; }
  @media (min-width: 720px) {
    .box-image {
      margin-top: 0; } }
  .box-image img {
    width: 100%;
    height: auto; }
  .box-image .box-content-image {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
  .box-image .box-content {
    min-height: 120px;
    margin-bottom: auto; }

.box-hover-orange:hover {
  background-color: #f07d00; }
  .box-hover-orange:hover * {
    color: #ffffff; }
  .box-hover-orange:hover svg path {
    fill: #ffffff; }

.btn, .btn--cmd, .btn--theme {
  border-radius: 2px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  cursor: pointer;
  outline: none;
  white-space: normal;
  min-height: 4rem;
  min-width: 23.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  transition: all 0.15s ease-in-out; }
  .btn:hover, .btn--cmd:hover, .btn--theme:hover, .btn:visited, .btn--cmd:visited, .btn--theme:visited {
    color: #fff; }

.btn.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn--cmd, .btn-group-sm > .btn--theme, .btn-sm.btn--cmd, .btn-sm.btn--theme {
  padding: 7px 12px;
  font-size: 13px; }

.btn--rounded {
  border-radius: 25px; }

.btn__text {
  flex: 1;
  justify-content: center; }
  .btn__text:not(:only-child) {
    text-align: left; }

.btn__amount {
  margin-left: 1rem; }

.btn__icon {
  display: flex;
  align-items: center;
  margin-right: 1rem; }

.btn-primary,
.btn--primary,
.btn--hero {
  background-color: #f07d00; }
  .btn-primary:hover,
  .btn--primary:hover,
  .btn--hero:hover {
    background-color: #d26e00; }

.btn-secondary,
.btn--secondary {
  background-color: #363636; }
  .btn-secondary:hover,
  .btn--secondary:hover {
    background-color: #000000; }

.btn--tertiary {
  font-size: 1.6rem;
  color: #363636;
  background-color: #f2f2f2; }
  .btn--tertiary:hover, .btn--tertiary:visited, .btn--tertiary:focus {
    color: #363636; }
  .btn--tertiary:hover {
    background-color: #d8d8d8; }

.btn--banner {
  font-size: 1.6rem;
  color: #f07d00 !important;
  background-color: #ffffff; }
  .btn--banner:hover {
    color: #ffffff !important;
    background-color: #f07d00; }

.btn:disabled, .btn--cmd:disabled, .btn--theme:disabled, .btn:disabled:hover, .btn--cmd:disabled:hover, .btn--theme:disabled:hover, .btn:disabled:focus, .btn--cmd:disabled:focus, .btn--theme:disabled:focus,
a.btn:disabled,
a.btn--cmd:disabled,
a.btn--theme:disabled,
a.btn:disabled:hover,
a.btn--cmd:disabled:hover,
a.btn--theme:disabled:hover,
a.btn:disabled:focus,
a.btn--cmd:disabled:focus,
a.btn--theme:disabled:focus, .btn.disabled, .disabled.btn--cmd, .disabled.btn--theme,
.btn.disabled:hover,
.disabled.btn--cmd:hover,
.disabled.btn--theme:hover,
.btn.disabled:focus,
.disabled.btn--cmd:focus,
.disabled.btn--theme:focus, a.btn.disabled, a.disabled.btn--cmd, a.disabled.btn--theme,
a.btn.disabled:hover,
a.disabled.btn--cmd:hover,
a.disabled.btn--theme:hover,
a.btn.disabled:focus,
a.disabled.btn--cmd:focus,
a.disabled.btn--theme:focus,
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:focus,
a.btn-disabled,
a.btn-disabled:hover,
a.btn-disabled:focus,
.btn--disabled,
.btn--disabled:hover,
.btn--disabled:focus,
a.btn--disabled,
a.btn--disabled:hover,
a.btn--disabled:focus {
  cursor: not-allowed;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #ffffff;
  pointer-events: inherit; }

.btn--pseudo {
  background-color: #ececec;
  pointer-events: none;
  color: #363636; }
  .btn--pseudo:hover, .btn--pseudo:visited {
    color: #363636; }

@media (min-width: 940px) {
  .btn--hero {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff; }
    .btn--hero:hover {
      color: #f07d00;
      background-color: #ffffff; } }

.btn-close .btn__icon {
  margin-right: 0; }

[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.btn--cmd {
  width: 27rem;
  color: #f07d00;
  padding: 0.5rem 1rem; }
  .btn--cmd .btn__text, .btn--cmd .btn__amount {
    color: #363636;
    margin-left: 15px; }
  .btn--cmd .btn__icon {
    color: #f07d00;
    margin: 0; }
    .btn--cmd .btn__icon .icon {
      height: 40px;
      width: 40px; }
  .btn--cmd.btn--primary, .btn--cmd.btn--hero {
    background-color: #d8d8d8; }
    .btn--cmd.btn--primary:hover, .btn--cmd.btn--hero:hover {
      background-color: #f07d00; }
      .btn--cmd.btn--primary:hover .btn__text, .btn--cmd.btn--hero:hover .btn__text {
        color: #ffffff; }
      .btn--cmd.btn--primary:hover .btn__icon, .btn--cmd.btn--hero:hover .btn__icon {
        color: #ffffff; }
  .btn--cmd.btn--secondary .btn__text {
    color: white; }
  .btn--cmd.btn--secondary .btn__icon {
    color: #ffffff; }
  .btn--cmd.btn--secondary.hover {
    background-color: #000000; }

.btn--touch {
  display: flex;
  color: #ffffff;
  padding-top: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  min-width: 0; }
  .btn--touch:hover, .btn--touch:visited {
    color: #fff; }
  .btn--touch .btn__text {
    width: 100%;
    font-size: 2.2rem;
    align-self: flex-start; }
    @media (max-width: 939px) {
      .btn--touch .btn__text {
        font-size: 1.6rem; } }
  .btn--touch .btn__icon {
    display: flex;
    margin-right: 0; }
    .btn--touch .btn__icon .icon {
      align-self: flex-end;
      height: 50px;
      width: 50px; }

.btn--theme {
  border: none;
  display: flex;
  height: 120px;
  width: 270px;
  padding-left: 0; }
  .btn--theme .btn__text {
    font-size: 2.2rem;
    align-self: flex-end;
    text-align: right;
    margin: 15px; }

@media (max-width: 939px) {
  .col-md-4 .btn, .col-md-4 .btn--cmd, .col-md-4 .btn--theme {
    min-width: auto;
    width: 100% !important; } }

/**
 * @name dropdown
 * @description atom description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
select::-ms-expand {
  display: none; }

.form-group {
  margin-bottom: 2rem; }

.formgroup__dropdown {
  appearance: none;
  font-size: 1.4rem;
  border-color: #d8d8d8;
  height: 4rem !important;
  max-width: 27rem;
  padding: 0 3rem 0 1.5rem;
  background-image: url("/source/24542b32811a7f206338773df201605e/igus-icon-arrow-down.svg");
  background-position: right 1rem top 50%;
  background-repeat: no-repeat;
  background-size: 1rem 2rem; }
  .formgroup__dropdown option {
    border-color: #363636; }
  .formgroup__dropdown:hover {
    border-color: #363636; }
  .formgroup__dropdown:focus {
    border-color: #363636;
    background-color: none; }
  @media (max-width: 535px) {
    .formgroup__dropdown {
      width: 100%;
      max-width: 100%; } }

.easytabs-nav {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 50px;
  flex-direction: column; }
  @media (min-width: 720px) {
    .easytabs-nav {
      flex-direction: row; } }
  .easytabs-nav a {
    margin: 0 -1px -1px 0;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    background-color: #f4f3f3;
    text-decoration: none;
    color: #000000;
    display: flex; }
    @media (min-width: 720px) {
      .easytabs-nav a {
        display: block; } }
    .easytabs-nav a:hover, .easytabs-nav a.active {
      color: #f07d00; }
    .easytabs-nav a.active {
      background-color: #ffffff;
      border-bottom: 1px solid #ffffff; }
    .easytabs-nav a span {
      display: block; }
    .easytabs-nav a span:first-child {
      margin-right: 15px; }
      @media (min-width: 940px) {
        .easytabs-nav a span:first-child {
          margin-right: 0; } }
    .easytabs-nav a span:last-child {
      font-size: 13px; }

.easytabs-content-wrap {
  position: relative; }

.easytabs-content {
  display: none;
  transition: opacity 0.3ss ease-out; }
  .easytabs-content.active {
    display: block; }

/*
* forms style 2023: with extra scoped form parent element.
* use class .form-2023 on parent (form) element to prevent overwriting existing form styling.
*
* Info: styling for dropzone.js is located in atom folder.
*/
.form-2023 {
  border: 1px solid #bbbbbb;
  padding: 60px;
  /* general form inputs styling */
  /* form group elements */
  /*  style in case of invalid fields */ }
  .form-2023 h1, .form-2023 h2, .form-2023 h3, .form-2023 h4, .form-2023 .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .form-2023 .igus072forgotpass__headline, .form-2023 h5, .form-2023 .igus072forgotpass .headline, .igus072forgotpass .form-2023 .headline, .form-2023 .igus073ordersummary .headline, .igus073ordersummary .form-2023 .headline, .form-2023 h6,
  .form-2023 .h1,
  .form-2023 .igussec14basket .headline,
  .igussec14basket .form-2023 .headline, .form-2023 .h2, .form-2023 .h3, .form-2023 .h4, .form-2023 .h5, .form-2023 .h6, .form-2023 .igus074baskettile .igus074baskettile__headline, .igus074baskettile .form-2023 .igus074baskettile__headline, .form-2023 .igus087pager .resultcount label, .igus087pager .resultcount .form-2023 label {
    margin-bottom: 30px; }
  .form-2023 input[type="date"],
  .form-2023 input[type="email"],
  .form-2023 input[type="number"],
  .form-2023 input[type="password"],
  .form-2023 input[type="tel"],
  .form-2023 input[type="text"],
  .form-2023 select,
  .form-2023 textarea {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    color: #363636;
    padding: 7px 15px;
    margin: 0;
    transition: background-color 0.2s ease;
    width: 100%; }
    .form-2023 input[type="date"]:focus,
    .form-2023 input[type="email"]:focus,
    .form-2023 input[type="number"]:focus,
    .form-2023 input[type="password"]:focus,
    .form-2023 input[type="tel"]:focus,
    .form-2023 input[type="text"]:focus,
    .form-2023 select:focus,
    .form-2023 textarea:focus {
      background-color: #ffffff;
      border-color: #787878;
      transition: all 0.2s ease;
      outline: none; }
  .form-2023 input[type="date"]:read-only, .form-2023 input[type="date"]:read-only:focus,
  .form-2023 input[type="email"]:read-only,
  .form-2023 input[type="email"]:read-only:focus,
  .form-2023 input[type="number"]:read-only,
  .form-2023 input[type="number"]:read-only:focus,
  .form-2023 input[type="password"]:read-only,
  .form-2023 input[type="password"]:read-only:focus,
  .form-2023 input[type="tel"]:read-only,
  .form-2023 input[type="tel"]:read-only:focus,
  .form-2023 input[type="text"]:read-only,
  .form-2023 input[type="text"]:read-only:focus,
  .form-2023 textarea:read-only,
  .form-2023 textarea:read-only:focus {
    border: 1px solid #ececec;
    cursor: not-allowed; }
  .form-2023 button,
  .form-2023 input[type="button"],
  .form-2023 input[type="submit"],
  .form-2023 .btn,
  .form-2023 .btn--cmd,
  .form-2023 .btn--theme {
    background-color: #ffffff;
    border: none;
    background-color: #f07d00;
    padding: 10px 30px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    max-width: 350px; }
    .form-2023 button:hover, .form-2023 button:focus,
    .form-2023 input[type="button"]:hover,
    .form-2023 input[type="button"]:focus,
    .form-2023 input[type="submit"]:hover,
    .form-2023 input[type="submit"]:focus,
    .form-2023 .btn:hover,
    .form-2023 .btn--cmd:hover,
    .form-2023 .btn--theme:hover,
    .form-2023 .btn:focus,
    .form-2023 .btn--cmd:focus,
    .form-2023 .btn--theme:focus {
      background-color: #d26e00;
      outline: none; }
  .form-2023 input[type="radio"] {
    border-radius: inherit;
    appearance: none;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative; }
    .form-2023 input[type="radio"]:checked::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background-color: #363636;
      border: none;
      z-index: 1; }
  .form-2023 input[type="checkbox"] {
    appearance: none;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .form-2023 input[type="checkbox"]:checked {
      background-position: center;
      background-color: #363636;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgZmlsbD0iI2ZmZmZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IgoJIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJCb3VuZGluZ19Cb3hlcyI+Cgk8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4KPC9nPgo8ZyBpZD0iT3V0bGluZV8xXyI+Cgk8cGF0aCBkPSJNOSwxNi4xN0w0LjgzLDEybC0xLjQyLDEuNDFMOSwxOUwyMSw3bC0xLjQxLTEuNDFMOSwxNi4xN3oiLz4KPC9nPgo8L3N2Zz4=");
      background-size: contain;
      border: none; }
  .form-2023 .loading-spinner {
    position: relative;
    visibility: hidden;
    opacity: 0;
    align-self: center;
    margin-right: 10px; }
    .form-2023 .loading-spinner, .form-2023 .loading-spinner::before {
      width: 32px;
      height: 32px; }
    .form-2023 .loading-spinner::before {
      content: '';
      position: absolute;
      background-image: url("../images/loadingspinner/loading.gif");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 1000;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2; }
    .form-2023 .loading-spinner.active {
      visibility: visible;
      opacity: 1; }
  .form-2023.form-is-submitting input[type="submit"], .form-2023.form-is-submitting input[type="submit"]:hover {
    background-color: #d8d8d8;
    border: 1px solid #f2f2f2; }
  .form-2023.form-is-submitting .loading-spinner {
    visibility: visible;
    opacity: 1; }
  .form-2023 textarea {
    display: block;
    padding: 10px 15px !important;
    min-width: inherit;
    min-height: 120px;
    height: inherit;
    text-indent: inherit !important;
    resize: none; }
    .form-2023 textarea, .form-2023 textarea:focus {
      transition: border-color 0.2s ease; }
  .form-2023 select {
    appearance: none;
    background-image: url("/source/24542b32811a7f206338773df201605e/igus-icon-arrow-down.svg");
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
    background-size: 10px 20px;
    cursor: pointer;
    min-width: 250px; }
  .form-2023 legend {
    font-size: inherit;
    margin-bottom: 10px; }
  .form-2023 fieldset, .form-2023 fieldset.form-group {
    margin-bottom: 30px; }
  .form-2023 .form-check,
  .form-2023 .form-group {
    position: relative; }
    .form-2023 .form-check.required::after,
    .form-2023 .form-group.required::after {
      content: '';
      display: none; }
    .form-2023 .form-check.required > label::after,
    .form-2023 .form-check.required > legend::after,
    .form-2023 .form-group.required > label::after,
    .form-2023 .form-group.required > legend::after {
      color: #000000;
      content: '*';
      padding: 0;
      font-size: inherit; }
  .form-2023 .form-check.disabled input,
  .form-2023 .form-check.disabled textarea,
  .form-2023 .form-check.disabled select,
  .form-2023 .form-group.disabled input,
  .form-2023 .form-group.disabled textarea,
  .form-2023 .form-group.disabled select {
    cursor: not-allowed; }
    .form-2023 .form-check.disabled input, .form-2023 .form-check.disabled input:hover,
    .form-2023 .form-check.disabled textarea,
    .form-2023 .form-check.disabled textarea:hover,
    .form-2023 .form-check.disabled select,
    .form-2023 .form-check.disabled select:hover,
    .form-2023 .form-group.disabled input,
    .form-2023 .form-group.disabled input:hover,
    .form-2023 .form-group.disabled textarea,
    .form-2023 .form-group.disabled textarea:hover,
    .form-2023 .form-group.disabled select,
    .form-2023 .form-group.disabled select:hover {
      background-color: #d8d8d8;
      border: 1px solid #f2f2f2; }
  .form-2023 input,
  .form-2023 textarea,
  .form-2023 select {
    position: relative; }
    .form-2023 input:disabled,
    .form-2023 textarea:disabled,
    .form-2023 select:disabled {
      cursor: not-allowed; }
      .form-2023 input:disabled, .form-2023 input:disabled:hover,
      .form-2023 textarea:disabled,
      .form-2023 textarea:disabled:hover,
      .form-2023 select:disabled,
      .form-2023 select:disabled:hover {
        background-color: #d8d8d8;
        border: 1px solid #f2f2f2; }
  .form-2023 .form-group {
    margin-bottom: 20px;
    min-height: 85px; }
    .form-2023 .form-group label,
    .form-2023 .form-group > p,
    .form-2023 .igus073ordersummary .headline .form-group > .text,
    .igus073ordersummary .headline .form-2023 .form-group > .text {
      display: block;
      margin-bottom: 8px;
      line-height: 1; }
    .form-2023 .form-group [class*="col-"] {
      padding-left: 0;
      padding-right: 0; }
  .form-2023 fieldset.form-group.required .form-check.required::after,
  .form-2023 fieldset.form-group.required .form-check.required > label::after,
  .form-2023 fieldset.form-group.required .form-check.required > legend::after {
    content: '';
    display: none; }
  .form-2023 .form-check,
  .form-2023 .form-item-input-checkbox,
  .form-2023 .form-item-input-radio {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 15px; }
    .form-2023 .form-check label,
    .form-2023 .form-item-input-checkbox label,
    .form-2023 .form-item-input-radio label {
      cursor: pointer;
      display: flex;
      align-items: center;
      margin-left: 10px;
      margin-bottom: 0;
      line-height: inherit; }
  .form-2023 .form-group-wrap .form-item-input-radio:last-of-type,
  .form-2023 .form-group-wrap .form-item-input-checkbox:last-of-type {
    margin-bottom: 0; }
  .form-2023 .form-text-block {
    color: #626262;
    margin-bottom: 40px; }
    .form-2023 .form-text-block.form-text-block-small {
      font-size: 12px; }
    .form-2023 .form-text-block.form-text-block-medium {
      font-size: 14px; }
    .form-2023 .form-text-block a {
      text-decoration: underline; }
      .form-2023 .form-text-block a:hover {
        text-decoration: none; }
  .form-2023 .form-item-textarea {
    min-height: inherit;
    margin-bottom: 30px; }
  .form-2023 .form-item-description {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 5px; }
  .form-2023 .form-check.invalid,
  .form-2023 .form-group.invalid {
    border: none !important; }
    .form-2023 .form-check.invalid input[type="date"], .form-2023 .form-check.invalid input[type="date"]:focus,
    .form-2023 .form-check.invalid input[type="email"],
    .form-2023 .form-check.invalid input[type="email"]:focus,
    .form-2023 .form-check.invalid input[type="number"],
    .form-2023 .form-check.invalid input[type="number"]:focus,
    .form-2023 .form-check.invalid input[type="password"],
    .form-2023 .form-check.invalid input[type="password"]:focus,
    .form-2023 .form-check.invalid input[type="tel"],
    .form-2023 .form-check.invalid input[type="tel"]:focus,
    .form-2023 .form-check.invalid input[type="text"],
    .form-2023 .form-check.invalid input[type="text"]:focus,
    .form-2023 .form-check.invalid select,
    .form-2023 .form-check.invalid select:focus,
    .form-2023 .form-check.invalid textarea,
    .form-2023 .form-check.invalid textarea:focus,
    .form-2023 .form-group.invalid input[type="date"],
    .form-2023 .form-group.invalid input[type="date"]:focus,
    .form-2023 .form-group.invalid input[type="email"],
    .form-2023 .form-group.invalid input[type="email"]:focus,
    .form-2023 .form-group.invalid input[type="number"],
    .form-2023 .form-group.invalid input[type="number"]:focus,
    .form-2023 .form-group.invalid input[type="password"],
    .form-2023 .form-group.invalid input[type="password"]:focus,
    .form-2023 .form-group.invalid input[type="tel"],
    .form-2023 .form-group.invalid input[type="tel"]:focus,
    .form-2023 .form-group.invalid input[type="text"],
    .form-2023 .form-group.invalid input[type="text"]:focus,
    .form-2023 .form-group.invalid select,
    .form-2023 .form-group.invalid select:focus,
    .form-2023 .form-group.invalid textarea,
    .form-2023 .form-group.invalid textarea:focus {
      border: 1px solid #ce1200;
      background-color: #ffffff; }
    .form-2023 .form-check.invalid input[type="checkbox"],
    .form-2023 .form-group.invalid input[type="checkbox"] {
      border: 1px solid #ce1200;
      background-color: #ffffff; }
    .form-2023 .form-check.invalid input[type="radio"],
    .form-2023 .form-group.invalid input[type="radio"] {
      border: 1px solid #ce1200;
      background-color: #ffffff; }
    .form-2023 .form-check.invalid .error-message,
    .form-2023 .form-group.invalid .error-message {
      display: block; }
    .form-2023 .form-check.invalid .form-item-description,
    .form-2023 .form-group.invalid .form-item-description {
      display: none; }
  .form-2023 .form-group.form-item-input-checkbox {
    flex-wrap: inherit;
    align-content: start;
    align-items: start;
    margin-bottom: 30px; }
    .form-2023 .form-group.form-item-input-checkbox input[type="checkbox"] {
      flex-shrink: 0;
      margin-top: 5px; }
    .form-2023 .form-group.form-item-input-checkbox label {
      display: inline-block; }
    .form-2023 .form-group.form-item-input-checkbox.invalid .error-message {
      width: 100%; }
  .form-2023 .error-message {
    position: absolute;
    padding-left: 18px;
    position: relative; }
    .form-2023 .error-message, .form-2023 .error-message:focus {
      display: none;
      font-size: 12px;
      line-height: 1.2;
      margin-top: 4px;
      color: #ce1200; }
    .form-2023 .error-message:before {
      content: '';
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgZmlsbD0iI2NlMTIwMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM5NSAzOTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgzNC4wMDIzLDAsMCwzNC4wMDIzLDAuNjQ1Mjk4LDEwLjQ4NzMpIj4KICAgICAgICA8cGF0aCBkPSJNMCwxMC41TDUuNzg5LDAuNUwxMS41NzksMTAuNUwwLDEwLjVaTTUuNzg5LDguOTIxQzUuOTM5LDguOTIxIDYuMDY0LDguODcxIDYuMTY1LDguNzY5QzYuMjY1LDguNjY5IDYuMzE2LDguNTQ0IDYuMzE2LDguMzk1QzYuMzE2LDguMjQ2IDYuMjY1LDguMTIxIDYuMTY1LDguMDJDNi4wNjQsNy45MTkgNS45MzksNy44NjggNS43ODksNy44NjhDNS42NCw3Ljg2OCA1LjUxNSw3LjkxOSA1LjQxNSw4LjAyQzUuMzE0LDguMTIxIDUuMjYzLDguMjQ2IDUuMjYzLDguMzk1QzUuMjYzLDguNTQ0IDUuMzE0LDguNjY5IDUuNDE1LDguNzY5QzUuNTE1LDguODcxIDUuNjQsOC45MjEgNS43ODksOC45MjFaTTUuMjYzLDcuMzQyTDYuMzE2LDcuMzQyTDYuMzE2LDQuNzExTDUuMjYzLDQuNzExTDUuMjYzLDcuMzQyWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgPC9nPgo8L3N2Zz4K");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 0;
      width: 13px;
      height: 14px; }

.forms-2023-example > div > .row {
  border-bottom: 1px solid #eceeef;
  padding: 15px 0; }
  .forms-2023-example > div > .row .headline {
    margin-left: 15px;
    margin-bottom: 15px;
    font-weight: 700; }
  .forms-2023-example > div > .row form,
  .forms-2023-example > div > .row .form-2023 {
    border: none;
    padding: 0; }

input[type="file"] {
  appearance: none; }

.form-item-file-upload .dropzone {
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  color: #363636;
  padding: 7px 15px;
  margin: 0;
  transition: background-color 0.2s ease;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 112px;
  border: 1px dashed #818a91;
  border-radius: 0px;
  padding: 15px;
  position: relative; }
  .form-item-file-upload .dropzone:focus {
    background-color: #ffffff;
    border-color: #787878;
    transition: all 0.2s ease;
    outline: none; }
  .form-item-file-upload .dropzone.dz-drag-hover {
    border: 1px dashed #f07d00;
    background-color: rgba(240, 125, 0, 0.2);
    color: #000000; }
    .form-item-file-upload .dropzone.dz-drag-hover .dz-message {
      opacity: 1; }
    .form-item-file-upload .dropzone.dz-drag-hover .dz-button {
      color: #f07d00; }
  .form-item-file-upload .dropzone .dz-message {
    margin: 0; }
    .form-item-file-upload .dropzone .dz-message .dz-button:hover {
      color: #f07d00; }
  .form-item-file-upload .dropzone > .dz-preview ~ .dz-preview {
    margin-top: 10px; }
  .form-item-file-upload .dropzone .dz-preview {
    background: transparent;
    background-color: transparent;
    display: flex;
    vertical-align: inherit;
    margin: 0;
    min-height: auto;
    height: 80px; }
    .form-item-file-upload .dropzone .dz-preview.dz-image-preview {
      background: transparent; }
    .form-item-file-upload .dropzone .dz-preview:nth-child(1), .form-item-file-upload .dropzone .dz-preview:nth-child(2) {
      margin-top: 0; }
    .form-item-file-upload .dropzone .dz-preview:hover .dz-error-message {
      display: none; }
    .form-item-file-upload .dropzone .dz-preview:hover .dz-image img {
      filter: none;
      transform: none; }
    .form-item-file-upload .dropzone .dz-preview .dz-image {
      border-radius: 2px;
      width: 80px;
      height: 80px;
      flex-shrink: 0;
      margin-right: 10px;
      background: linear-gradient(to bottom, #e1e0e0, #cac9c9); }
    .form-item-file-upload .dropzone .dz-preview .dz-image img {
      width: 100%;
      height: auto; }
    .form-item-file-upload .dropzone .dz-preview .dz-details {
      display: flex;
      flex-direction: column-reverse;
      justify-content: start;
      opacity: 1;
      font-size: 12px;
      padding: 0 0 0 90px;
      line-height: 1;
      top: 0;
      left: 0;
      min-width: inherit;
      width: 100%;
      text-align: left; }
    .form-item-file-upload .dropzone .dz-preview .dz-details .dz-filename {
      overflow: hidden;
      text-overflow: ellipsis;
      min-height: 16px;
      font-size: 14px;
      margin-bottom: 3px; }
      .form-item-file-upload .dropzone .dz-preview .dz-details .dz-filename span {
        border: 0px !important; }
      .form-item-file-upload .dropzone .dz-preview .dz-details .dz-filename:hover span {
        background-color: transparent; }
    .form-item-file-upload .dropzone .dz-preview .dz-details .dz-size {
      margin-bottom: 0;
      font-size: 11px;
      display: flex;
      flex-shrink: 0;
      color: #818a91; }
    .form-item-file-upload .dropzone .dz-preview .dz-details .dz-size strong {
      font-weight: 400; }
    .form-item-file-upload .dropzone .dz-preview .dz-details .dz-size span,
    .form-item-file-upload .dropzone .dz-preview .dz-details .dz-filename span {
      border: none;
      background-color: transparent;
      padding: 0;
      border-radius: 0px; }
    .form-item-file-upload .dropzone .dz-preview .dz-progress {
      animation: none;
      opacity: 1;
      z-index: 1000;
      position: absolute;
      height: 5px;
      width: auto;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      left: 90px;
      right: 0;
      border: none;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 10px;
      overflow: hidden; }
    .form-item-file-upload .dropzone .dz-preview .dz-progress .dz-upload {
      background: #f07d00; }
    .form-item-file-upload .dropzone .dz-preview.dz-success .dz-progress .dz-upload {
      background: #00d747; }
    .form-item-file-upload .dropzone .dz-preview.dz-error .dz-details .dz-size,
    .form-item-file-upload .dropzone .dz-preview.dz-error .dz-details .dz-filename {
      color: #959595; }
    .form-item-file-upload .dropzone .dz-preview.dz-error .dz-progress .dz-upload {
      background: #ce1200; }
    .form-item-file-upload .dropzone .dz-preview .dz-remove {
      position: relative;
      padding-left: 20px;
      display: flex;
      align-self: flex-end;
      font-size: 12px; }
      .form-item-file-upload .dropzone .dz-preview .dz-remove, .form-item-file-upload .dropzone .dz-preview .dz-remove:hover {
        color: #ce1200; }
      .form-item-file-upload .dropzone .dz-preview .dz-remove:hover::before {
        color: #ce1200; }
      .form-item-file-upload .dropzone .dz-preview .dz-remove::before {
        content: '';
        position: absolute;
        left: 0;
        width: 16px;
        height: 18px;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgZmlsbD0iI2NlMTIwMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM5NSAzOTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgzLjgwMzczLDAsMCwzLjgwMzczLDI2LjMzMjMsMjYuMzMyMykiPgogICAgICAgIDxwYXRoIGQ9Ik03Ni43NzcsMi44ODFMNTcuMzMzLDIuODgxTDU3LjMzMywyLjQxMkM1Ny4zMzMsMS4wOCA1Ni4yNTMsMCA1NC45MjEsMEwzNS4wNzksMEMzMy43NDcsMCAzMi42NjcsMS4wOCAzMi42NjcsMi40MTJMMzIuNjY3LDIuODgxTDEzLjIyMywyLjg4MUMxMS44OTEsMi44ODEgMTAuODExLDMuOTYxIDEwLjgxMSw1LjI5M0wxMC44MTEsMTQuODE5QzEwLjgxMSwxNi4xNTEgMTEuODkxLDE3LjIzMSAxMy4yMjMsMTcuMjMxTDc2Ljc3NywxNy4yMzFDNzguMTA5LDE3LjIzMSA3OS4xODksMTYuMTUxIDc5LjE4OSwxNC44MTlMNzkuMTg5LDUuMjkzQzc5LjE4OSwzLjk2MSA3OC4xMDksMi44ODEgNzYuNzc3LDIuODgxWiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik03My4xNTMsMjIuMTE5TDE2Ljg0NywyMi4xMTlDMTUuNTE1LDIyLjExOSAxNC40MzUsMjMuMTk5IDE0LjQzNSwyNC41MzFMMTQuNDM1LDg3LjU4OEMxNC40MzUsODguOTIgMTUuNTE1LDkwIDE2Ljg0Nyw5MEw3My4xNTMsOTBDNzQuNDg1LDkwIDc1LjU2NSw4OC45MiA3NS41NjUsODcuNTg4TDc1LjU2NSwyNC41MzFDNzUuNTY1LDIzLjE5OSA3NC40ODUsMjIuMTE5IDczLjE1MywyMi4xMTlaTTMzLjU0Myw4MS4zMkMzMy41NDMsODIuNjUyIDMyLjQ2Myw4My43MzIgMzEuMTMxLDgzLjczMkwyOC44ODYsODMuNzMyQzI3LjU1NCw4My43MzIgMjYuNDc0LDgyLjY1MiAyNi40NzQsODEuMzJMMjYuNDc0LDMwLjc5OUMyNi40NzQsMjkuNDY3IDI3LjU1NCwyOC4zODcgMjguODg2LDI4LjM4N0wzMS4xMzEsMjguMzg3QzMyLjQ2MywyOC4zODcgMzMuNTQzLDI5LjQ2NyAzMy41NDMsMzAuNzk5TDMzLjU0Myw4MS4zMlpNNDguNTM1LDgxLjMyQzQ4LjUzNSw4Mi42NTIgNDcuNDU1LDgzLjczMiA0Ni4xMjMsODMuNzMyTDQzLjg3OCw4My43MzJDNDIuNTQ2LDgzLjczMiA0MS40NjYsODIuNjUyIDQxLjQ2Niw4MS4zMkw0MS40NjYsMzAuNzk5QzQxLjQ2NiwyOS40NjcgNDIuNTQ2LDI4LjM4NyA0My44NzgsMjguMzg3TDQ2LjEyMywyOC4zODdDNDcuNDU1LDI4LjM4NyA0OC41MzUsMjkuNDY3IDQ4LjUzNSwzMC43OTlMNDguNTM1LDgxLjMyWk02My41MjYsODEuMzJDNjMuNTI2LDgyLjY1MiA2Mi40NDYsODMuNzMyIDYxLjExNCw4My43MzJMNTguODY5LDgzLjczMkM1Ny41MzcsODMuNzMyIDU2LjQ1Nyw4Mi42NTIgNTYuNDU3LDgxLjMyTDU2LjQ1NywzMC43OTlDNTYuNDU3LDI5LjQ2NyA1Ny41MzcsMjguMzg3IDU4Ljg2OSwyOC4zODdMNjEuMTE0LDI4LjM4N0M2Mi40NDYsMjguMzg3IDYzLjUyNiwyOS40NjcgNjMuNTI2LDMwLjc5OUw2My41MjYsODEuMzJaIiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: contain; }
    .form-item-file-upload .dropzone .dz-preview .dz-success-mark,
    .form-item-file-upload .dropzone .dz-preview .dz-error-mark {
      position: absolute;
      left: 0;
      top: 0;
      animation: none !important;
      z-index: 1001;
      top: 50%;
      right: auto;
      left: 25px;
      transform: translateY(-50%);
      margin: 0;
      width: 30px;
      height: 30px;
      opacity: 0;
      display: flex;
      align-items: center; }
      .form-item-file-upload .dropzone .dz-preview .dz-success-mark svg,
      .form-item-file-upload .dropzone .dz-preview .dz-error-mark svg {
        display: block; }
    .form-item-file-upload .dropzone .dz-preview.dz-error .dz-error-mark::after,
    .form-item-file-upload .dropzone .dz-preview.dz-success .dz-success-mark::after {
      content: '';
      background-color: #fff;
      border-radius: 50%;
      width: 31px;
      height: 31px;
      position: absolute;
      z-index: -1;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .form-item-file-upload .dropzone .dz-preview.dz-success .dz-success-mark svg * {
      fill: #00d747;
      fill-opacity: 1;
      stroke: none;
      stroke-opacity: 0; }
    .form-item-file-upload .dropzone .dz-preview.dz-error .dz-error-mark svg * {
      fill: #ce1200; }
    .form-item-file-upload .dropzone .dz-preview.dz-success .dz-success-mark,
    .form-item-file-upload .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1; }
    .form-item-file-upload .dropzone .dz-preview.dz-success .dz-success-message,
    .form-item-file-upload .dropzone .dz-preview.dz-error .dz-error-message {
      display: flex; }
    .form-item-file-upload .dropzone .dz-preview .dz-error-message {
      display: none;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      width: auto;
      height: auto;
      padding: 15px 15px 15px 90px;
      transition: opacity .2s ease-out;
      z-index: 1000;
      opacity: 1;
      overflow: hidden; }
      .form-item-file-upload .dropzone .dz-preview .dz-error-message::after {
        display: none; }
  .form-item-file-upload .dropzone .dz-preview .dz-error-message,
  .form-item-file-upload .dropzone .dz-message-modal.dz-error {
    align-items: center;
    color: #ffffff;
    background: rgba(206, 18, 0, 0.85);
    border-radius: 3px;
    font-size: 13px; }
  .form-item-file-upload .dropzone .dz-message-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    height: 100%;
    max-height: 80px;
    z-index: 1001;
    padding: 15px;
    display: flex; }
  .form-item-file-upload .dropzone .dz-message-modal.dz-success {
    background-color: #209c49;
    color: #ffffff; }

/**
 * @name headline
 * @description atom description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
sub,
sup {
  font-size: 80%; }

h1,
.h1,
.igussec14basket .headline {
  hyphens: auto;
  font-size: 6rem;
  line-height: 7rem;
  font-weight: 700; }
  @media (max-width: 719px) {
    h1,
    .h1,
    .igussec14basket .headline {
      font-size: 3.5rem;
      line-height: 4rem; } }

h2, .h2 {
  hyphens: auto;
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: 700;
  overflow-wrap: break-word; }

h3, .h3 {
  hyphens: auto;
  font-size: 2.6rem;
  line-height: 3.1rem;
  font-weight: 500;
  overflow-wrap: break-word; }

h4, .igus072forgotpass .igus072forgotpass__headline, .h4 {
  hyphens: auto;
  font-size: 2.2rem;
  line-height: 2.7rem;
  font-weight: 500; }

h5, .igus072forgotpass .headline, .igus073ordersummary .headline, .h5 {
  hyphens: auto;
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: 700;
  font-family: "Roboto", Arial, sans-serif; }

h6, .h6, .igus074baskettile .igus074baskettile__headline, .igus087pager .resultcount label {
  hyphens: auto;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700; }

.subheading {
  font-size: 2.2rem;
  line-height: 2.7rem;
  font-weight: 500;
  font-family: "Roboto", Arial, sans-serif;
  color: #626262; }

.icon {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  vertical-align: middle;
  width: 24px;
  height: 24px; }
  .icon svg {
    width: 100%;
    height: 100%;
    background-color: transparent;
    fill: currentColor;
    max-height: 100%; }
  .icon.dot:after {
    top: 1px;
    content: "";
    position: absolute;
    background: #f07d00;
    height: 5px;
    right: -1px;
    width: 5px;
    text-align: center;
    line-height: 2rem;
    font-size: 1rem;
    border-radius: 50%;
    color: white;
    border: 1px solid #f07d00; }

[data-iframe-autosize] iframe {
  width: 100%; }

/**
 * @name input
 * @description input
 * @author abobrov | cleanup LOrtlepp 05-2023
 * @see {@link http://github.com/documentation|Specification}
 */
.input {
  margin-bottom: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .input .input-heading {
    margin-bottom: 5px; }
  .input .heading-top {
    width: 100%; }
  .input .input__wrapper {
    display: flex;
    align-items: center; }
  .input .heading-left {
    margin-right: 0.5rem; }
  .input .heading-right {
    margin-left: 1.5rem; }

input[type="radio"] {
  border-radius: 50%; }

input[type="text"],
input[type="number"],
input[type="email"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 7px 15px;
  width: 100%;
  border: 1px solid #d8d8d8; }
  input[type="text"]:read-only, input[type="text"]:read-only:focus,
  input[type="number"]:read-only,
  input[type="number"]:read-only:focus,
  input[type="email"]:read-only,
  input[type="email"]:read-only:focus,
  textarea:read-only,
  textarea:read-only:focus {
    border: 1px solid #ececec; }
  input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #787878; }

textarea {
  display: block;
  padding: 1rem 1.5rem !important; }

.invalid {
  border: 1px solid #ce1200; }

input:not(.inputerror) ~ .invalid-feedback {
  display: none; }

.invalid-feedback {
  font-size: 1.2rem; }

div:not(.inputerror) ~ .invalid-feedback {
  display: none; }

.invalid-feedback {
  font-size: 1.2rem; }

.required:after {
  color: #000000;
  content: "*";
  padding: 0 5px;
  font-size: inherit; }

/**
 * @name languageselect
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.languageselect__select {
  width: auto; }

/**
 * @name legend
 * @description legend element
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
legend {
  font-weight: 400;
  font-size: 1.2rem; }

a.link {
  display: flex;
  align-items: center;
  font-weight: 400; }
  a.link:hover {
    text-shadow: 1px 0 0 black; }
  a.link .icon {
    margin-right: 1rem;
    width: 1rem;
    height: 1rem; }

a.link--primary {
  color: #f07d00; }
  a.link--primary:hover {
    text-shadow: 1px 0 0 #f07d00;
    transition: all 0.1s; }
    a.link--primary:hover .icon {
      color: #d26e00; }

a.link--secondary {
  color: #363636; }
  a.link--secondary .icon {
    color: #f07d00; }
  a.link--secondary:hover {
    text-shadow: 1px 0 0 #363636; }
    a.link--secondary:hover .icon {
      color: #d26e00; }

a.link--tertiary {
  color: #363636; }
  a.link--tertiary .icon {
    color: #d8d8d8; }
  a.link--tertiary:hover {
    text-shadow: 1px 0 0 #363636; }
    a.link--tertiary:hover .icon {
      color: #363636; }

a.link--icon {
  align-items: center;
  color: #363636; }
  a.link--icon .icon {
    align-items: center;
    color: #363636;
    width: 15px;
    height: 15px; }
  a.link--icon:hover {
    text-shadow: 1px 0 0 #363636; }
    a.link--icon:hover .icon {
      color: #363636; }

a.link--iconless .icon {
  display: none; }

.link__image {
  width: 15px;
  height: auto;
  margin-right: 15px; }

ul li {
  line-height: 2.8rem; }

/**
 * @name logo
 * @description igus logo in default size as on website
 * @author LOrtlepp (lortlepp.ext@igus.de
 * @see {@link http://github.com/documentation|Specification}
 */
.logo {
  width: 244px;
  display: inline-block;
  margin-right: 15px;
  padding: 8px 0; }
  @media (min-width: 1200px) {
    .logo {
      margin-right: 0; } }

/**
 * @name paragraph
 * @description atom description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name picture
 * @description atom description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
picture.genericImage {
  display: inline-block; }

.popover {
  font-family: inherit;
  border: 1px #787878 solid !important;
  padding: 10px;
  margin-left: 2px;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1); }
  .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
    border-top-color: #787878 !important; }
    .popover.popover-top .popover-arrow::before,
    .popover.bs-tether-element-attached-bottom .popover-arrow::before {
      content: '';
      width: 18px;
      height: 18px;
      background-color: transparent;
      position: absolute;
      z-index: 0;
      transform: rotate(45deg);
      box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.075);
      top: -22px;
      left: -9px; }
  .popover.popover.popover-top, .popover.bs-tether-element-attached-bottom {
    margin-top: -10px; }
  .popover .popover-content {
    padding: 0 5px;
    font-size: 13px !important;
    line-height: 1.4; }

[data-toggle="popover"],
[data-action="popover-2"] {
  cursor: pointer;
  height: 18px;
  margin-top: -1px; }
  [data-toggle="popover"], [data-toggle="popover"]:focus,
  [data-action="popover-2"],
  [data-action="popover-2"]:focus {
    outline: none; }

/**
 * @name popup
 * @description atom description here
 * @author todort / Refactor LOrtlepp 05-2023
 * @see {@link http://github.com/documentation|Specification}
 */
.popup {
  display: none;
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6); }
  .popup.popup-open {
    display: block; }

.popup__dialog {
  background: #ffffff;
  max-height: calc(100% - 20px);
  max-width: 900px;
  width: calc(100% - 30px);
  text-align: justify;
  padding: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  overflow: auto; }
  @media (max-width: 719px) {
    .popup__dialog {
      padding: 3rem;
      right: 1.5rem; }
      .popup__dialog h3 {
        margin-top: 5rem; } }

.popup__btnClose,
.popup-close {
  background-color: #d8d8d8;
  border-radius: 0px;
  position: absolute;
  right: 0;
  top: 0;
  min-width: inherit;
  width: 40px;
  z-index: 999; }
  .popup__btnClose:hover,
  .popup-close:hover {
    background-color: #787878; }
  .popup__btnClose .icon,
  .popup-close .icon {
    width: 18px;
    height: 18px; }
    .popup__btnClose .icon svg,
    .popup-close .icon svg {
      width: 100%;
      height: 100%;
      background-color: transparent;
      fill: #fff;
      max-height: 100%; }

.popup__btnClose .btn, .popup__btnClose .btn--cmd, .popup__btnClose .btn--theme {
  min-width: inherit;
  width: 40px;
  background-color: inherit; }

.error-messages p, .error-messages .igus073ordersummary .headline .text, .igus073ordersummary .headline .error-messages .text {
  margin-top: 0 !important;
  color: #ce1200; }

.cta--disabled {
  pointer-events: none;
  opacity: 0.3; }

@media (max-width: 939px) {
  .noscrollbody {
    position: fixed;
    overflow: hidden !important; } }

.ppms_cm_privacy_settings_button {
  display: block;
  width: 75px;
  height: 75px;
  position: fixed;
  z-index: 9999;
  bottom: 5px;
  left: 5px; }
  .ppms_cm_privacy_settings_button img {
    border: none;
    width: 100%;
    height: auto; }

/**
 * @name search
 * @description atom description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.searchfield {
  display: flex;
  padding: .8rem 1rem .8rem 1rem; }

.searchfield__input {
  border: 0;
  height: 3rem !important; }

.searchfield__button .btn__icon {
  height: 2rem;
  margin-right: 0; }

.searchfield__button .icon {
  height: 2rem;
  width: 2rem; }

.searchfield__button .btn, .searchfield__button .btn--cmd, .searchfield__button .btn--theme {
  min-width: 0;
  min-height: auto;
  height: 3rem !important;
  padding: 0.5rem !important; }

/*Styles for the jQuery-ui Autocomplete*/
.ui-autocomplete {
  z-index: 20000;
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  background-color: white; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08); }

.ui-menu .ui-menu-item {
  position: relative;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
  .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 0.3rem 1rem; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  background-color: #f2f2f2; }

/*.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid red;
  color: red;
}*/
.ui-widget {
  /*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em;*/ }

.ui-widget-content {
  border: 1px solid #ececec;
  /*background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;*/
  color: #626262; }

/**
 * @name slider
 * @description a range slider
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.range-slider input {
  margin-top: 5px;
  display: inline;
  max-width: 30%; }
  @media (max-width: 535px) {
    .range-slider input {
      max-width: 50%; } }
  .range-slider input:last-child {
    float: right; }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #d26e00;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #ececec;
  font-weight: normal; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

#custom-handle {
  width: 3em;
  height: 1.6em;
  top: 50%;
  margin-top: -.8em;
  text-align: center;
  line-height: 1.6em; }

.slider_max {
  float: right; }

/**
 * @name span
 * @description atom description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name tabPane
 * @description atom description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.tabPane {
  display: none; }

.tabPane.active {
  display: block; }

/**
 * @name text
 * @description atom description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.button-labels {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem; }

.copy {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.6rem; }

.info {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem; }

.meta {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem; }

.fine-print {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 400;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400; }

body .toggle-target-element {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease; }
  body .toggle-target-element > div {
    overflow: hidden; }
  body .toggle-target-element[aria-hidden="false"] {
    grid-template-rows: 1fr; }

/**
 * @name tooltip
 * @description Tooltip to deliver information on mouseover
 * @see {@link http://github.com/documentation|Specification}
 https://material.io/design/components/tooltips.html#
 */
.tooltip {
  font-family: inherit; }
  .tooltip a > .icon {
    color: #2c74a9; }

.popover {
  border: 1px #ececec solid;
  background-color: #ffffff;
  padding: 1rem; }
  .popover ul {
    list-style-position: inside;
    margin-bottom: 0; }
  .popover.bg-signal-info {
    color: white !important;
    background-color: #2c74a9 !important; }
    .popover.bg-signal-info .popover-arrow::after {
      border-top-color: #2c74a9 !important; }

.popover.bottom .arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 19px solid #000000; }

/**
 * @name trenner
 * @description atom description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.trenner {
  font-weight: 500;
  color: #ffffff;
  background-color: #f07d00;
  padding: 10px 0px 7px 20px; }

/**
 * @name video
 * @description native html5 videoplayer element
 * @author LOrtlepp
*/
.video > video {
  width: 100%; }

/**
 * @name breadcrumb
 * @description The breadcrumb
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.breadcrumb {
  margin-left: -15px;
  margin-bottom: -15px; }
  .breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0; }
    .breadcrumb ol li {
      display: inline; }
  .breadcrumb a {
    font-size: 1.1rem;
    color: #363636;
    display: inline-block;
    text-align: center;
    padding-bottom: 1.5rem; }
    .breadcrumb a:hover {
      color: #000000;
      text-shadow: 1px 0px 0px #000000; }
      .breadcrumb a:hover span.icon {
        color: #d26e00; }
  .breadcrumb .breadcrumb__lastlink {
    font-size: 1.1rem;
    color: #363636;
    display: inline-block;
    text-align: center; }
  .breadcrumb span.icon {
    display: inline-block;
    vertical-align: top;
    width: 2rem;
    margin-left: 1rem;
    height: 8px;
    color: #f07d00;
    text-align: center; }

/**
 * @name igus004ProduktbildGalerie
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus004ProduktbildGalerie {
  position: relative;
  height: fit-content; }
  .igus004ProduktbildGalerie a:focus {
    outline: none; }
  .igus004ProduktbildGalerie .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.5rem;
    cursor: pointer; }
    .igus004ProduktbildGalerie .slick-arrow svg {
      color: #d8d8d8; }
    .igus004ProduktbildGalerie .slick-arrow:hover svg {
      color: #363636; }
  .igus004ProduktbildGalerie .slick-prev {
    left: -2.5rem; }
  .igus004ProduktbildGalerie .slick-next {
    right: -2.5rem; }

.igus004ProduktbildGalerie__thumbs {
  margin: 0 2rem; }
  @media (max-width: 535px) {
    .igus004ProduktbildGalerie__thumbs {
      display: none !important; } }

.igus004ProduktbildGalerie__content {
  padding-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.1rem; }

.slider__slide {
  border: 0.1rem solid #d8d8d8;
  position: relative; }
  @media (max-width: 535px) {
    .slider__slide {
      margin: 0 1rem; } }

.slider__asset {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem; }
  .slider__asset .icon svg:hover {
    color: #000000; }

.slider__asset--video {
  position: relative;
  bottom: 0;
  left: 0; }

.thumbs__thumb .thumb {
  margin: 0 .3rem;
  border: 0.1rem solid #d8d8d8; }

.slick-current .thumb img {
  border: 0.2rem solid #d8d8d8; }

.mfp-container,
.mfp-figure {
  cursor: pointer !important; }

.mfp-arrow-right:before {
  border-color: #d8d8d8;
  border-left: none !important; }

.mfp-arrow-right:after {
  border-left-color: #d8d8d8 !important; }

.mfp-arrow-left:before {
  border-color: #d8d8d8;
  border-right: none !important; }

.mfp-arrow-left:after {
  border-right-color: #d8d8d8 !important; }

.mfp-close {
  cursor: pointer !important;
  opacity: 1; }

.mfp-bg {
  z-index: 10000 !important; }

.mfp-wrap {
  z-index: 10001 !important; }

.mfp-content {
  max-width: 90rem;
  overflow: auto;
  z-index: 10001 !important; }

.mfp-arrow {
  z-index: 10002 !important; }
  @media (max-width: 939px) {
    .mfp-arrow {
      transform: scale(1) !important; } }
  @media (max-width: 719px) {
    .mfp-arrow {
      transform: scale(1) !important; } }
  @media (max-width: 535px) {
    .mfp-arrow {
      transform: scale(1) !important; } }
  @media (max-width: 535px) {
    .mfp-arrow:after, .mfp-arrow:before {
      left: auto !important;
      right: 0 !important; } }

@media (max-width: 719px) {
  .mfp-arrow-left {
    left: -56px !important; } }

@media (max-width: 719px) {
  .mfp-arrow-right {
    right: 14px !important; } }

.igus004-slide-master {
  background: #fff;
  position: relative;
  padding: 7.3rem 7.3rem 3rem 7.3rem;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }
  @media (max-width: 719px) {
    .igus004-slide-master {
      padding: 4.3rem 4.3rem 3rem 4.3rem;
      margin-top: 7px; } }
  .igus004-slide-master img {
    border: 0.1rem solid #d8d8d8;
    margin: 1.5rem 0; }
  .igus004-slide-master .igus013Tabelle__table {
    width: 100%;
    margin: 4.5rem 0 0 0; }
  .igus004-slide-master .table__tbody td {
    width: 50%; }
    .igus004-slide-master .table__tbody td:first-of-type {
      padding-left: 0; }
    .igus004-slide-master .table__tbody td:last-of-type {
      padding-right: 0; }
  @media (max-width: 719px) {
    .igus004-slide-master .table__tbody td {
      display: table-cell; } }

.igus004-slide-master {
  background: #fff; }

.slide__disclaimer {
  font-size: 1.1rem; }

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin: 1.5rem 0; }

.mfp-close {
  min-width: 2rem;
  background-color: #d8d8d8 !important;
  color: #fff !important;
  font-size: 43px !important; }
  .mfp-close:hover {
    background-color: #787878; }

/**
 * @name igus005Produktinformationen
 * @description organism description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
.igus005Produktinformationen {
  /*li {
		line-height: 2.2rem;
	}*/ }
  .igus005Produktinformationen ul {
    padding-left: 20px;
    margin-bottom: 3.5rem; }
  .igus005Produktinformationen h6 {
    margin-bottom: 1.5rem; }

/**
 * @name igus006Dropdowns
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igus007BuyBox
 * @description the buybox
 * @author abobrov
 * @see {@link http://github.com/documentation|Specification}
 */
.igus007BuyBox {
  background: #f2f2f2;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: .5rem;
  width: 27rem; }
  @media (max-width: 1199px) {
    .igus007BuyBox {
      width: 100%; } }

.igus007BuyBox__inputs {
  margin-bottom: .5rem; }
  .igus007BuyBox__inputs input {
    width: 8rem;
    padding: 0.5rem 0.8rem;
    border: 1px solid #d8d8d8; }
    .igus007BuyBox__inputs input:focus {
      outline: none; }
  .igus007BuyBox__inputs .buybox__textWrong {
    display: none; }

.buybox__textWrong {
  color: #ce1200;
  font-size: 1.1rem;
  display: none;
  padding-left: 0; }

.price__kind {
  width: 100%;
  font-size: 1.2rem; }

.price__value, .price__currency {
  display: inline-block;
  font-size: 2.6rem;
  margin-top: .3rem; }

.igus007BuyBox__availability {
  margin-top: 0.7rem;
  font-size: 1.4rem;
  text-shadow: none; }
  .igus007BuyBox__availability:hover {
    text-shadow: none !important; }
  .igus007BuyBox__availability .link__text {
    font-weight: 500; }

.availability--primary {
  color: #209c49 !important; }
  .availability--primary .icon {
    color: #209c49 !important; }

.availability--secondary {
  color: #f7ad00 !important; }
  .availability--secondary .icon {
    color: #f7ad00 !important; }

.availability--tertiary {
  color: #787878 !important; }
  .availability--tertiary .icon {
    color: #787878 !important; }

.availability--fast {
  color: #00cf45 !important; }
  .availability--fast .icon {
    color: #00cf45 !important; }

.igus007BuyBox__zzgl-info {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.8rem; }
  .igus007BuyBox__zzgl-info span {
    display: none; }

.zzgl-info__links {
  color: #787878;
  font-size: 1.1rem;
  line-height: 1.6rem; }

.igus007BuyBox__cta {
  margin-top: 1rem;
  min-width: 100%;
  height: auto;
  line-height: 2.2rem;
  padding: .8rem 1rem; }
  @media (max-width: 719px) {
    .igus007BuyBox__cta .btn__icon {
      margin-right: 1.5rem; } }

.igus007BuyBox__remember {
  margin-top: 1rem; }

.igus007BuyBox__linkMargin {
  margin-top: 1.3rem;
  margin-bottom: 1.3rem; }

.wrontTextContainer {
  min-height: 2.1rem; }

.single {
  font-size: 1.2rem;
  margin-top: .3rem; }

/**
 * @name igus008TabPane
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus008TabPane__title,
.igus008TabPane > .icon > .minus,
.igus008TabPane > .icon > .plus {
  display: none; }

.igus008TabPane__content {
  padding-top: 3rem; }

@media (max-width: 719px) {
  .igus008TabPane {
    display: block !important; }
  .igus008TabPane__content {
    display: none; }
  .igus008TabPane {
    display: block;
    position: relative; }
  .igus008TabPane__content {
    padding: 3rem 0 3rem 0;
    line-height: 1.8; }
  .igus008TabPane__title {
    border-top: 1px #ffffff solid;
    background-color: #363636;
    color: #ffffff;
    margin: 0;
    padding: 2rem 5.4rem 2rem 1.5rem;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .igus008TabPane__title .h6, .igus008TabPane__title .igus074baskettile .igus074baskettile__headline, .igus074baskettile .igus008TabPane__title .igus074baskettile__headline, .igus008TabPane__title .igus087pager .resultcount label, .igus087pager .resultcount .igus008TabPane__title label {
      font-weight: normal; }
  .igus008TabPane > .icon {
    cursor: pointer;
    position: absolute;
    right: 2rem;
    top: 2.3rem;
    width: 1.4rem;
    height: 1.4rem; }
    .igus008TabPane > .icon svg {
      fill: #ffffff; }
    .igus008TabPane > .icon svg.plus {
      display: block; } }

/**
 * @name igus008TabsProduktdetails
 * @description organism description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
.col-lg-9.igus008TabsProduktdetails__container {
  padding: 0; }

.igus008TabsProduktdetails ul.nav-tabs {
  border-bottom: 1px solid #000; }
  .igus008TabsProduktdetails ul.nav-tabs .nav-link {
    padding: 0 2rem 1rem 1.5rem;
    margin: 0;
    height: 6rem;
    display: flex;
    align-items: flex-end;
    text-align: left;
    color: #363636;
    line-height: 2.2rem;
    outline: none;
    border: none;
    border-radius: 0; }
    .igus008TabsProduktdetails ul.nav-tabs .nav-link:hover {
      background-color: #ececec; }
    .igus008TabsProduktdetails ul.nav-tabs .nav-link.active {
      background-color: #363636 !important;
      color: #ffffff !important; }
    .igus008TabsProduktdetails ul.nav-tabs .nav-link .nav-link__title {
      margin: 0; }
  .igus008TabsProduktdetails ul.nav-tabs .nav-item {
    width: 16.66%;
    min-width: 10rem; }

.igus008TabsProduktdetails .nav-tabs .nav-item + .nav-item {
  margin: 0; }

@media (max-width: 719px) {
  .nav-tabs {
    display: none; } }

/**
 * @name igus009UnsicherBox
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.igus009UnsicherBox {
  padding: 1.5rem 2rem;
  background-color: #f2f2f2; }
  .igus009UnsicherBox h4, .igus009UnsicherBox .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus009UnsicherBox .igus072forgotpass__headline {
    margin-bottom: 1.5rem; }

.igus009UnsicherBox__buttons {
  display: flex;
  flex-direction: column; }
  .igus009UnsicherBox__buttons .popover {
    width: 300px; }
  @media (max-width: 939px) {
    .igus009UnsicherBox__buttons {
      flex-direction: row;
      justify-content: space-between; } }
  @media (max-width: 719px) {
    .igus009UnsicherBox__buttons {
      flex-direction: column; } }

.igus009UnsicherBox__button {
  margin-bottom: 1.5rem;
  /*@include media-breakpoint-down(lg) {
    .btn__icon {
      display: none;
    }
    .btn__text {
      text-align: center;
    }
  }*/ }
  .igus009UnsicherBox__button .btn, .igus009UnsicherBox__button .btn--cmd, .igus009UnsicherBox__button .btn--theme {
    min-width: 100%;
    height: auto;
    font-size: 1.5rem;
    line-height: 2.0rem;
    padding: .8rem 1rem; }
  .igus009UnsicherBox__button:last-child {
    margin-bottom: 0; }
  @media (max-width: 939px) {
    .igus009UnsicherBox__button {
      margin-bottom: 0; }
      .igus009UnsicherBox__button .btn, .igus009UnsicherBox__button .btn--cmd, .igus009UnsicherBox__button .btn--theme {
        min-width: 20.5rem; }
      .igus009UnsicherBox__button .btn__icon {
        display: block; }
      .igus009UnsicherBox__button .btn__text {
        text-align: center; } }
  @media (max-width: 719px) {
    .igus009UnsicherBox__button {
      margin-bottom: 1.5rem;
      margin-right: 0; }
      .igus009UnsicherBox__button .btn, .igus009UnsicherBox__button .btn--cmd, .igus009UnsicherBox__button .btn--theme {
        min-width: 100%; }
      .igus009UnsicherBox__button .btn__icon {
        display: block; }
      .igus009UnsicherBox__button .btn__text {
        text-align: left; } }

/**
 * @name igus010Text
 * @description organism description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
.igus010Text ul, .igus097wpcksechead ul {
  padding-left: 17px; }

.igus010Text li, .igus097wpcksechead li {
  padding-left: 0;
  font-size: 1.6rem;
  line-height: 2.6rem; }

.igus010Text p, .igus097wpcksechead p, .igus010Text .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus010Text .text, .igus097wpcksechead .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus097wpcksechead .text, .igus010Text ul, .igus097wpcksechead ul {
  margin-bottom: 1.5rem !important;
  font-size: 1.6rem;
  line-height: 2.6rem; }

.igus010Text h6, .igus097wpcksechead h6 {
  margin-bottom: 1.5rem; }

.igus010Text ul.linklist, .igus097wpcksechead ul.linklist {
  list-style: none; }

.olist {
  text-indent: 1px; }

.olist span {
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 2px;
  background: black;
  color: white;
  text-align: center;
  font-size: 1.6rem; }

.olist p, .olist .igus073ordersummary .headline .text, .igus073ordersummary .headline .olist .text {
  display: inline;
  padding: 2px; }
  .olist p:after, .olist .igus073ordersummary .headline .text:after, .igus073ordersummary .headline .olist .text:after {
    content: "";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }

.list p, .list .igus073ordersummary .headline .text, .igus073ordersummary .headline .list .text {
  display: flex;
  margin-bottom: 0 !important; }
  .list p:before, .list .igus073ordersummary .headline .text:before, .igus073ordersummary .headline .list .text:before {
    content: "•";
    margin: 0 5px; }

.igus097wpcksechead .list {
  margin-bottom: 15px; }

.igus097wpcksechead ul {
  padding-left: 15px; }

/**
 * @name igus012Zertifikate
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
@media (max-width: 939px) {
  .igus012Zertifikate {
    margin-top: 2rem; } }

@media (max-width: 719px) {
  .igus012Zertifikate {
    margin-top: 0; } }

.igus012Zertifikate .zertifikat__img {
  margin: 0 1rem 1rem 0;
  width: 3.5rem;
  height: 3.5rem; }

/**
 * @name igus013Tabelle
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
th {
  padding-left: 1rem;
  padding-bottom: 0.7rem; }
  th:first-child {
    padding-left: 0; }

.igus013Tabelle {
  margin-bottom: 3rem; }
  .igus013Tabelle img {
    margin-top: -1rem;
    margin-left: -1rem; }
    @media (max-width: 719px) {
      .igus013Tabelle img {
        margin-left: 0;
        margin-top: 0; } }
  .igus013Tabelle th {
    padding-left: 1rem;
    padding-bottom: 0.7rem; }
    .igus013Tabelle th:first-child {
      padding-left: 0; }
  .igus013Tabelle p, .igus013Tabelle .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus013Tabelle .text {
    margin-bottom: 0;
    line-height: 1.8rem; }

.tablecontent__headline {
  background: #ececec;
  border-top: 1px solid #363636;
  padding: 1.5rem;
  margin-bottom: 1rem; }

.igus013Tabelle:first-child .tablecontent__headline {
  border-top: none; }

.tablecontent__text {
  padding: 1rem 1.5rem 1.5rem 1.5rem; }
  @media (max-width: 719px) {
    .tablecontent__text {
      padding: 1rem; } }

.link__iconRight:hover {
  text-decoration: underline; }

.igus013Tabelle__table {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0 1.5rem;
  width: calc(100% - 2rem); }
  @media (max-width: 719px) {
    .igus013Tabelle__table {
      width: 100%;
      margin: 0; } }

.table__tbody td {
  vertical-align: top;
  padding: 1rem; }
  .table__tbody td p, .table__tbody td .igus073ordersummary .headline .text, .igus073ordersummary .headline .table__tbody td .text {
    margin: 0; }

.table__tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #ececec; }

@media (max-width: 719px) {
  .table__tbody td {
    display: block;
    padding: 1rem 1rem; }
    .table__tbody td:first-of-type {
      padding-bottom: 0; }
    .table__tbody td:last-of-type {
      padding-bottom: 1rem; }
  .table__tbody td + td {
    padding: 0 1rem; } }

@media (max-width: 719px) {
  .igus013Tabelle__table--withHead th {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .igus013Tabelle__table--withHead p, .igus013Tabelle__table--withHead .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus013Tabelle__table--withHead .text {
    display: inline-block;
    width: 55%; }
  .igus013Tabelle__table--withHead td:before {
    display: inline-block;
    width: 35%;
    word-wrap: break-word;
    hyphens: auto;
    content: attr(data-th);
    vertical-align: top;
    font-weight: 700; } }

/* ---------- Tabellen zur freien Verfuegung ---------------- */
table {
  width: 100%; }
  table th {
    background-color: #ececec; }

.text_ohne_bild table,
.text table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

.einspaltigG .text_ohne_bild table,
.einspaltigG .text table,
.einspaltig .text_ohne_bild table,
.einspaltig .text table {
  font-size: 12px; }

.text_ohne_bild td,
.text td {
  padding: 1px 1px 1px 1px;
  border-top: 2px solid #fff;
  color: #555;
  white-space: nowrap;
  vertical-align: top; }

.text_ohne_bild table th,
.text table th {
  background-color: #d2d2d2;
  color: #666;
  text-align: left;
  padding: 1px 1px 2px 1px;
  white-space: nowrap;
  vertical-align: top; }

.text_ohne_bild td b,
.text td b {
  display: inline;
  color: #666; }

.lightgrey,
body #warenkorb_table .lightgrey {
  background-color: #ececec; }

.darkgrey td,
td.darkgrey {
  background-color: #ececec !important;
  border: 0; }

td.darkgrey {
  background-color: #d2d2d2;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff; }

.einspaltigG .text_ohne_bild table tr:nth-child(even),
.einspaltigG .text table tr:nth-child(even),
.einspaltig .text_ohne_bild table tr:nth-child(even),
.einspaltig .text table tr:nth-child(even) {
  background: #f0f0f0 !important; }

.einspaltigG .text_ohne_bild table tr:nth-child(odd),
.einspaltigG .text table tr:nth-child(odd),
.einspaltig .text_ohne_bild table tr:nth-child(odd),
.einspaltig .text table tr:nth-child(odd) {
  background: #fff !important; }

form .einspaltigG .text_ohne_bild table tr:nth-child(odd),
form .einspaltigG .text table tr:nth-child(odd),
form .einspaltig .text_ohne_bild table tr:nth-child(odd),
form .einspaltig .text table tr:nth-child(odd),
.einspaltigG .text_ohne_bild table tr:nth-child(even),
.einspaltigG .text table tr:nth-child(even),
.einspaltig .text_ohne_bild table tr:nth-child(even),
.einspaltig .text table tr:nth-child(even) {
  background: none !important; }

.text_ohne_bild table th img,
.text table th img,
.text_ohne_bild table td img,
.text table td img {
  border: none !important; }

.center {
  text-align: center; }

/* sub und sup in Tabellen*/
.text_ohne_bild table sub,
.text table sub {
  position: relative;
  top: 1px;
  left: 1px;
  height: 12px; }

/*Legende mit kleiner Schrift*/
.text_ohne_bild table .legende,
.text table .legende,
.legende {
  background-color: #fff;
  white-space: normal; }

.text_ohne_bild table a,
.text table a {
  padding-left: 10px;
  height: 10px; }

/*Warenkorblink*/
.text_ohne_bild table .buy {
  padding: 0;
  vertical-align: middle; }

.buy {
  background: none; }

.buy img {
  border: none;
  display: inline !important;
  position: relative;
  top: 3px; }

td .buy img {
  border: none;
  display: inline;
  position: relative;
  top: 0; }

td.middle {
  vertical-align: middle; }

/*Auswahlhilfen*/
.text_ohne_bild .auswahlhilfe,
.text_ohne_bild .auswahlhilfe td {
  table-layout: fixed;
  padding: 1px 0 1px 0; }

.text_ohne_bild .auswahlhilfe td {
  vertical-align: middle;
  white-space: normal; }

.text_ohne_bild .auswahlhilfe span,
.auswahlhilfe span {
  margin-right: 10px;
  height: 17px;
  white-space: normal; }

.text_ohne_bild .auswahlhilfe td img {
  border: none; }

.text_ohne_bild .auswahlhilfe .link {
  width: auto; }

.auswahlhilfe,
input,
select {
  color: #555;
  white-space: normal; }

.auswahlhilfe textarea,
.auswahlhilfe input,
.auswahlhilfe select,
.auswahlhilfe select option,
textarea {
  padding: 0 !important;
  text-indent: 0 !important;
  margin: 0 !important; }

.text_ohne_bild .auswahlhilfe .wert {
  margin: 0 3px 0 0;
  float: right; }

.compareTop {
  background: url("../images/compare_top.gif") no-repeat 10px 12px;
  height: 25px; }

.compareBottom {
  background: url("/source/1d6ec050ac6d99506fc96a1c7d942462/igus_sprite.gif") no-repeat -629px -547px;
  height: 25px; }

.text_ohne_bild .auswahlhilfe .AlignC {
  text-align: center;
  border-left: 1px solid #d2d2d2; }

.text_ohne_bild .auswahlhilfe .result {
  white-space: nowrap;
  padding-right: 25px; }

/*Infolink*/
.text_ohne_bild .infolink {
  background: url("/source/1d6ec050ac6d99506fc96a1c7d942462/igus_sprite.gif") no-repeat 0 -179px;
  padding-left: 14px;
  padding-bottom: 1px;
  display: block;
  float: left; }

/*Infolink*/
.text_ohne_bild .infolink_icon {
  background: url("/source/1d6ec050ac6d99506fc96a1c7d942462/igus_sprite.gif") no-repeat 0 -177px;
  width: 12px;
  padding: 0 !important;
  display: block;
  float: left;
  margin-right: 5px; }

/*Warenkorb Tabelle*/
body #warenkorb_table td,
body #warenkorb_table th {
  border: 1px solid #a5acb2;
  background-color: #fff;
  padding: 4px; }

#warenkorb_table {
  border: 1px solid #a5acb2; }

#warenkorb_table p, #warenkorb_table .igus073ordersummary .headline .text, .igus073ordersummary .headline #warenkorb_table .text {
  border: none;
  border: 0 solid #f00;
  padding: 0; }

/*Infolink*/
.text_ohne_bild #warenkorb_table .infolink {
  background: url("/source/1d6ec050ac6d99506fc96a1c7d942462/igus_sprite.gif") no-repeat 0 -179px;
  padding: 0;
  display: block;
  height: auto;
  overflow: hidden;
  white-space: normal;
  padding-left: 12px; }

.text_ohne_bild #warenkorb_table a {
  padding: 0;
  display: block;
  height: auto;
  overflow: hidden;
  white-space: normal;
  padding-left: 12px;
  clear: both; }

/*Sprungmarke*/
.section_ancor {
  font-size: 1px;
  height: 0; }

.section_ancor span {
  font-size: 1px;
  height: 0;
  overflow: hidden; }

/*Artikeltabellen mit Scrollbar*/
.table_scroll {
  overflow: auto;
  overflow-y: hidden;
  margin-top: 16px; }

/*IE-Hack zusaetzlichen Platz fuer Horizontalen Scrollbalken einraeumen*/
* html .table_scroll {
  padding-bottom: 15px; }

/*hervorheben des Uncover linktext */
.uncoverlinktext {
  padding-left: 10px;
  margin-left: 10px;
  font-weight: bold; }

#Lieferstatuslegende img {
  float: left;
  position: relative;
  top: 1px; }

#Lieferstatuslegende {
  position: relative;
  top: 5px;
  /* ---------- Tabellen zur freien Verfuegung ---------------- */
  /* sub und sup in Tabellen*/
  /*Legende mit kleiner Schrift*/
  /*Warenkorblink*/
  /*Auswahlhilfen*/
  /*Warenkorb Tabelle*/
  /*Sprungmarke*/
  /*Artikeltabellen mit Scrollbar*/
  /*IE-Hack zusaetzlichen Platz fuer Horizontalen Scrollbalken einraeumen*/
  /*hervorheben des Uncover linktext */
  left: 2px; }
  #Lieferstatuslegende .text_ohne_bild table,
  #Lieferstatuslegende .text table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
  #Lieferstatuslegende .einspaltigG .text_ohne_bild table,
  #Lieferstatuslegende .einspaltigG .text table,
  #Lieferstatuslegende .einspaltig .text_ohne_bild table,
  #Lieferstatuslegende .einspaltig .text table {
    font-size: 12px; }
  #Lieferstatuslegende .text_ohne_bild td,
  #Lieferstatuslegende .text td {
    padding: 1px 1px 1px 1px;
    border-top: 2px solid #fff;
    color: #555;
    white-space: nowrap;
    vertical-align: top; }
  #Lieferstatuslegende .text_ohne_bild table th,
  #Lieferstatuslegende .text table th {
    background-color: #d2d2d2;
    color: #666;
    text-align: left;
    padding: 1px 1px 2px 1px;
    white-space: nowrap;
    vertical-align: top; }
  #Lieferstatuslegende .text_ohne_bild td b,
  #Lieferstatuslegende .text td b {
    display: inline;
    color: #666; }
  #Lieferstatuslegende .lightgrey,
  #Lieferstatuslegende body #warenkorb_table .lightgrey {
    background-color: #f0f0f0; }
  #Lieferstatuslegende .darkgrey td,
  #Lieferstatuslegende td.darkgrey {
    background-color: #ececec !important;
    border: 0; }
  #Lieferstatuslegende td.darkgrey {
    background-color: #d2d2d2;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff; }
  #Lieferstatuslegende .einspaltigG .text_ohne_bild table tr:nth-child(even),
  #Lieferstatuslegende .einspaltigG .text table tr:nth-child(even),
  #Lieferstatuslegende .einspaltig .text_ohne_bild table tr:nth-child(even),
  #Lieferstatuslegende .einspaltig .text table tr:nth-child(even) {
    background: #f0f0f0 !important; }
  #Lieferstatuslegende .einspaltigG .text_ohne_bild table tr:nth-child(odd),
  #Lieferstatuslegende .einspaltigG .text table tr:nth-child(odd),
  #Lieferstatuslegende .einspaltig .text_ohne_bild table tr:nth-child(odd),
  #Lieferstatuslegende .einspaltig .text table tr:nth-child(odd) {
    background: #fff !important; }
  #Lieferstatuslegende form .einspaltigG .text_ohne_bild table tr:nth-child(odd),
  #Lieferstatuslegende form .einspaltigG .text table tr:nth-child(odd),
  #Lieferstatuslegende form .einspaltig .text_ohne_bild table tr:nth-child(odd),
  #Lieferstatuslegende form .einspaltig .text table tr:nth-child(odd),
  #Lieferstatuslegende .einspaltigG .text_ohne_bild table tr:nth-child(even),
  #Lieferstatuslegende .einspaltigG .text table tr:nth-child(even),
  #Lieferstatuslegende .einspaltig .text_ohne_bild table tr:nth-child(even),
  #Lieferstatuslegende .einspaltig .text table tr:nth-child(even) {
    background: none !important; }
  #Lieferstatuslegende .text_ohne_bild table th img,
  #Lieferstatuslegende .text table th img,
  #Lieferstatuslegende .text_ohne_bild table td img,
  #Lieferstatuslegende .text table td img {
    border: none !important; }
  #Lieferstatuslegende .center {
    text-align: center; }
  #Lieferstatuslegende .text_ohne_bild table sub,
  #Lieferstatuslegende .text table sub {
    position: relative;
    top: 1px;
    left: 1px;
    height: 12px; }
  #Lieferstatuslegende .text_ohne_bild table .legende,
  #Lieferstatuslegende .text table .legende,
  #Lieferstatuslegende .legende {
    background-color: #fff;
    white-space: normal; }
  #Lieferstatuslegende .text_ohne_bild table a,
  #Lieferstatuslegende .text table a {
    padding-left: 10px;
    height: 10px; }
  #Lieferstatuslegende .text_ohne_bild table .buy {
    padding: 0;
    vertical-align: middle; }
  #Lieferstatuslegende .buy {
    background: none; }
  #Lieferstatuslegende .buy img {
    border: none;
    display: inline !important;
    position: relative;
    top: 3px; }
  #Lieferstatuslegende td .buy img {
    border: none;
    display: inline;
    position: relative;
    top: 0; }
  #Lieferstatuslegende td.middle {
    vertical-align: middle; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe,
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe td {
    table-layout: fixed;
    padding: 1px 0 1px 0; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe td {
    vertical-align: middle;
    white-space: normal; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe span,
  #Lieferstatuslegende .auswahlhilfe span {
    margin-right: 10px;
    height: 17px;
    white-space: normal; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe td img {
    border: none; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe .link {
    width: auto; }
  #Lieferstatuslegende .auswahlhilfe,
  #Lieferstatuslegende input,
  #Lieferstatuslegende select {
    color: #555;
    white-space: normal; }
  #Lieferstatuslegende .auswahlhilfe textarea,
  #Lieferstatuslegende .auswahlhilfe input,
  #Lieferstatuslegende .auswahlhilfe select,
  #Lieferstatuslegende .auswahlhilfe select option,
  #Lieferstatuslegende textarea {
    padding: 0 !important;
    text-indent: 0 !important;
    margin: 0 !important; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe .wert {
    margin: 0 3px 0 0;
    float: right; }
  #Lieferstatuslegende .compareTop {
    background: url("../images/compare_top.gif") no-repeat 10px 12px;
    height: 25px; }
  #Lieferstatuslegende .compareBottom {
    background: url("/source/1d6ec050ac6d99506fc96a1c7d942462/igus_sprite.gif") no-repeat -629px -547px;
    height: 25px; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe .AlignC {
    text-align: center;
    border-left: 1px solid #d2d2d2; }
  #Lieferstatuslegende .text_ohne_bild .auswahlhilfe .result {
    white-space: nowrap;
    padding-right: 25px; }
  #Lieferstatuslegende body #warenkorb_table td,
  #Lieferstatuslegende body #warenkorb_table th {
    border: 1px solid #a5acb2;
    background-color: #fff;
    padding: 4px; }
  #Lieferstatuslegende #warenkorb_table {
    border: 1px solid #a5acb2; }
  #Lieferstatuslegende #warenkorb_table p, #Lieferstatuslegende #warenkorb_table .igus073ordersummary .headline .text, .igus073ordersummary .headline #Lieferstatuslegende #warenkorb_table .text {
    border: none;
    border: 0 solid #f00;
    padding: 0; }
  #Lieferstatuslegende .section_ancor {
    font-size: 1px;
    height: 0; }
  #Lieferstatuslegende .section_ancor span {
    font-size: 1px;
    height: 0;
    overflow: hidden; }
  #Lieferstatuslegende .table_scroll {
    overflow: auto;
    overflow-y: hidden;
    /*Infolink*/
    margin-top: 16px; }
    #Lieferstatuslegende .table_scroll .text_ohne_bild #warenkorb_table .infolink {
      background: url("/source/1d6ec050ac6d99506fc96a1c7d942462/igus_sprite.gif") no-repeat 0 -179px;
      padding: 0;
      display: block;
      height: auto;
      overflow: hidden;
      white-space: normal;
      padding-left: 12px; }
    #Lieferstatuslegende .table_scroll .text_ohne_bild #warenkorb_table a {
      padding: 0;
      display: block;
      height: auto;
      overflow: hidden;
      white-space: normal;
      padding-left: 12px;
      clear: both; }
  #Lieferstatuslegende * html .table_scroll {
    padding-bottom: 15px; }
  #Lieferstatuslegende .uncoverlinktext {
    padding-left: 10px;
    margin-left: 10px;
    font-weight: bold; }
  #Lieferstatuslegende #Lieferstatuslegende img {
    float: left;
    position: relative;
    top: 1px; }
  #Lieferstatuslegende #Lieferstatuslegende {
    position: relative;
    top: 5px;
    left: 2px; }
  #Lieferstatuslegende #Lieferstatuslegende td {
    padding-right: 4px; }

#Lieferstatuslegende td {
  padding-right: 4px; }

/**
 * @name igus013Tabelle
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus013TabelleB {
  margin-bottom: 3rem; }

.tablecontent__headline {
  background: #ececec;
  border-top: 1px solid #363636;
  padding: 1.5rem; }

.search--table .searchfield__input {
  border: 0.1rem solid #d8d8d8;
  width: 50%; }
  @media (max-width: 719px) {
    .search--table .searchfield__input {
      width: 100%; } }

.igus013TabelleB__legend {
  display: flex; }
  @media (max-width: 719px) {
    .igus013TabelleB__legend {
      display: block; } }

.legend__headline {
  width: 25%;
  padding: 1rem; }

.legend {
  padding: 1rem;
  width: 75%;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 719px) {
    .legend {
      width: 100%; } }

.legend__item {
  position: relative;
  display: flex;
  margin-right: 2rem; }

.legend__item--icon {
  margin-right: 1rem; }
  .legend__item--icon svg {
    width: 1rem;
    height: 1rem; }

.legend__item--text {
  line-height: 1.8rem; }

.igus013TabelleB__table {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0 1rem;
  width: calc(100% - 2rem); }
  @media (max-width: 719px) {
    .igus013TabelleB__table {
      width: 100%;
      margin: 0; } }

.scrollBox {
  height: 200px;
  overflow: auto;
  width: 100%;
  line-height: 1.8rem; }
  @media (max-width: 719px) {
    .scrollBox .table__tbody td {
      display: inline-block; } }

.table__tbody .column__icon {
  width: 4.5rem;
  align-items: center; }
  .table__tbody .column__icon .icon {
    align-items: center;
    justify-content: center; }
    .table__tbody .column__icon .icon svg {
      width: 1rem;
      height: 1rem; }

.table__tbody .column__text {
  vertical-align: middle; }

.table__tbody td {
  vertical-align: top;
  padding: 1rem; }
  .table__tbody td p, .table__tbody td .igus073ordersummary .headline .text, .igus073ordersummary .headline .table__tbody td .text {
    margin: 0; }

.table__tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #ececec; }

@media (max-width: 719px) {
  .table__tbody td {
    display: block;
    padding: 1rem 1rem; }
    .table__tbody td:first-of-type {
      padding-bottom: 0; }
    .table__tbody td:last-of-type {
      padding-bottom: 1rem; }
  .table__tbody td + td {
    padding: 1rem; } }

/**
 * @name igus014TeaserOnlineTools
 * @description organism description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
.igus014TeaserOnlineTools {
  display: flex;
  margin-bottom: 3rem;
  background-color: #f2f2f2;
  padding: 0; }
  @media (max-width: 535px) {
    .igus014TeaserOnlineTools {
      flex-direction: column; } }
  .igus014TeaserOnlineTools:hover span.icon, .igus014TeaserOnlineTools:hover svg {
    fill: #787878; }

.igus014TeaserOnlineTools__content {
  display: flex;
  flex: 1;
  padding: 1.5rem 1.5rem 1.5rem 2rem; }

.igus014TeaserOnlineTools__icon {
  align-self: flex-end; }
  .igus014TeaserOnlineTools__icon .icon {
    height: 9px;
    width: 18px;
    color: #d8d8d8; }

.igus014TeaserOnlineTools__text {
  color: #000000;
  line-height: 2rem;
  padding-right: 1.5rem; }
  .igus014TeaserOnlineTools__text h2 {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  .igus014TeaserOnlineTools__text .teaser__paragraph {
    margin-bottom: 0; }

/**
 * @name igus015TeaserBildText
 * @description organism description here
 * @author arjang
 * @see {@link http://github.com/documentation|Specification}
 */
.igus015TeaserBildText__teasers {
  transition: 300ms height ease-in;
  height: auto;
  overflow: hidden; }

a.teaser__container {
  display: block;
  margin-bottom: 3rem;
  background-color: #ececec;
  color: #363636; }
  a.teaser__container:hover span.icon,
  a.teaser__container:hover svg {
    fill: #787878; }
  @media (max-width: 719px) {
    a.teaser__container {
      margin-bottom: 3rem; } }

.teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 21.7rem;
  padding: 2.5rem 2.5rem 1.5rem; }
  .teaser__content .link__text {
    display: none; }
  @media (max-width: 939px) {
    .teaser__content {
      height: 19rem; } }
  @media (max-width: 719px) {
    .teaser__content {
      height: 15.1rem; } }
  @media (max-width: 535px) {
    .teaser__content {
      height: 19rem; } }
  .teaser__content h3 {
    hyphens: auto;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem; }
  .teaser__content .teaser__iconwrapper {
    display: block;
    position: absolute;
    right: 3.5rem;
    bottom: 4.5rem;
    align-self: flex-end;
    width: 2rem; }
    .teaser__content .teaser__iconwrapper span.icon,
    .teaser__content .teaser__iconwrapper svg {
      height: .9rem;
      width: 1.8rem;
      fill: #d8d8d8; }

.teaser__image {
  border: 1px #ececec solid;
  border-bottom: none;
  position: relative; }

.teaser__image--noimage {
  position: relative; }

.teaser__paragraph {
  font-size: 1.4rem;
  line-height: 2.6rem;
  word-break: normal; }

.teaser__headlineOverImage h2 {
  position: absolute;
  bottom: 1rem;
  left: 2rem;
  color: #ffffff;
  max-width: 24rem;
  z-index: 1;
  font-size: 2.2rem;
  line-height: 2.7rem;
  font-weight: 500; }

.teaser__headlineOverImage img {
  border: none; }

.teaser__headlineOverImage .teaser__image {
  border: none; }
  .teaser__headlineOverImage .teaser__image:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg, rgba(54, 54, 54, 0) 17%, rgba(0, 0, 0, 0.4) 54%); }

.igus015TeaserBildText__more a .icon,
.igus015TeaserBildText__more a:hover .icon,
.igus015TeaserBildText__less a .icon,
.igus015TeaserBildText__less a:hover .icon {
  margin-right: 0;
  color: #f07d00; }

.igus015TeaserBildText__more .link__icon svg,
.igus015TeaserBildText__less .link__icon svg {
  width: 12px;
  height: 7px; }

.igus015TeaserBildText__teasers > .shy,
.igus015TeaserBildText__more,
.igus015TeaserBildText__less {
  display: none; }

.igus015TeaserBildText__more.active,
.igus015TeaserBildText__less.active {
  display: inline-flex; }

/**
 * @name igus016Download
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.igus016Download__single {
  position: relative;
  display: flex;
  padding: 0 1.5rem 3rem 1.5rem;
  flex-direction: row;
  margin-bottom: 3rem; }
  .igus016Download__single h5, .igus016Download__single .igus072forgotpass .headline, .igus072forgotpass .igus016Download__single .headline, .igus016Download__single .igus073ordersummary .headline, .igus073ordersummary .igus016Download__single .headline {
    margin-bottom: 0.5rem; }
  .igus016Download__single p, .igus016Download__single .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus016Download__single .text {
    line-height: 2rem; }
  .igus016Download__single:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8; }
  .igus016Download__single:last-child {
    margin-bottom: 0; }
    .igus016Download__single:last-child:after {
      display: none; }
  @media (max-width: 535px) {
    .igus016Download__single {
      flex-direction: column;
      display: block;
      padding: 0 0 3rem 0; } }

.igus016Download__image,
.igus016Download__icon {
  flex: 0 0 auto;
  margin-right: 3rem; }
  .igus016Download__image .icon, .igus016Download__image svg,
  .igus016Download__icon .icon,
  .igus016Download__icon svg {
    height: 4rem;
    width: 4rem; }
  @media (max-width: 535px) {
    .igus016Download__image,
    .igus016Download__icon {
      margin-bottom: .5rem;
      margin-left: 0; } }

.igus016Download__text {
  flex: 1 1 auto;
  margin-right: 3rem; }
  .igus016Download__text p:last-child, .igus016Download__text .igus073ordersummary .headline .text:last-child, .igus073ordersummary .headline .igus016Download__text .text:last-child {
    margin: 0; }

.igus016Download__button {
  flex: 0 0 50%; }
  @media (max-width: 535px) {
    .igus016Download__button {
      margin: 2rem 0 0 0; } }

/**
 * @name igus017Kontakt
 * @description molecule description here
 * @author Pascal
 * @see {@link http://github.com/documentation|Specification}
 */
.igus017Kontakt__trenner {
  margin-bottom: 30px; }

.igus017Kontakt__wrapper {
  display: flex;
  flex-direction: column; }
  @media (min-width: 940px) {
    .igus017Kontakt__wrapper {
      flex-direction: row; } }

.igus017Kontakt__contentwrapper {
  background-color: #ececec;
  padding: 2rem;
  width: 100%;
  margin-bottom: 30px; }
  @media (min-width: 940px) {
    .igus017Kontakt__contentwrapper {
      margin-right: 15px;
      width: 50%; }
      .igus017Kontakt__contentwrapper:last-of-type {
        margin: 0 0 30px 15px; } }

.igus017Kontakt__headline {
  margin-bottom: 15px; }
  .igus017Kontakt__headline h4, .igus017Kontakt__headline .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus017Kontakt__headline .igus072forgotpass__headline {
    font-size: 2.2rem;
    line-height: 2.7rem; }

.igus017Kontakt__contact {
  display: flex;
  flex-direction: column; }
  @media (min-width: 720px) {
    .igus017Kontakt__contact {
      flex-direction: row; } }

.igus017Kontakt__picture {
  margin-bottom: 15px; }
  @media (min-width: 720px) {
    .igus017Kontakt__picture {
      margin: 0 30px 0 0; } }

.igus017Kontakt__content span {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 600; }

.igus017Kontakt__content p, .igus017Kontakt__content .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus017Kontakt__content .text {
  font-size: 1.4rem;
  line-height: 2.2rem; }

@media (max-width: 719px) {
  .igus017Kontakt__content .btn--secondary {
    width: 100%; } }

.igus017Kontakt__tel {
  margin-bottom: 19px; }

/**
 * @name igus018footereinkaufen
 * @description igus018FooterEinkaufen
 * @author abobrov
 * @see {@link http://github.com/documentation|Specification}
 */
.igus018FooterEinkaufen {
  overflow: hidden;
  /*

.igus018FooterEinkaufen__items {

  list-style-type: none;
  padding: 4.5rem 7.5rem;
  display: flex;
  justify-content: space-between;
  margin: 0;



  @include media-breakpoint-down(md) {
    padding: 1.5rem 2rem;
  }
  @include media-breakpoint-down(sm) {
    flex-direction: column;

    //align-items: center;

  }
  li.igus018FooterEinkaufen__item {
    a {
      span {
        width: 100%;
      }
    }
  }

 .igus018FooterEinkaufen__item {
    list-style-type: none;
    text-align: center;
    //display: flex;
    align-items: center;
    //flex-direction: column;
    width: 10rem;
    clear: both;
    a {
      color: $basic-500;
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer;

    }

    a:hover {
      color: $brand-primary;
    }

    @include media-breakpoint-down(sm) {
      flex-direction: row;
      width: 100%;
      height: 3.5rem;
      text-align: left;
      .icon {
        margin-right: 1.5rem;
      }
    }


    .icon {
      @include media-breakpoint-up(md) {
        display: block;
      }
      margin-left: auto;
      margin-right: auto;
      width: 4rem;
      height: 4rem;

      @include media-breakpoint-down(lg) {
        width: 3rem;
        height: 3rem;
      }
      @include media-breakpoint-down(sm) {
        margin-right: 1.5rem;
        width: 2rem;
        height: 2rem;
      }
    }


    span {
      clear: both;
      font-weight: $font-weight-bold;
      font-size: $font-size-h6;
      margin-bottom: 1rem;
      line-height: 2.2rem;
      @include media-breakpoint-down(sm) {
        margin-top: 0;
      }
    }
  }

*/ }
  .igus018FooterEinkaufen .trenner {
    margin-bottom: 0; }
  .igus018FooterEinkaufen ul {
    width: 100%;
    padding: 2rem;
    list-style-type: none;
    background-color: #ececec; }
    @media (min-width: 720px) {
      .igus018FooterEinkaufen ul {
        display: flex;
        padding: 1rem; } }
    .igus018FooterEinkaufen ul li a {
      color: #000000; }
      .igus018FooterEinkaufen ul li a:hover {
        color: #f07d00;
        transition: all 0.2s; }
    .igus018FooterEinkaufen ul li .icon {
      margin: 0.5rem auto; }
      @media (max-width: 939px) {
        .igus018FooterEinkaufen ul li .icon {
          margin-right: 15px; } }
    @media (min-width: 720px) {
      .igus018FooterEinkaufen ul li .icon {
        display: block; }
      .igus018FooterEinkaufen ul li span {
        display: block;
        text-align: center; } }
    @media (min-width: 720px) {
      .igus018FooterEinkaufen ul li {
        padding: 3rem 3rem; } }

/**
 * @name igus019FooterZahlung
 * @description igus019FooterZahlung
 * @author abobrov
 * @see {@link http://github.com/documentation|Specification}
 */
.igus019FooterZahlung__items {
  list-style-type: none; }

.igus019FooterZahlung__item {
  margin-bottom: 1rem; }
  .igus019FooterZahlung__item .btn, .igus019FooterZahlung__item .btn--cmd, .igus019FooterZahlung__item .btn--theme {
    width: 20rem;
    height: 3rem; }

/**
 * @name igus020footersicher
 * @description igus020FooterSicher
 * @author abobrov
 * @see {@link http://github.com/documentation|Specification}
 */
.igus020FooterSicher__items {
  list-style-type: none; }

/**
 * @name igus021footerberatung
 * @description molecule description here
 * @author abobrov
 * @see {@link http://github.com/documentation|Specification}
 */
.igus021FooterBeratung__items {
  list-style-type: none; }

.igus021FooterBeratung__item {
  align-items: center; }

/**
 * @name igus022footerabbinder
 * @description igus022FooterAbbinder
 * @author abobrov
 * @see {@link http://github.com/documentation|Specification}
 */
.igus022FooterAbbinder {
  margin-top: 15px;
  padding: 0rem 0 1.5rem 0;
  border-top: 1px solid #f07d00; }
  @media (max-width: 1199px) {
    .igus022FooterAbbinder {
      padding: 0rem 0 1.5rem 0; } }
  @media (max-width: 535px) {
    .igus022FooterAbbinder {
      margin: 0 -1.5rem; } }

.igus022FooterAbbinder__links {
  list-style-type: none;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1199px) {
    .igus022FooterAbbinder__links {
      display: inline-block; } }
  @media (max-width: 719px) {
    .igus022FooterAbbinder__links {
      display: block; } }

.igus022FooterAbbinder__link {
  display: inline-block;
  font-size: 1.2rem;
  margin: 1rem 2rem 0rem 0; }
  @media (max-width: 1199px) {
    .igus022FooterAbbinder__link {
      margin-right: 2rem; } }
  @media (max-width: 719px) {
    .igus022FooterAbbinder__link {
      display: block;
      margin: 2rem 0 2rem 2rem; } }

.igus022FooterAbbinder__link a {
  color: #363636; }
  .igus022FooterAbbinder__link a:hover {
    color: #000000; }

.igus022FooterAbbinder__link--copyright a {
  color: #f07d00;
  pointer-events: none; }
  .igus022FooterAbbinder__link--copyright a sup {
    margin-right: 4px; }

.igus023TeaserService {
  display: flex;
  margin-bottom: 3rem;
  background-color: #f2f2f2; }
  .igus023TeaserService:hover span.icon, .igus023TeaserService:hover svg {
    fill: #787878; }

.igus023TeaserService__content {
  flex-direction: column;
  padding: 0 1rem 0 0;
  position: relative;
  color: #000000;
  line-height: 1.8rem;
  flex: 1 1 auto;
  max-width: 100%; }
  .igus023TeaserService__content h2 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 1rem 0 0.5rem 1rem; }
  .igus023TeaserService__content .teaser__paragraph {
    margin: 0.9rem 0 0 1rem; }
    @media (max-width: 939px) {
      .igus023TeaserService__content .teaser__paragraph {
        margin-bottom: 1rem; } }

.igus023TeaserService--withoutimg .igus023TeaserService__text {
  padding: 1rem; }

.igus023TeaserService--withoutimg .igus023TeaserService__content {
  display: flex;
  flex: 1; }

.igus023TeaserService__image {
  display: inline-block;
  float: left;
  margin-right: 1rem; }

.igus023TeaserService__spacer {
  display: block;
  position: relative;
  height: 2.8rem;
  float: right;
  clear: right; }

.igus023TeaserService__icon {
  display: block;
  position: absolute;
  right: 1rem;
  bottom: 1rem; }
  .igus023TeaserService__icon .icon {
    height: .9rem;
    width: 1.8rem;
    color: #d8d8d8; }

@media (max-width: 939px) {
  .igus023TeaserService--small {
    width: calc(50% - 1.5rem); } }

/**
 * @name igus024footerfeedback
 * @description molecule description here
 * @author abobrov
 * @see {@link http://github.com/documentation|Specification}
 */
.igus024FooterFeedback__items {
  list-style-type: none; }

.igus024FooterFeedback__item {
  padding-bottom: 1.5rem; }

/**
 * @name igus025Herobild
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus025Herobild {
  position: relative;
  /*  .btn{position:absolute;
    bottom: $tile-padding;left:$tile-padding;

    border: 1px solid $basic-0;
  }*/ }
  .igus025Herobild img {
    width: 100%; }
  .igus025Herobild .h1, .igus025Herobild .igussec14basket .headline, .igussec14basket .igus025Herobild .headline, .igus025Herobild h1 {
    color: #ffffff;
    line-height: 1;
    font-weight: 500; }
    @media (max-width: 1199px) {
      .igus025Herobild .h1, .igus025Herobild .igussec14basket .headline, .igussec14basket .igus025Herobild .headline, .igus025Herobild h1 {
        font-size: 5rem; } }
    @media (max-width: 939px) {
      .igus025Herobild .h1, .igus025Herobild .igussec14basket .headline, .igussec14basket .igus025Herobild .headline, .igus025Herobild h1 {
        font-size: 4rem; } }
    @media (max-width: 719px) {
      .igus025Herobild .h1, .igus025Herobild .igussec14basket .headline, .igussec14basket .igus025Herobild .headline, .igus025Herobild h1 {
        font-size: 3rem;
        color: #000;
        position: relative;
        top: auto;
        left: auto; } }
  .igus025Herobild .igus025HeroBild__info .h1, .igus025Herobild .igus025HeroBild__info .igussec14basket .headline, .igussec14basket .igus025Herobild .igus025HeroBild__info .headline, .igus025Herobild .igus025HeroBild__info h1 {
    margin: 15px 0; }
  @media (min-width: 720px) {
    .igus025Herobild .igus025HeroBild__info .h1, .igus025Herobild .igus025HeroBild__info .igussec14basket .headline, .igussec14basket .igus025Herobild .igus025HeroBild__info .headline, .igus025Herobild .igus025HeroBild__info h1 {
      position: absolute;
      top: 3rem;
      left: 3rem; }
    .igus025Herobild .igus025HeroBild__info a {
      position: absolute;
      bottom: 12%;
      left: 3rem; } }
  @media (min-width: 940px) {
    .igus025Herobild .btn, .igus025Herobild .btn--cmd, .igus025Herobild .btn--theme {
      margin-top: 3rem; } }
  .igus025Herobild .standalone {
    position: relative;
    color: #363636;
    hyphens: auto;
    font-size: 6rem;
    line-height: 7rem;
    font-weight: 700;
    margin-bottom: .5rem; }

/**
 * @name igus026Themennavigation
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus026Themennavigation__headline {
  margin-bottom: 1.5rem; }

.igus026Themennavigation__wrapper {
  display: flex; }
  @media (max-width: 719px) {
    .igus026Themennavigation__wrapper {
      flex-direction: column; } }

.igus026Themennavigation__nav {
  display: flex;
  flex: 1; }
  .igus026Themennavigation__nav ul {
    width: 100%; }
  @media (max-width: 719px) {
    .igus026Themennavigation__nav {
      padding-bottom: .5rem; } }
  .igus026Themennavigation__nav ul.nav-tabs {
    margin: 0;
    padding: 0;
    border: none; }
  .igus026Themennavigation__nav li.nav-item {
    float: none;
    list-style: none;
    margin: 0 0 1.5rem 0 !important; }
  .igus026Themennavigation__nav .link__icon {
    display: none; }
  .igus026Themennavigation__nav .link {
    padding-left: 2rem; }
  .igus026Themennavigation__nav .link.active, .igus026Themennavigation__nav .link.active:hover {
    padding-left: 0; }
    .igus026Themennavigation__nav .link.active .link__icon, .igus026Themennavigation__nav .link.active:hover .link__icon {
      display: block; }
    .igus026Themennavigation__nav .link.active .link__text, .igus026Themennavigation__nav .link.active:hover .link__text {
      text-shadow: 1px 0 0 #000000; }
    .igus026Themennavigation__nav .link.active .icon, .igus026Themennavigation__nav .link.active:hover .icon {
      color: #000000; }

.igus026Themennavigation__introcontent {
  display: flex;
  flex-direction: column;
  flex: 2; }

.introcontent__text {
  font-size: 1.4rem;
  line-height: 2.2rem;
  height: 15rem;
  overflow: hidden;
  transition: 300ms height ease-in;
  overflow: hidden;
  min-height: 0 !important; }
  .introcontent__text p, .introcontent__text .igus073ordersummary .headline .text, .igus073ordersummary .headline .introcontent__text .text {
    margin-bottom: 1.5rem; }
  .introcontent__text ul {
    list-style-position: inside; }
  @media (max-width: 719px) {
    .introcontent__text {
      height: 7rem; } }

.introcontent__show {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 1.5rem; }
  .introcontent__show:before {
    content: "";
    display: block;
    position: absolute;
    top: -4rem;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(0deg, #FFFFFF 16%, rgba(255, 255, 255, 0.44) 50%); }
  @media (max-width: 719px) {
    .introcontent__show:before {
      top: -2rem; } }
  .introcontent__show a .icon {
    margin-right: 0; }
  .introcontent__show .link__icon svg {
    width: 12px;
    height: 7px; }

.introcontent__show--hideGradient:before {
  display: none; }

a.show--more,
a.show--less {
  display: none; }
  a.show--more.active,
  a.show--less.active {
    display: flex; }
  a.show--more .icon,
  a.show--less .icon {
    color: #f07d00; }
  a.show--more:hover .icon,
  a.show--less:hover .icon {
    color: #f07d00; }

/**
 * @name igus027Banner
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.igus027Banner {
  overflow: auto;
  background-color: #ececec;
  padding: 3rem; }
  .igus027Banner .igus027Banner__headline {
    color: #000000;
    margin-bottom: 15px; }
    @media (max-width: 939px) {
      .igus027Banner .igus027Banner__headline {
        font-size: 2.2rem !important;
        line-height: 2.7rem !important; } }
  .igus027Banner .igus027Banner__paragraph {
    color: #000000; }
  .igus027Banner .btn, .igus027Banner .btn--cmd, .igus027Banner .btn--theme {
    max-width: 235px;
    margin: 15px 0; }
    @media (max-width: 939px) {
      .igus027Banner .btn, .igus027Banner .btn--cmd, .igus027Banner .btn--theme {
        min-width: 0;
        width: 100%; } }

/**
 * @name igus029Produktkachel
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus029Produktkachel, .igus092soloproduktkachel {
  font-size: 14px;
  margin-top: 3rem;
  padding: 10px 30px 30px 30px;
  border: 1px solid #d4d4d4;
  /*
  &:after
  {
    content: '';
    display: block;
    border-right: 0.08rem $basic-200 solid;
    width: 0;
    height: 80%;
    position: absolute;
    top: 4rem;
    left: -.2rem;
  }
  */
  /*
  a:not(.btn) {
    color: $basic-600;
   &:hover {

    }
  }
  */ }
  .igus029Produktkachel:hover, .igus092soloproduktkachel:hover, .igus029Produktkachel:focus, .igus092soloproduktkachel:focus {
    border-color: #c9c9c9; }
  .igus029Produktkachel .badge, .igus092soloproduktkachel .badge {
    position: relative;
    left: -30px;
    display: inline-block; }
  .igus029Produktkachel .igus029Produktkachel__produktinformation, .igus092soloproduktkachel .igus029Produktkachel__produktinformation {
    margin-bottom: 15px; }
    .igus029Produktkachel .igus029Produktkachel__produktinformation ul, .igus092soloproduktkachel .igus029Produktkachel__produktinformation ul {
      margin-top: 0; }
      .igus029Produktkachel .igus029Produktkachel__produktinformation ul li, .igus092soloproduktkachel .igus029Produktkachel__produktinformation ul li {
        line-height: 24px; }
  .igus029Produktkachel .igus029Produktkachel__headline, .igus092soloproduktkachel .igus029Produktkachel__headline {
    line-height: 2.20rem;
    min-height: 6rem; }
    @media (min-width: 720px) {
      .igus029Produktkachel .igus029Produktkachel__headline, .igus092soloproduktkachel .igus029Produktkachel__headline {
        min-height: 6rem; } }
  .igus029Produktkachel .igus029Produktkachel__headline--long, .igus092soloproduktkachel .igus029Produktkachel__headline--long {
    line-height: 2.2rem;
    display: none;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 15px 0;
    color: inherit; }
  .igus029Produktkachel a h6.igus029Produktkachel__headline--long, .igus092soloproduktkachel a h6.igus029Produktkachel__headline--long {
    color: #363636; }
    .igus029Produktkachel a h6.igus029Produktkachel__headline--long:hover, .igus092soloproduktkachel a h6.igus029Produktkachel__headline--long:hover, .igus029Produktkachel a h6.igus029Produktkachel__headline--long:focus, .igus092soloproduktkachel a h6.igus029Produktkachel__headline--long:focus {
      color: #f07d00 !important; }
  .igus029Produktkachel a.igus029Produktkachel__header, .igus092soloproduktkachel a.igus029Produktkachel__header {
    display: block;
    color: #363636; }
    .igus029Produktkachel a.igus029Produktkachel__header:hover, .igus092soloproduktkachel a.igus029Produktkachel__header:hover, .igus029Produktkachel a.igus029Produktkachel__header:focus, .igus092soloproduktkachel a.igus029Produktkachel__header:focus {
      color: #f07d00 !important; }
    .igus029Produktkachel a.igus029Produktkachel__header h2, .igus092soloproduktkachel a.igus029Produktkachel__header h2 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0;
      padding: 15px 0;
      color: inherit; }
  .igus029Produktkachel .tile, .igus092soloproduktkachel .tile {
    display: block; }
    .igus029Produktkachel .tile .h5, .igus092soloproduktkachel .tile .h5 {
      margin-bottom: 10px; }
  .igus029Produktkachel .igus005Produktinformationen > ul, .igus092soloproduktkachel .igus005Produktinformationen > ul {
    margin-bottom: 0;
    margin-top: 5px; }
  .igus029Produktkachel .xdisplayGrid, .igus092soloproduktkachel .xdisplayGrid {
    display: flex;
    flex-direction: column;
    color: #363636;
    padding: 1.5rem 1rem 2rem 1rem;
    cursor: pointer;
    position: relative;
    border-top: .1rem solid transparent;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    margin-top: 3rem; }
    @media (max-width: 535px) {
      .igus029Produktkachel .xdisplayGrid, .igus092soloproduktkachel .xdisplayGrid {
        border-top: 0.1rem solid #d8d8d8; }
        .igus029Produktkachel .xdisplayGrid:first-child, .igus092soloproduktkachel .xdisplayGrid:first-child {
          border-top: .1rem solid transparent; } }
  .igus029Produktkachel[data-row="0"], .igus092soloproduktkachel[data-row="0"] {
    margin-top: 0rem; }
  .igus029Produktkachel[data-firstelement]:before, .igus092soloproduktkachel[data-firstelement]:before {
    display: none; }
  .igus029Produktkachel .igus029Produktkachel--lastElementinRow:before, .igus092soloproduktkachel .igus029Produktkachel--lastElementinRow:before {
    display: none; }
  .igus029Produktkachel .igus029Produktkachel__actions .igus029Produktkachel__preposition, .igus092soloproduktkachel .igus029Produktkachel__actions .igus029Produktkachel__preposition, .igus029Produktkachel .igus029Produktkachel__actions .igus029Produktkachel__price, .igus092soloproduktkachel .igus029Produktkachel__actions .igus029Produktkachel__price {
    display: inline-block !important; }
  .igus029Produktkachel .igus029Produktkachel__actions .igus029Produktkachel__price, .igus092soloproduktkachel .igus029Produktkachel__actions .igus029Produktkachel__price {
    font-weight: 700;
    font-size: 28px;
    color: #1e1e1e; }
  .igus029Produktkachel .igus029Produktkachel__actions .igus029Produktkachel__staffel, .igus092soloproduktkachel .igus029Produktkachel__actions .igus029Produktkachel__staffel {
    font-weight: 700;
    color: #f07d00; }
  .igus029Produktkachel .igus029Produktkachel__content p, .igus092soloproduktkachel .igus029Produktkachel__content p, .igus029Produktkachel .igus029Produktkachel__content .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus029Produktkachel .igus029Produktkachel__content .text, .igus092soloproduktkachel .igus029Produktkachel__content .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus092soloproduktkachel .igus029Produktkachel__content .text {
    margin-bottom: 1rem;
    color: #787878; }
  .igus029Produktkachel .igus029Produktkachel__delivery, .igus092soloproduktkachel .igus029Produktkachel__delivery {
    margin: 1.5rem 0; }
    .igus029Produktkachel .igus029Produktkachel__delivery div span, .igus092soloproduktkachel .igus029Produktkachel__delivery div span {
      font-weight: 700;
      vertical-align: middle; }
    .igus029Produktkachel .igus029Produktkachel__delivery .icon, .igus092soloproduktkachel .igus029Produktkachel__delivery .icon, .igus029Produktkachel .igus029Produktkachel__delivery svg.lieferzeit, .igus092soloproduktkachel .igus029Produktkachel__delivery svg.lieferzeit {
      width: 1.5rem;
      height: 1.5rem; }
  .igus029Produktkachel .igus029Produktkachel__variant, .igus092soloproduktkachel .igus029Produktkachel__variant {
    margin: 1rem 0 0 2rem; }
    .igus029Produktkachel .igus029Produktkachel__variant span, .igus092soloproduktkachel .igus029Produktkachel__variant span {
      color: #f07d00; }
  @media (min-width: 1200px) {
    .igus029Produktkachel .content__btn, .igus092soloproduktkachel .content__btn {
      float: right; } }
  @media (max-width: 939px) {
    .igus029Produktkachel .content__btn, .igus092soloproduktkachel .content__btn {
      margin-top: 2rem; } }
  .igus029Produktkachel .igus029Produktkachel__row, .igus092soloproduktkachel .igus029Produktkachel__row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap; }
  .igus029Produktkachel .igus029Produktkachel__badges, .igus092soloproduktkachel .igus029Produktkachel__badges {
    padding: 0 0 30px; }
  .igus029Produktkachel .zertifikat__img, .igus092soloproduktkachel .zertifikat__img {
    margin: 0 0.5rem 0.5rem 0 !important;
    width: 3.5rem;
    height: 3.5rem; }

.igus029Produktkachel__delivery .icon, .igus029Produktkachel__delivery svg.lieferzeit {
  width: 1.5rem;
  height: 1.5rem; }

.row.igus029Produktkachel__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .row.igus029Produktkachel__row:before {
    display: block; }
  .row.igus029Produktkachel__row:after {
    display: block; }
  .row.igus029Produktkachel__row > col-sm-6 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative; }
  .row.igus029Produktkachel__row > col-md-4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative; }
  .row.igus029Produktkachel__row > col-xl-4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative; }

.igus029Produktkachel .btn, .igus092soloproduktkachel .btn, .igus029Produktkachel .btn--cmd, .igus092soloproduktkachel .btn--cmd, .igus029Produktkachel .btn--theme, .igus092soloproduktkachel .btn--theme {
  min-width: calc(100% - 30px);
  margin: 1rem 0 1rem 0; }

/**
 * @name igus030Filter
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.igus030Filter .igus030Filter__headline {
  cursor: pointer;
  font-size: 2.2rem;
  line-height: 2.7rem;
  font-weight: 500; }

.igus030Filter .igus030Filter__subcategory {
  margin-left: 15px; }

@media (max-width: 939px) {
  .igus030Filter .igus030Filter_subcategory {
    margin-left: 0px;
    font-style: italic; }
  .igus030Filter .collapsible-box {
    background: #F2F2F2;
    padding: 10px 15px;
    margin-bottom: 30px; } }

@media (max-width: 535px) {
  .igus030Filter .igus030Filter_subcategory {
    margin-left: 15px;
    font-style: normal; } }

.igus030Filter__link.active {
  text-shadow: 1px 0 0 #363636; }

.igus030Filter__group {
  background: #f2f2f2;
  margin-bottom: 1rem; }
  .igus030Filter__group:last-child {
    padding-bottom: 0 !important; }
  @media (min-width: 940px) {
    .igus030Filter__group {
      margin-bottom: 0;
      padding-bottom: 1rem; } }
  @media (max-width: 939px) {
    .igus030Filter__group {
      margin-bottom: .2rem; } }
  @media (max-width: 719px) {
    .igus030Filter__group {
      margin-bottom: .2rem; } }

.igus030Filter__reset-wrapper {
  display: flex; }

.igus030Filter__reset {
  margin-left: auto;
  margin-top: 10px; }
  .igus030Filter__reset .icon {
    width: 1rem !important;
    height: 1rem !important; }

.igus030Filter__group-head {
  position: relative;
  padding: 15px; }
  .igus030Filter__group-head .filter-heading {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 700; }

.igus030Filter__group-more,
.igus030Filter__group-less {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  display: none; }
  @media (max-width: 535px) {
    .igus030Filter__group-more,
    .igus030Filter__group-less {
      right: 2.5rem; } }
  .igus030Filter__group-more .icon,
  .igus030Filter__group-less .icon {
    height: 1rem;
    width: 1rem;
    color: #f07d00; }

.igus030Filter__group-content {
  padding-bottom: 1.5rem;
  margin-top: .5rem; }
  .igus030Filter__group-content:last-child {
    padding-bottom: 1rem; }
  @media (max-width: 939px) {
    .igus030Filter__group-content {
      padding-bottom: 1rem; } }

.label__tooltip {
  display: flex;
  align-items: center; }
  .label__tooltip a {
    margin-left: auto;
    margin-right: 0; }
    .label__tooltip a span {
      height: 15px; }

.igus030Filter__details {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }

.igus030Filter__group-filter .form-group {
  margin-bottom: 1.5rem; }

.igus030Filter__group-filter input {
  height: 4rem !important; }

.igus030Filter__group-filter .input .heading-right {
  padding-left: 1.5rem;
  padding-top: .15rem; }

.igus030Filter__group-filter input[type="radio"] {
  height: 2rem !important;
  position: absolute;
  top: 0; }

.igus030Filter__group-filter input[type="checkbox"] {
  height: 2rem !important;
  position: absolute;
  top: 0; }

.igus030Filter__group-filter .searchfield {
  height: 4rem;
  padding: 0;
  border: #d8d8d8;
  margin-bottom: 12px; }
  .igus030Filter__group-filter .searchfield .searchfield__input {
    border: 0.1rem solid #d8d8d8;
    width: calc(100% - 4rem); }
  .igus030Filter__group-filter .searchfield .searchfield__button > a {
    height: 4rem !important;
    width: 4rem !important; }
    .igus030Filter__group-filter .searchfield .searchfield__button > a .icon {
      height: 1rem;
      width: 1rem; }

.igus030Filter__group-filter .input__wrapper {
  display: inline; }

.igus030Filter .collapsible-box.row {
  margin: 0px !important; }

.igus030Filter__categories {
  position: relative;
  padding: 5px; }

.igus030Filter .igus030Filter__group-content {
  padding-left: 5px; }

@media (max-width: 535px) {
  .igus030Filter_subcategory {
    margin-left: 15px;
    font-style: normal; } }

/**
 * @name igus043popupcountryselect
 * @description Popup to select language
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.popup__dialog {
  overflow: auto;
  max-width: 900px; }

.igus30popupIPcountryselect__region {
  padding-left: 0rem; }
  .igus30popupIPcountryselect__region .sub-title {
    font-size: 1.4rem; }

.igus30popupIPcountryselect_seperator {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.igus30popupIPcountryselect__link {
  padding: 5px 0; }
  .igus30popupIPcountryselect__link .link__text {
    font-size: 1.2rem;
    color: #787878; }

/**
 * @name igus031MehrButton
 * @description molecule description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.igus031MehrButton {
  transition: transform 250ms ease-in-out;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  height: 6rem;
  width: 6rem;
  font-size: 1.5rem;
  position: relative;
  background-color: #f07d00; }
  .igus031MehrButton:hover, .igus031MehrButton:visited {
    color: #fff; }
  .igus031MehrButton:hover {
    background-color: #d26e00;
    transform: translate3d(0, 0.6rem, 0); }
    .igus031MehrButton:hover .igus031MehrButton__icon {
      transform: translate3d(0, 0.4rem, 0); }

.igus031MehrButton__icon {
  transition: transform 250ms ease-in-out;
  position: relative; }
  .igus031MehrButton__icon svg {
    height: 3rem;
    width: 3rem; }

/**
 * @name igus032cookieshinweis
 * @description molecule description here
 * @author todort
 * @see {@link http://github.com/documentation|Specification}
 */
.igus032cookieshinweis {
  white-space: initial;
  z-index: 2147483640;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #363636;
  opacity: 0.95;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  padding: 1rem; }
  .igus032cookieshinweis .igus032cookieshinweis__btnClose {
    display: none; }
  .igus032cookieshinweis * {
    margin: auto; }
  .igus032cookieshinweis a:not(.btn):not(.btn--cmd):not(.btn--theme) {
    color: #fff;
    text-decoration: underline; }
    .igus032cookieshinweis a:not(.btn):not(.btn--cmd):not(.btn--theme):hover {
      color: #f07d00; }
  .igus032cookieshinweis .igus032cookieshinweis__text {
    position: relative;
    margin-bottom: 1rem;
    text-align: justify;
    display: inline-flex;
    color: #FFFFFF;
    font-size: 1.4rem; }
    .igus032cookieshinweis .igus032cookieshinweis__text .igus032cookieshinweis__btnClose {
      display: block; }
      .igus032cookieshinweis .igus032cookieshinweis__text .igus032cookieshinweis__btnClose .btn, .igus032cookieshinweis .igus032cookieshinweis__text .igus032cookieshinweis__btnClose .btn--cmd, .igus032cookieshinweis .igus032cookieshinweis__text .igus032cookieshinweis__btnClose .btn--theme {
        width: 100%;
        text-decoration: none; }

/**
 * @name igus033hinweistexte
 * @description molecule description here
 * @author todort
 * @see {@link http://github.com/documentation|Specification}
 */
.igus033hinweistexte .igus033hinweistexteContainer {
  display: flex;
  margin-left: 0;
  padding: 0;
  line-height: 2rem;
  font-size: 1.2rem;
  max-width: 27rem; }
  @media (max-width: 719px) {
    .igus033hinweistexte .igus033hinweistexteContainer {
      max-width: 100%; } }

.igus033hinweistexte .icon {
  min-width: 1.4rem;
  min-height: 1.4rem;
  margin-right: .5rem;
  margin-top: .2rem; }
  .igus033hinweistexte .icon svg {
    width: 100%;
    height: 100%;
    max-height: 1.3rem;
    background-color: transparent;
    fill: #2c74a9; }

.igus033hinweistexte .linkHinweis {
  color: #363636;
  text-decoration: underline; }
  .igus033hinweistexte .linkHinweis:hover {
    text-shadow: none;
    text-decoration: none; }

/**
 * @name igus036navigation
 * @description molecule description here
 * @author todort
 * @see {@link http://github.com/documentation|Specification}
 */
.igus036navigation {
  z-index: 9999; }
  .igus036navigation .navbar > .container:after {
    content: none; }
  .igus036navigation .clicked {
    cursor: pointer;
    color: #f07d00 !important;
    text-decoration: none; }
    .igus036navigation .clicked:hover {
      text-decoration: none !important; }
  .igus036navigation .igus010Text p, .igus036navigation .igus097wpcksechead p, .igus036navigation .igus010Text .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus036navigation .igus010Text .text, .igus036navigation .igus097wpcksechead .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus036navigation .igus097wpcksechead .text {
    font-weight: 100; }
  .igus036navigation .content_hidden {
    display: none; }
  .igus036navigation .content_visible {
    display: block; }
  .igus036navigation .threeColumns {
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    width: 66%;
    background: #fff;
    padding: 43px 45px; }
    .igus036navigation .threeColumns li:hover {
      cursor: pointer;
      color: #000000 !important; }
    .igus036navigation .threeColumns a {
      color: #000000 !important; }
  .igus036navigation .row {
    cursor: default !important; }
  .igus036navigation [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px; }
  .igus036navigation .menu_background {
    background-color: #ececec;
    padding: 43px 15px 43px 45px; }
  .igus036navigation .content_intro {
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    padding-top: 35px; }
  .igus036navigation .content_inner {
    display: none;
    cursor: default !important;
    z-index: 9999;
    position: absolute;
    top: 41px;
    right: 0;
    width: 66%;
    padding: 43px;
    padding-top: 44px !important;
    background: #fff; }
  .igus036navigation .content_inner--flex {
    display: flex !important; }
  .igus036navigation .contenttext {
    cursor: default !important;
    color: #000;
    max-width: 66%;
    padding: 15px;
    padding-top: 0 !important;
    margin-top: -5px; }
    .igus036navigation .contenttext p, .igus036navigation .contenttext .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus036navigation .contenttext .text {
      margin-left: 30px; }
    .igus036navigation .contenttext h4, .igus036navigation .contenttext .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus036navigation .contenttext .igus072forgotpass__headline {
      margin-left: 30px; }
  .igus036navigation .menu_head {
    font-weight: 700;
    padding-top: 9px;
    width: 34%; }
    .igus036navigation .menu_head a {
      color: #000; }
  .igus036navigation .fa-check {
    color: black;
    margin-left: .8em; }
  .igus036navigation .fa-circle {
    color: black;
    font-size: .5em;
    padding-right: 1em; }
  .igus036navigation .navbar .navbar-inner {
    padding: 0; }
  .igus036navigation .navbar .menu-large {
    position: static !important; }
  .igus036navigation .navbar .nav {
    margin: 0;
    display: table; }
    .igus036navigation .navbar .nav > li {
      display: table-cell;
      float: none;
      text-align: left;
      background: #f07d00; }
      .igus036navigation .navbar .nav > li a {
        line-height: 1.8rem; }
      .igus036navigation .navbar .nav > li li:hover {
        font-weight: 500;
        cursor: pointer; }
  .igus036navigation .navbar-nav .nav-link:hover {
    background-color: #d26e00; }
  .igus036navigation .navbar-nav .nav-link {
    z-index: 9998;
    padding: 11px 30px;
    color: #FFFFFF;
    font-weight: 500;
    cursor: pointer; }
    @media screen and (min-width: 700px) and (orientation: landscape) {
      .igus036navigation .navbar-nav .nav-link .nav-link {
        color: blue; } }
  .igus036navigation .navbar-nav a.nav-link {
    padding: 2px 30px 0 30px; }
  .igus036navigation .megamenu {
    width: 100%; }
    .igus036navigation .megamenu .row {
      cursor: default !important; }
    .igus036navigation .megamenu ul {
      padding-left: 0;
      margin-bottom: 18px; }
    .igus036navigation .megamenu li {
      padding-top: 3px;
      list-style: none;
      font-weight: 100;
      color: #000; }
  .igus036navigation .dropdown-menu {
    background: white;
    margin-top: 0;
    border: none;
    padding: 0; }
  @media (max-width: 939px) {
    .igus036navigation nav {
      display: none; } }
  .igus036navigation .bg-faded {
    background-color: #f07d00;
    z-index: 9000; }
  .igus036navigation .menuclose {
    cursor: pointer;
    margin-top: -30px;
    right: 20px;
    top: 42px;
    position: absolute;
    padding: 5px; }
    .igus036navigation .menuclose .icon {
      width: 18px;
      height: 18px; }
      .igus036navigation .menuclose .icon svg {
        width: 100%;
        height: 100%;
        background-color: transparent;
        fill: #626262;
        max-height: 100%; }
  .igus036navigation .menuclose:hover .icon svg {
    fill: #363636; }
  .igus036navigation .on {
    display: block; }
  .igus036navigation .off {
    display: none; }
  .igus036navigation #collapsing-navbar {
    z-index: 9999; }
  .igus036navigation .content_picture {
    min-width: 40%; }
    @media (max-width: 1199px) {
      .igus036navigation .content_picture {
        min-width: 40%; } }
  .igus036navigation .igus005Produktinformationen {
    margin-bottom: 0 !important; }
  .igus036navigation .headline--h6 {
    padding-top: 0;
    padding-bottom: 0 !important;
    cursor: default !important;
    color: #000;
    top: 0;
    font-weight: 700 !important; }
    .igus036navigation .headline--h6:hover {
      text-decoration: none !important; }
    .igus036navigation .headline--h6:first-of-type {
      margin-top: 0; }
  .igus036navigation .headline__subnav {
    margin-bottom: 0;
    margin-top: .9rem; }
  .igus036navigation .icon {
    float: right; }

/**
 * @name igus036navigationmobile
 * @description molecule description here
 * @author todort | Refactor & cleanup LOrtlepp 10-2023
 */
.igus036navigationmobile {
  cursor: pointer;
  -webkit-overflow-scrolling: touch;
  display: none; }
  .igus036navigationmobile h6::after {
    content: '';
    background: none; }
  .igus036navigationmobile a {
    color: #000000; }
  .igus036navigationmobile .btn, .igus036navigationmobile .btn--cmd, .igus036navigationmobile .btn--theme {
    background-color: #f07d00;
    border: none; }
  .igus036navigationmobile .btn .btn__icon, .igus036navigationmobile .btn--cmd .btn__icon, .igus036navigationmobile .btn--theme .btn__icon {
    margin: 0;
    width: 20px;
    padding-top: 0; }
  .igus036navigationmobile .menutab {
    line-height: 2.6rem; }
  .igus036navigationmobile .popup__btnClose {
    height: 60px;
    width: 60px; }
    .igus036navigationmobile .popup__btnClose a {
      width: 100%;
      height: 100%; }
    .igus036navigationmobile .popup__btnClose:hover {
      background-color: #f07d00; }
  @media (max-width: 939px) {
    .igus036navigationmobile {
      display: block; }
      .igus036navigationmobile .igus005Produktinformationen ul {
        padding-left: 0;
        margin-bottom: 0; }
      .igus036navigationmobile ul {
        margin-bottom: 30px; }
      .igus036navigationmobile li {
        border: 1px solid #f2f2f2 !important;
        border-left: none;
        border-right: none;
        padding: 17px;
        padding-left: 20px;
        border-bottom: none;
        line-height: 2.2rem;
        list-style: none;
        font-weight: 100; }
      .igus036navigationmobile .last {
        border-bottom: 1px solid #f2f2f2; }
      .igus036navigationmobile .searchinlist {
        display: flex;
        padding: 0 !important; }
        .igus036navigationmobile .searchinlist .igus104PhotoSearch {
          margin-top: auto;
          margin-bottom: 20px; }
        .igus036navigationmobile .searchinlist .menu_child .searchfield {
          width: 100% !important; }
      .igus036navigationmobile .searchinlist .searchfield {
        padding: 0;
        height: 60px;
        width: calc(100% - 110px); }
        .igus036navigationmobile .searchinlist .searchfield::placeholder {
          white-space: nowrap;
          text-overflow: ellipsis !important;
          overflow: hidden; }
        .igus036navigationmobile .searchinlist .searchfield a.btn__icon.icon.search {
          display: none !important; }
        .igus036navigationmobile .searchinlist .searchfield .searchfield__input {
          height: 60px !important;
          font-size: 16px;
          padding: 0 20px; }
        .igus036navigationmobile .searchinlist .searchfield .searchfield__button {
          height: 60px !important;
          width: 60px !important; }
      .igus036navigationmobile .searchinlist .searchfield .btn.btn--secondary, .igus036navigationmobile .searchinlist .searchfield .btn--secondary.btn--cmd, .igus036navigationmobile .searchinlist .searchfield .btn--secondary.btn--theme {
        height: 60px !important;
        width: 60px !important;
        background-color: #ffffff; }
        .igus036navigationmobile .searchinlist .searchfield .btn.btn--secondary .icon, .igus036navigationmobile .searchinlist .searchfield .btn--secondary.btn--cmd .icon, .igus036navigationmobile .searchinlist .searchfield .btn--secondary.btn--theme .icon {
          color: #787878;
          margin-bottom: 2px; }
        .igus036navigationmobile .searchinlist .searchfield .btn.btn--secondary:hover, .igus036navigationmobile .searchinlist .searchfield .btn--secondary.btn--cmd:hover, .igus036navigationmobile .searchinlist .searchfield .btn--secondary.btn--theme:hover {
          background-color: #fff; }
      .igus036navigationmobile .opennav {
        background-color: #ffffff; }
      .igus036navigationmobile .nav__sublevel {
        top: 60.5px;
        right: -50%;
        width: 50%;
        position: fixed;
        background-color: #ffffff;
        overflow-y: scroll !important;
        height: calc(100% - 60.5px);
        transition: 0.5s;
        border-left: 1px solid #f2f2f2;
        -webkit-overflow-scrolling: touch; } }
    @media (max-width: 939px) and (max-width: 719px) {
      .igus036navigationmobile .nav__sublevel {
        right: -100%;
        width: 100%; } }
  @media (max-width: 939px) {
      .igus036navigationmobile .sidenav {
        min-height: 100%;
        width: 50%;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: -50%;
        background-color: #ffffff;
        overflow-y: scroll !important;
        transition: 0.5s;
        border-left: 1px solid #f2f2f2;
        -webkit-overflow-scrolling: touch; } }
    @media (max-width: 939px) and (max-width: 719px) {
      .igus036navigationmobile .sidenav {
        right: -100%;
        width: 100%; } }
  @media (max-width: 939px) {
        .igus036navigationmobile .sidenav .sidenav a {
          color: #000; }
      .igus036navigationmobile .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px; }
      .igus036navigationmobile .closebtns {
        font-weight: 700;
        padding-left: 40px; }
        .igus036navigationmobile .closebtns:before {
          content: '';
          background: url("/source/9279f403743b74e5db15ea8142949c34/igus-icon-arrow-left-o.svg") no-repeat;
          position: absolute;
          left: 21px;
          margin-top: 5px;
          margin-right: 10px;
          width: 12px;
          height: 12px;
          color: #f07d00; }
        .igus036navigationmobile .closebtns::after {
          content: none !important; }
      .igus036navigationmobile .noafter::after {
        content: none !important; } }
  .igus036navigationmobile #Holz-Steinbearbeitung::after,
  .igus036navigationmobile #Handling::after {
    content: none !important; }
  .igus036navigationmobile .unopened {
    display: none; }
  .igus036navigationmobile .overlay {
    z-index: 1000;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px;
    background-color: rgba(236, 236, 236, 0.5); }
  .igus036navigationmobile .sidenav_show {
    height: 100%;
    position: fixed; }
  .igus036navigationmobile .more-arrow::after {
    content: '';
    background: url("/source/710e532224a4b549ae03c3153264b738/igus-icon-arrow-right-o.svg") no-repeat;
    position: absolute;
    right: 15px;
    margin-top: -15px;
    padding-right: 10px;
    width: 12px;
    height: 12px;
    color: #f07d00; }
  .igus036navigationmobile .no-arrow::after {
    background: none !important; }
  .igus036navigationmobile .m-menu--active {
    right: 0 !important; }

/**
 * @name igus037andereloesungen
 * @description Alternative products
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus037andereloesungen .igus037andereloesungen__Gallery {
  padding: 0 3rem; }

.igus037andereloesungen a {
  color: #363636; }

.igus037andereloesungen .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5rem;
  cursor: pointer; }
  .igus037andereloesungen .slick-arrow svg {
    color: #d8d8d8; }
  .igus037andereloesungen .slick-arrow:hover svg {
    color: #363636; }

.igus037andereloesungen .slick-prev {
  left: -0.5rem; }

.igus037andereloesungen .slick-next {
  right: -0.5rem; }

.igus037andereloesungen .igus029Produktkachel::before, .igus037andereloesungen .igus092soloproduktkachel::before,
.igus037andereloesungen .igus029Produktkachel,
.igus037andereloesungen .igus092soloproduktkachel {
  border: none; }

.igus037andereloesungen .igus050Produktkachel__content {
  padding: 1.5rem 0; }

.igus037andereloesungen .igus037andereloesungen__price {
  font-size: 1.2rem;
  color: #787878; }

/**
 * @name igus038popupwarenkorb
 * @description molecule description here
 * @author todort
 * @see {@link http://github.com/documentation|Specification}
 */
.igus038popupwarenkorb .igus038popupwarenkorb-btns .btn, .igus038popupwarenkorb .igus038popupwarenkorb-btns .btn--cmd, .igus038popupwarenkorb .igus038popupwarenkorb-btns .btn--theme {
  width: 100%;
  justify-content: center;
  margin-bottom: 1.5rem; }

.igus038popupwarenkorb textarea {
  min-width: 350px !important;
  margin-bottom: 1rem;
  height: 10rem; }

.igus038popupwarenkorb .input {
  margin: 0; }

.igus038popupwarenkorb input {
  margin-bottom: 1rem;
  min-width: 23.5rem; }

.igus038popupwarenkorb .igus038popupwarenkorb__btnClose {
  position: absolute;
  right: 0;
  top: 0; }
  .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .btn, .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .btn--cmd, .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .btn--theme {
    min-width: 2rem;
    background-color: #d8d8d8; }
    .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .btn:hover, .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .btn--cmd:hover, .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .btn--theme:hover {
      background-color: #787878; }
  .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .icon {
    width: 18px;
    height: 18px; }
    .igus038popupwarenkorb .igus038popupwarenkorb__btnClose .icon svg {
      width: 100%;
      height: 100%;
      background-color: transparent;
      fill: #fff;
      max-height: 100%; }

.igus038popupwarenkorb .close {
  opacity: .2; }

/**
 * @name igus039popuppreisanfrage
 * @description molecule description here
 * @author todort
 * @see {@link http://github.com/documentation|Specification}
 */
.igus039popuppreisanfrage .form-group {
  margin-top: .5rem;
  min-width: 24rem; }
  @media (max-width: 719px) {
    .igus039popuppreisanfrage .form-group {
      min-width: 100%; } }

.igus039popuppreisanfrage .btn-close a:hover {
  text-decoration: none; }

@media (max-width: 719px) {
  .igus039popuppreisanfrage h4, .igus039popuppreisanfrage .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus039popuppreisanfrage .igus072forgotpass__headline {
    margin-top: 3rem; } }

.igus039popuppreisanfrage .popup__dialog {
  overflow: auto; }
  .igus039popuppreisanfrage .popup__dialog .btn-abbrechen {
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
    font-size: 1.2rem;
    margin-top: 1rem;
    margin-bottom: 4rem; }

.igus039popuppreisanfrage .input {
  margin-top: .5rem; }
  .igus039popuppreisanfrage .input .heading-right {
    margin-left: .5rem; }

.igus039popuppreisanfrage input {
  padding: 1.5rem; }

.igus039popuppreisanfrage .formgroup__dropdown {
  margin-top: 1px; }

.igus039popuppreisanfrage .igus013Tabelle {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #ececec;
  width: 100%; }
  .igus039popuppreisanfrage .igus013Tabelle .table__tbody td {
    padding: .5rem .5rem;
    vertical-align: middle; }
  .igus039popuppreisanfrage .igus013Tabelle input {
    height: 4rem;
    max-width: 11.5rem;
    border: .1rem solid #d8d8d8; }
  @media (max-width: 719px) {
    .igus039popuppreisanfrage .igus013Tabelle {
      padding: 1.5rem; }
      .igus039popuppreisanfrage .igus013Tabelle h4, .igus039popuppreisanfrage .igus013Tabelle .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus039popuppreisanfrage .igus013Tabelle .igus072forgotpass__headline {
        margin-top: 5rem; }
      .igus039popuppreisanfrage .igus013Tabelle .popup__dialog {
        padding-bottom: 4rem; } }

.igus039popuppreisanfrage p, .igus039popuppreisanfrage .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus039popuppreisanfrage .text {
  margin-top: 1rem;
  margin-bottom: 1.4rem; }

.igus039popuppreisanfrage__inputs, .iguswpcksec16form {
  margin-bottom: 1.2rem; }
  .igus039popuppreisanfrage__inputs .heading-top, .iguswpcksec16form .heading-top {
    padding-bottom: .6rem; }
  .igus039popuppreisanfrage__inputs input, .iguswpcksec16form input {
    border: .1rem solid #d8d8d8;
    min-width: 24rem;
    height: 4rem; }
    @media (max-width: 719px) {
      .igus039popuppreisanfrage__inputs input, .iguswpcksec16form input {
        min-width: 100%; } }

textarea {
  border: .1rem solid #d8d8d8;
  min-width: 100%;
  height: 6rem;
  margin-top: .5rem;
  padding: 0.4rem 0.4rem; }

.pflichtfelder {
  text-align: right;
  font-size: 1.2rem;
  margin-top: .5rem; }
  @media (max-width: 535px) {
    .pflichtfelder {
      text-align: left;
      margin-top: .7rem; } }

.igus039popuppreisanfrage__btns .btn, .igus039popuppreisanfrage__btns .btn--cmd, .igus039popuppreisanfrage__btns .btn--theme {
  width: 100%;
  justify-content: center;
  min-width: 15rem; }

/**
 * @name igus040popupabmessung
 * @description molecule description here
 * @author todort
 * @see {@link http://github.com/documentation|Specification}
 */
.igus040popupabmessung textarea {
  width: 100%;
  height: 10rem;
  margin-bottom: .5rem;
  margin-top: .5rem;
  border: .1rem solid #d8d8d8; }

.igus040popupabmessung .popup__dialog {
  overflow: auto; }
  .igus040popupabmessung .popup__dialog h3 {
    margin-top: 1rem; }
  .igus040popupabmessung .popup__dialog .btn-abbrechen {
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
    font-size: 1.2rem;
    margin-top: 1rem; }

.igus040popupabmessung p, .igus040popupabmessung .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus040popupabmessung .text {
  margin-bottom: .7rem;
  font-size: 1.1rem; }
  @media (max-width: 719px) {
    .igus040popupabmessung p, .igus040popupabmessung .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus040popupabmessung .text {
      margin-bottom: 1rem; } }

.igus040popupabmessung__inputs {
  margin-bottom: 2rem; }
  .igus040popupabmessung__inputs input {
    margin-top: .5rem;
    border: .1rem solid #d8d8d8;
    min-width: 24rem;
    padding: 0.8rem 0.8rem;
    height: 4rem; }
    .igus040popupabmessung__inputs input .heading-top {
      margin-bottom: 1rem; }
    @media (max-width: 719px) {
      .igus040popupabmessung__inputs input {
        width: 100%;
        min-width: 0; } }

.igus040popupabmessung__btns .btn, .igus040popupabmessung__btns .btn--cmd, .igus040popupabmessung__btns .btn--theme {
  width: 100%;
  justify-content: center;
  margin-top: 1.5rem;
  min-width: 10rem; }

.error-messages p, .error-messages .igus073ordersummary .headline .text, .igus073ordersummary .headline .error-messages .text {
  font-size: 1.4rem; }

/**
 * @name igus041techdaten
 * @description tech Information displayed in table form. Image is of graph is displayed.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus041techdaten {
  margin-bottom: 3rem; }

.igus041techdaten__subheading {
  padding-bottom: 1.5rem; }

.md-heading {
  padding-left: 1.5rem; }
  @media (max-width: 719px) {
    .md-heading {
      display: none; } }

.sm-heading {
  display: none; }
  @media (max-width: 719px) {
    .sm-heading {
      display: block; } }

.igus041techdaten__text {
  line-height: 2.2rem; }
  @media (max-width: 719px) {
    .igus041techdaten__text {
      padding-left: 0; } }

.igus041techdaten__legend {
  line-height: 1.5rem;
  padding-left: 0;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  font-size: 1.2rem;
  column-count: 2; }

.igus041techdaten__diagram {
  padding-left: 0; }

.igus041techdaten__info {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #d8d8d8; }

.no-gutter {
  padding-left: 0;
  padding-right: 0; }

.tablecontent__headline h5, .tablecontent__headline .igus072forgotpass .headline, .igus072forgotpass .tablecontent__headline .headline, .tablecontent__headline .igus073ordersummary .headline, .igus073ordersummary .tablecontent__headline .headline {
  margin-bottom: 0; }

/**
 * @name igus042seotext
 * @description Text Module containing SEO text
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus042seotext {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 0.1rem solid #ececec; }
  .igus042seotext * {
    color: #787878; }
  .igus042seotext p, .igus042seotext .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus042seotext .text, .igus042seotext a, .igus042seotext h1, .igus042seotext h2, .igus042seotext h3, .igus042seotext h4, .igus042seotext .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus042seotext .igus072forgotpass__headline, .igus042seotext h5, .igus042seotext .igus072forgotpass .headline, .igus072forgotpass .igus042seotext .headline, .igus042seotext .igus073ordersummary .headline, .igus073ordersummary .igus042seotext .headline, .igus042seotext h6, .igus042seotext li {
    line-height: 2rem;
    font-size: 1.2rem; }
  .igus042seotext li {
    list-style-type: bullet;
    list-style-position: inside; }
  .igus042seotext h1, .igus042seotext h2, .igus042seotext h3, .igus042seotext h4, .igus042seotext .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus042seotext .igus072forgotpass__headline, .igus042seotext h5, .igus042seotext .igus072forgotpass .headline, .igus072forgotpass .igus042seotext .headline, .igus042seotext .igus073ordersummary .headline, .igus073ordersummary .igus042seotext .headline {
    font-weight: 700; }
  .igus042seotext a {
    text-decoration: underline; }

/**
 * @name igus043popupcountryselect
 * @description Popup to select language
 * @author dmarais // update LOrtlepp 05-2023
 * @see {@link http://github.com/documentation|Specification}
 */
.igus043popupcountryselect {
  position: relative; }
  @media (min-width: 940px) {
    .igus043popupcountryselect::after {
      content: '';
      position: absolute;
      background-color: #d8d8d8;
      height: 100%;
      width: 1px;
      top: 0;
      right: auto;
      bottom: 0;
      left: 50%; } }
  .igus043popupcountryselect h2 {
    font-size: 2.5rem;
    margin-bottom: 10px; }
    @media (min-width: 940px) {
      .igus043popupcountryselect h2 {
        font-size: 3rem;
        margin-bottom: 20px; } }
  .igus043popupcountryselect > .row {
    height: 100%; }
  .igus043popupcountryselect .col-select-lang,
  .igus043popupcountryselect .col-settings-lang {
    text-align: initial; }
  .igus043popupcountryselect .col-select-lang {
    padding: 0;
    margin-bottom: 25px;
    border: none;
    border-bottom: 1px solid #d8d8d8; }
    .igus043popupcountryselect .col-select-lang p, .igus043popupcountryselect .col-select-lang .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus043popupcountryselect .col-select-lang .text {
      text-align: inherit; }
    @media (min-width: 720px) {
      .igus043popupcountryselect .col-select-lang {
        padding: 0 30px 0 0;
        border-bottom: none; }
        .igus043popupcountryselect .col-select-lang, .igus043popupcountryselect .col-select-lang .form-group {
          margin-bottom: 0; } }
    .igus043popupcountryselect .col-select-lang .form-group {
      margin-bottom: 30px;
      min-height: inherit; }
  .igus043popupcountryselect .col-settings-lang {
    padding: 0; }
    .igus043popupcountryselect .col-settings-lang a {
      display: block;
      margin-top: 5px; }
      .igus043popupcountryselect .col-settings-lang a:first-child {
        margin-top: 0; }
    @media (min-width: 940px) {
      .igus043popupcountryselect .col-settings-lang {
        padding: 0 0 0 30px; } }
  .igus043popupcountryselect .language-select {
    padding-bottom: 15px;
    min-height: 39px; }
  .igus043popupcountryselect .language-select-intl {
    border-top: 1px solid #d8d8d8;
    padding-top: 15px; }
    .igus043popupcountryselect .language-select-intl a {
      display: block;
      margin-top: 5px; }
    .igus043popupcountryselect .language-select-intl a:first-child {
      margin-top: 0; }
  .igus043popupcountryselect .igus043popupcountryselect__region {
    padding-left: 0;
    padding-bottom: 3rem; }
  .igus043popupcountryselect .igus043popupcountry__link {
    padding: 5px 0; }
    .igus043popupcountryselect .igus043popupcountry__link .link__text {
      font-size: 12px;
      color: #787878; }
    .igus043popupcountryselect .igus043popupcountry__link .icon {
      height: 10px; }
  .igus043popupcountryselect::after {
    display: none; }

/**
 * @name igus045minibuybox
 * @description A smaller more compact version of the buybox
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus045minibuybox {
  background: #f2f2f2;
  padding: 2rem;
  width: 100%; }

.price__kind {
  width: 100%;
  font-size: 1.2rem; }

.price__value, .price__currency {
  display: inline-block;
  font-size: 2.6rem;
  margin-top: .3rem; }

.availability--primary {
  color: #209c49 !important; }
  .availability--primary .icon {
    color: #209c49 !important; }

.availability--tertiary {
  color: #787878 !important; }
  .availability--tertiary .icon {
    color: #787878 !important; }

.igus045minibuybox__contact {
  padding-top: 2rem; }

.price__onrequest {
  color: #787878;
  font-weight: 400; }

/**
 * @name igus046popupmengenrabatt
 * @description molecule description here
 * @author todort
 * @see {@link http://github.com/documentation|Specification}
 */
.igus046popupmengenrabatt .popup__dialog {
  overflow: auto; }
  .igus046popupmengenrabatt .popup__dialog .btn, .igus046popupmengenrabatt .popup__dialog .btn--cmd, .igus046popupmengenrabatt .popup__dialog .btn--theme {
    width: 100%;
    justify-content: center;
    margin-bottom: 1.5rem;
    min-width: 0; }
  .igus046popupmengenrabatt .popup__dialog h4, .igus046popupmengenrabatt .popup__dialog .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus046popupmengenrabatt .popup__dialog .igus072forgotpass__headline {
    padding: 1.5rem; }
    @media (max-width: 719px) {
      .igus046popupmengenrabatt .popup__dialog h4, .igus046popupmengenrabatt .popup__dialog .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus046popupmengenrabatt .popup__dialog .igus072forgotpass__headline {
        margin-top: 5rem;
        padding: 0; } }
  .igus046popupmengenrabatt .popup__dialog p, .igus046popupmengenrabatt .popup__dialog .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus046popupmengenrabatt .popup__dialog .text {
    font-size: 11px;
    padding-left: 2rem;
    padding-bottom: 2rem; }
    @media (max-width: 719px) {
      .igus046popupmengenrabatt .popup__dialog p, .igus046popupmengenrabatt .popup__dialog .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus046popupmengenrabatt .popup__dialog .text {
        padding: 0;
        margin-bottom: 1.8rem; } }

.igus046popupmengenrabatt .btn-close {
  text-align: center;
  text-decoration: none;
  display: flex; }

.igus046popupmengenrabatt .igus013Tabelle {
  margin-bottom: 1rem; }
  .igus046popupmengenrabatt .igus013Tabelle th {
    background-color: #ececec;
    vertical-align: middle;
    text-align: inherit;
    padding: 1rem;
    min-width: 14rem; }
  @media (max-width: 719px) {
    .igus046popupmengenrabatt .igus013Tabelle {
      width: 100%; }
      .igus046popupmengenrabatt .igus013Tabelle .td {
        text-align: right; } }

@media (max-width: 719px) {
  .igus046popupmengenrabatt th {
    min-width: 10rem !important; } }

@media (max-width: 719px) {
  .igus046popupmengenrabatt .table__tbody td {
    display: table-cell; } }

@media (max-width: 719px) {
  .igus046popupmengenrabatt .link__text {
    text-align: left; } }

/**
 * @name igus050searchhistory
 * @description A List of previous searches
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus050searchhistory .igus050searchhistory__box {
  background: #ececec;
  padding: 2rem; }
  .igus050searchhistory .igus050searchhistory__box * {
    overflow: hidden;
    text-overflow: ellipsis; }
  .igus050searchhistory .igus050searchhistory__box .link {
    margin-bottom: 1.5rem; }

/**
 * @name igus051video
 * @description A Molecule to display a video thumbnail, headline and text. Purpose is to lead user to load and watch said video.
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus051card {
  border: 1px solid #ececec;
  margin-bottom: 15px;
  border-radius: 5px;
  position: relative; }
  .igus051card .wrapper {
    flex-direction: row-reverse; }
  .igus051card:hover {
    background-color: #f2f2f2; }
    .igus051card:hover .fas {
      color: #f07d00;
      transition: all 0.5s ease-in; }
  .igus051card .igus051_thumb {
    position: relative;
    margin-bottom: 5px; }
    @media (max-width: 719px) {
      .igus051card .igus051_thumb {
        margin: 0 auto; }
        .igus051card .igus051_thumb img {
          max-width: 100%;
          height: auto; } }
    @media (min-width: 536px) {
      .igus051card .igus051_thumb {
        margin-left: 15px;
        margin-top: 15px; } }
  .igus051card .fa-arrow-circle-down, .igus051card .fa-play-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #000000; }
  .igus051card a {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .igus051card a .igus051_text {
      margin: 5px 15px;
      color: #000000;
      max-width: 500px; }
      .igus051card a .igus051_text p, .igus051card a .igus051_text .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus051card a .igus051_text .text {
        display: block; }
      @media (min-width: 536px) {
        .igus051card a .igus051_text {
          margin-top: 15px; } }
    .igus051card a .wrapper {
      width: 100%;
      margin-bottom: 15px;
      margin-right: 15px; }
    .igus051card a .fa-arrow-up {
      color: #787878;
      float: right;
      transform: rotate(45deg);
      transform-origin: initial;
      font-size: 20px;
      width: 20px;
      height: 20px; }
      @media (max-width: 719px) {
        .igus051card a .fa-arrow-up {
          font-size: small;
          width: 10px;
          height: 10px; } }

/**
 * @name igus055QRPayment
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus055QRPayment *:not(.btn):not(.btn--cmd):not(.btn--theme):not(img) {
  display: block; }

.igus055QRPayment .c {
  display: block;
  text-align: center; }

.igus055QRPayment .h1, .igus055QRPayment .igussec14basket .headline, .igussec14basket .igus055QRPayment .headline, .igus055QRPayment .h3, .igus055QRPayment .h5, .igus055QRPayment .h4 {
  margin-bottom: 15px; }

@media (min-width: 720px) {
  .igus055QRPayment .r {
    text-align: right;
    display: block; } }

.igus055QRPayment .l {
  text-align: left; }

.igus055QRPayment .btn, .igus055QRPayment .btn--cmd, .igus055QRPayment .btn--theme {
  margin-bottom: 10px; }

/**
 * @name igus062leadin
 * @description A banner that will likely appear at the top of body of page
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/*
.igus062leadin {
  padding: 10px;

  .wrapper{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: baseline;
  }


  .icons{display:flex;justify-content: center}
  .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-bottom: 20px solid $brand-500;
  }
  .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-top: 20px solid $brand-500;
  }
  .square {
    height: 20px;
    width: 20px;
    background-color: $brand-500;
  }

  .circle {
    height: 20px;
    width: 20px;
    background-color: $signal-success;
    border-radius: 50%;
  }

}
*/
/**
 * @name igus063alert
 * @description An Alert element for error and success messages
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus063alert {
  /* text-align: center;
  opacity:1;
  transition: opacity 0.5s ease;
  position:fixed;
  top:20%;
  width:80%;
  left:50%;
  margin-left: -40%;*/
  width: 50vw;
  max-width: 1200px;
  position: fixed;
  margin: 0 auto;
  border-radius: 2px;
  padding: 10px;
  padding-left: 45px;
  margin-bottom: 15px;
  margin-top: 15px;
  z-index: 99999;
  color: white;
  left: 50%;
  margin-left: -25%; }
  .igus063alert .close {
    float: right;
    font-size: 2.5rem;
    color: white;
    text-shadow: 1px 1px 1px #fff;
    opacity: 1; }
  @media (max-width: 719px) {
    .igus063alert {
      width: 100%;
      left: 0;
      margin-left: 0; } }
  .igus063alert.hidden {
    opacity: 0;
    transition: opacity 0.5s ease;
    display: none; }

/**
 * @name igus063bemerkungspopup
 * @description A popu prompting the user to enter a comment
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igus064electroassist
 * @description A simple menu to help electricians navigate the shop.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igus065anfragehinweis
 * @description a popup to inform user of query
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igus066meinansprechpartner
 * @description a little popup box that allows the postcode to be filled in.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus066meinansprechpartner {
  height: 100%; }
  .igus066meinansprechpartner i.fas {
    display: inline; }
  .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper {
    padding: 0 10px; }
  .igus066meinansprechpartner .igus066meinansprechpartner__post {
    padding: 3rem; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post p, .igus066meinansprechpartner .igus066meinansprechpartner__post .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus066meinansprechpartner .igus066meinansprechpartner__post .text {
      line-height: 1.5; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post .searchfield {
      padding: 0;
      margin-bottom: 10px; }
  .igus066meinansprechpartner .igus066meinansprechpartner__post,
  .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 30rem;
    margin: 0;
    color: #363636;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-top: 0px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post p, .igus066meinansprechpartner .igus066meinansprechpartner__post .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus066meinansprechpartner .igus066meinansprechpartner__post .text, .igus066meinansprechpartner .igus066meinansprechpartner__post a, .igus066meinansprechpartner .igus066meinansprechpartner__post div,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper p,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus073ordersummary .headline .text,
    .igus073ordersummary .headline .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .text,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper a,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper div {
      font-size: 14px; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post a,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper a {
      width: initial;
      height: initial; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post a *,
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper a * {
        color: #f07d00; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post .link a span,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .link a span {
      padding: initial; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post .h6, .igus066meinansprechpartner .igus066meinansprechpartner__post .igus074baskettile .igus074baskettile__headline, .igus074baskettile .igus066meinansprechpartner .igus066meinansprechpartner__post .igus074baskettile__headline, .igus066meinansprechpartner .igus066meinansprechpartner__post .igus087pager .resultcount label, .igus087pager .resultcount .igus066meinansprechpartner .igus066meinansprechpartner__post label,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .h6,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus074baskettile .igus074baskettile__headline,
    .igus074baskettile .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus074baskettile__headline,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus087pager .resultcount label,
    .igus087pager .resultcount .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper label {
      color: #363636; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner--allcontacts,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner--allcontacts {
      padding: 3rem; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner--allcontacts a,
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner--allcontacts a {
        margin-bottom: 5px; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner--allcontacts a:last-child,
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner--allcontacts a:last-child {
        margin-bottom: 0; }
    .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner,
    .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner {
      overflow: auto;
      padding: 3rem; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner:not(:last-child),
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner:not(:last-child) {
        border-bottom: 1px solid #f2f2f2; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner .contact--info,
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner .contact--info {
        margin-bottom: 10px;
        width: 70%;
        position: relative;
        float: left; }
        .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner .contact--info div,
        .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner .contact--info div {
          font-size: 1.2rem; }
        .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner .contact--info i,
        .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner .contact--info i {
          padding-right: 5px; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner .contact--info .link.link--secondary,
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner .contact--info .link.link--secondary {
        margin-top: 10px; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner .contact--picture,
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner .contact--picture {
        width: 30%;
        position: relative;
        float: left; }
      .igus066meinansprechpartner .igus066meinansprechpartner__post .igus066meinansprechpartner__partner .img-circle,
      .igus066meinansprechpartner .igus066meinansprechpartner__partner--wrapper .igus066meinansprechpartner__partner .img-circle {
        border-radius: 50%; }

/**
 * @name igus068angabebox
 * @description a box containing to columns of input fields.
 * @author dmarais | cleanup LOrtlepp 05-2023
 * @see {@link http://github.com/documentation|Specification}
 */
.igus068angabebox {
  overflow: auto; }
  .igus068angabebox .fill {
    background-color: #f2f2f2; }
  .igus068angabebox .h4 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 1.5rem;
    width: 100%;
    margin-bottom: 0; }
    .igus068angabebox .h4 .optional {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: 400; }
    .igus068angabebox .h4 .input-heading {
      margin-bottom: 0px;
      font-weight: 400;
      font-size: 1.2rem !important; }
  .igus068angabebox .igus068angabebox__fields {
    border: 1px solid #f2f2f2;
    overflow: auto;
    padding: 3rem; }
    .igus068angabebox .igus068angabebox__fields.hidden {
      display: none; }
    .igus068angabebox .igus068angabebox__fields .input {
      margin-bottom: 15px; }

/**
 * @name igus069optionbox
 * @description A box container for option, universal but originally designed for the checkout process
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus069optionbox {
  overflow: auto;
  border: 1px solid #f2f2f2; }
  .igus069optionbox #deliveryOption1:checked ~ .value #deliveryPrice1, .igus069optionbox #deliveryOption2:checked ~ .value #deliveryPrice2, .igus069optionbox #deliveryOption3:checked ~ #deliveryPrice3 {
    color: #f07d00; }
  .igus069optionbox .pair {
    display: flex; }
    .igus069optionbox .pair .value {
      margin-left: auto; }
  .igus069optionbox .h4 {
    padding: 1.5rem;
    width: 100%;
    margin-bottom: 0; }
  .igus069optionbox .igus069optionbox__options {
    padding: 15px 30px; }
    .igus069optionbox .igus069optionbox__options .igus010Text:not(:first-child), .igus069optionbox .igus069optionbox__options .igus097wpcksechead:not(:first-child) {
      padding-left: 30px; }
    .igus069optionbox .igus069optionbox__options .igus010Text:not(:last-child), .igus069optionbox .igus069optionbox__options .igus097wpcksechead:not(:last-child) {
      padding-right: 30px; }
  .igus069optionbox ul.address {
    list-style-type: none;
    padding-left: 0px; }
  .igus069optionbox .igus069optionbox__heading {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #f2f2f2; }
    .igus069optionbox .igus069optionbox__heading .icons {
      display: flex;
      align-items: center;
      font-size: 20px;
      color: #209c49; }
      .igus069optionbox .igus069optionbox__heading .icons i {
        font-size: 16px;
        margin-right: 0.5rem; }
      .igus069optionbox .igus069optionbox__heading .icons .icon__text {
        font-size: 1.2rem; }
      @media (max-width: 535px) {
        .igus069optionbox .igus069optionbox__heading .icons .icon__text {
          display: none; } }
  .igus069optionbox .igus069optionbox__column {
    padding: 15px 30px; }
    .igus069optionbox .igus069optionbox__column .tab__heading {
      display: flex;
      justify-content: space-between; }
      .igus069optionbox .igus069optionbox__column .tab__heading .icons {
        font-size: 20px; }
        .igus069optionbox .igus069optionbox__column .tab__heading .icons i {
          margin-right: 0.5rem; }
    .igus069optionbox .igus069optionbox__column .optionTab:not(:nth-child(1)) {
      display: none; }
    .igus069optionbox .igus069optionbox__column .link {
      line-height: 2rem;
      color: #f07d00; }
    .igus069optionbox .igus069optionbox__column .address ul {
      list-style-type: none; }

/**
 * @name igus070createaccount
 * @description A Screen to create a new account
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus070createaccount {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .igus070createaccount .h3 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .igus070createaccount .item {
    display: flex;
    align-items: center; }
    .igus070createaccount .item .text {
      display: inline-block;
      margin-left: 5px; }
    .igus070createaccount .item .icon {
      height: 30px;
      width: 10px;
      color: #f07d00;
      margin-right: 5px; }
  .igus070createaccount .igus070createaccount__box {
    overflow: auto;
    padding: 30px; }
    .igus070createaccount .igus070createaccount__box.std--width {
      width: 370px; }
      @media (max-width: 535px) {
        .igus070createaccount .igus070createaccount__box.std--width {
          width: 320px; } }
    .igus070createaccount .igus070createaccount__box.double--width {
      width: 740px; }
      @media (max-width: 719px) {
        .igus070createaccount .igus070createaccount__box.double--width {
          width: 370px; } }
      @media (max-width: 535px) {
        .igus070createaccount .igus070createaccount__box.double--width {
          width: 320px; } }
    .igus070createaccount .igus070createaccount__box .form-group input {
      height: 4rem;
      width: 100%; }
    .igus070createaccount .igus070createaccount__box .igus070createaccount__instructions {
      max-width: 23rem;
      margin-top: 5px; }
    .igus070createaccount .igus070createaccount__box .igus070createaccount__agb, .igus070createaccount .igus070createaccount__box .igus070createaccount__instructions, .igus070createaccount .igus070createaccount__box .igus070createaccount__dsgvo {
      font-size: 1.2rem; }
  .igus070createaccount .igus070createaccount__list {
    margin-top: 61px;
    margin-left: 30px; }
    @media (max-width: 719px) {
      .igus070createaccount .igus070createaccount__list {
        display: none; } }
  .igus070createaccount .dropdown {
    margin-bottom: 0; }
  .igus070createaccount label {
    margin-bottom: 15px;
    width: 100%; }
  .igus070createaccount .igus070createaccount__agb, .igus070createaccount .igus070createaccount__existant {
    margin: 10px 0; }
  .igus070createaccount .info {
    margin-top: 20px; }

/**
 * @name igus071progressbar
 * @description a progressbar for the checkout process
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus071progressbar .box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 5px;
  background-color: #f07d00;
  height: 45px; }
  .igus071progressbar .box .container {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .igus071progressbar .box .container .item {
      display: none;
      flex-direction: row;
      align-items: center;
      margin: 0 15px; }
      @media (min-width: 720px) {
        .igus071progressbar .box .container .item {
          display: flex; } }
      .igus071progressbar .box .container .item .fa-check-circle > span {
        display: none; }
      .igus071progressbar .box .container .item .fa-check-circle {
        font-size: 25px; }
      .igus071progressbar .box .container .item .fas {
        color: white;
        margin-right: 5px;
        font-family: Font Awesome\ 5 Free;
        line-height: 1.5; }
      .igus071progressbar .box .container .item .text {
        color: #ffffff; }
      .igus071progressbar .box .container .item.active {
        display: flex;
        font-weight: 700; }
        .igus071progressbar .box .container .item.active:after, .igus071progressbar .box .container .item.active:before {
          border-radius: 50%;
          width: 36px;
          height: 36px;
          min-width: 30px;
          min-height: 30px;
          padding: 8px;
          background: #f07d00;
          border: 2px solid transparent;
          color: #ffffff;
          text-align: center;
          content: "...";
          margin: 10px; }
          @media (min-width: 720px) {
            .igus071progressbar .box .container .item.active:after, .igus071progressbar .box .container .item.active:before {
              content: "";
              display: none; } }

/**
 * @name igus072forgotpass
 * @description A molecule to kick off the forgot password process.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus072forgotpass .headline {
  margin-bottom: 5px; }

.igus072forgotpass .igus072forgotpass__box {
  padding: 30px; }
  .igus072forgotpass .igus072forgotpass__box input {
    width: 100%; }
  .igus072forgotpass .igus072forgotpass__box .igus072createaccount__instructions {
    font-weight: 400; }

/**
 * @name igus073ordersummary
 * @description A box that fits into the checkout organism displaying the summary of all the orders. Things like Total price. Delivery costs. Value added Tax etc.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus073ordersummary {
  display: flex;
  flex-wrap: wrap; }
  .igus073ordersummary.pruefen {
    width: 100% !important;
    display: flex;
    background-color: #ececec;
    justify-content: flex-end; }
    .igus073ordersummary.pruefen .igus073ordersummary__infobox {
      background-color: #ffffff !important;
      width: 100%; }
    .igus073ordersummary.pruefen .igus073ordersummary__refine {
      padding-right: 85px; }
      .igus073ordersummary.pruefen .igus073ordersummary__refine .variable, .igus073ordersummary.pruefen .igus073ordersummary__refine .value {
        text-align: left !important; }
  .igus073ordersummary .igus073ordersummary__refine, .igus073ordersummary .igus073ordersummary__addendum {
    padding: 30px; }
  .igus073ordersummary .igus073ordersummary__refine {
    width: 100%;
    background-color: #ececec; }
    .igus073ordersummary .igus073ordersummary__refine .pair {
      display: flex;
      margin-bottom: 1rem; }
      .igus073ordersummary .igus073ordersummary__refine .pair.total {
        color: #f07d00;
        margin: 1rem 0; }
      .igus073ordersummary .igus073ordersummary__refine .pair .variable {
        text-align: right; }
      .igus073ordersummary .igus073ordersummary__refine .pair .value {
        text-align: right; }
      .igus073ordersummary .igus073ordersummary__refine .pair .variable, .igus073ordersummary .igus073ordersummary__refine .pair .value {
        padding: 0; }
    @media (min-width: 940px) {
      .igus073ordersummary .igus073ordersummary__refine {
        width: 35%; } }
  .igus073ordersummary .igus073ordersummary__addendum {
    width: 100%;
    padding: 30px;
    background-color: #f2f2f2; }
    @media (min-width: 940px) {
      .igus073ordersummary .igus073ordersummary__addendum {
        width: 65%; } }
  .igus073ordersummary .fas, .igus073ordersummary .fab {
    margin: 0 0.5rem;
    font-size: 50px; }
  .igus073ordersummary .info-list {
    padding: 30px; }
  .igus073ordersummary .igus073ordersummary__infobox {
    display: flex;
    width: 65%;
    border: 1px solid #f07d00; }
    @media (max-width: 719px) {
      .igus073ordersummary .igus073ordersummary__infobox .info-list {
        display: flex;
        flex-flow: column; }
        .igus073ordersummary .igus073ordersummary__infobox .info-list .a {
          order: 3; }
        .igus073ordersummary .igus073ordersummary__infobox .info-list .b {
          order: 2; } }
    .igus073ordersummary .igus073ordersummary__infobox .pair:first-child > .value {
      color: #f07d00; }
    .igus073ordersummary .igus073ordersummary__infobox .pair {
      display: flex;
      margin-bottom: 1rem; }
      .igus073ordersummary .igus073ordersummary__infobox .pair.total {
        color: #f07d00;
        margin: 1rem 0; }
      .igus073ordersummary .igus073ordersummary__infobox .pair .variable {
        text-align: left; }
      .igus073ordersummary .igus073ordersummary__infobox .pair .value {
        text-align: right; }
      .igus073ordersummary .igus073ordersummary__infobox .pair .variable, .igus073ordersummary .igus073ordersummary__infobox .pair .value {
        padding: 0; }
    @media (max-width: 939px) {
      .igus073ordersummary .igus073ordersummary__infobox {
        width: 100%; }
        .igus073ordersummary .igus073ordersummary__infobox .info-bar {
          width: 20%; } }
    .igus073ordersummary .igus073ordersummary__infobox .info-bar {
      padding-top: 15px;
      height: 100%;
      text-align: center;
      background-color: #f07d00; }
      .igus073ordersummary .igus073ordersummary__infobox .info-bar .fas {
        color: #ffffff; }
    .igus073ordersummary .igus073ordersummary__infobox .info-list {
      width: 90%; }
    .igus073ordersummary .igus073ordersummary__infobox #deliveryOption1:checked ~ #deliveryPrice1, .igus073ordersummary .igus073ordersummary__infobox #deliveryOption2:checked ~ #deliveryPrice2, .igus073ordersummary .igus073ordersummary__infobox #deliveryOption3:checked ~ #deliveryPrice3 {
      color: #f07d00; }
    .igus073ordersummary .igus073ordersummary__infobox #deliveryOption1, .igus073ordersummary .igus073ordersummary__infobox #deliveryOption2, .igus073ordersummary .igus073ordersummary__infobox #deliveryOption3 {
      text-align: left; }
    .igus073ordersummary .igus073ordersummary__infobox label {
      width: 50%;
      margin-left: 1.5rem;
      text-align: left; }
    .igus073ordersummary .igus073ordersummary__infobox #deliveryPrice1, .igus073ordersummary .igus073ordersummary__infobox #deliveryPrice2, .igus073ordersummary .igus073ordersummary__infobox #deliveryPrice3 {
      text-align: right; }
  @media (min-width: 940px) {
    .igus073ordersummary .igus073ordersummary__refine {
      order: 2; }
    .igus073ordersummary .igus073ordersummary__addendum {
      order: 1; }
    .igus073ordersummary .igus073ordersummary__text {
      order: 4; } }
  .igus073ordersummary .igus073ordersummary__text {
    padding-top: 15px; }

.pair {
  display: flex;
  margin-bottom: 1rem; }
  .pair.total {
    color: #f07d00;
    margin: 1rem 0; }
  .pair .variable {
    text-align: left; }
  .pair .value {
    text-align: right; }
  .pair .variable, .pair .value {
    padding: 0; }

/**
 * @name igus074baskettile
 * @description A Product tile for the shopping basket.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus074baskettile {
  position: relative;
  overflow: auto;
  text-align: left;
  padding: 3rem;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec; }
  @media (max-width: 939px) {
    .igus074baskettile .input-fields {
      display: flex; }
      .igus074baskettile .input-fields input:first-child {
        margin-right: 15px; } }
  .igus074baskettile .input-fields .heading-top {
    line-height: 2rem;
    heading-bottom: 0.5rem; }
  .igus074baskettile .input-fields input {
    max-width: 80px; }
    .igus074baskettile .input-fields input[disabled] {
      background-color: #ffffff;
      border: none;
      padding-left: 0 !important; }
  .igus074baskettile .input-fields .input__wrapper {
    display: block !important; }
  .igus074baskettile .input-fields input:focus {
    border: 1px solid #626262; }
  .igus074baskettile .badge {
    position: absolute;
    left: -3rem;
    z-index: 1; }
  .igus074baskettile i.fas.fa-truck {
    font-size: 5vw; }
  .igus074baskettile .form-group label {
    max-width: 50px; }
  .igus074baskettile .igus074baskettile__order--length, .igus074baskettile .igus074baskettile__order--quantity {
    margin: 5px 0; }
  .igus074baskettile .igus074baskettile__delivery {
    margin-bottom: 1.5rem;
    color: #209c49; }
    .igus074baskettile .igus074baskettile__delivery .icon {
      height: 20px; }
  .igus074baskettile .igus074baskettile__notice.fa-exclamation-triangle:before {
    position: absolute;
    left: -15px;
    color: #2c74a9;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900; }
  .igus074baskettile .igus074baskettile__notice span {
    font-weight: normal; }
  .igus074baskettile .igus074baskettile__link {
    margin-bottom: 10px; }
  .igus074baskettile igus074baskettile__price {
    color: #363636; }
  @media (max-width: 939px) {
    .igus074baskettile .igus074baskettile__price, .igus074baskettile .igus074baskettile__total {
      display: inline-flex;
      margin-left: -15px; }
      .igus074baskettile .igus074baskettile__price .h6:last-child, .igus074baskettile .igus074baskettile__price .igus074baskettile__headline:last-child, .igus074baskettile .igus074baskettile__price .igus087pager .resultcount label:last-child, .igus087pager .resultcount .igus074baskettile .igus074baskettile__price label:last-child, .igus074baskettile .igus074baskettile__total .h6:last-child, .igus074baskettile .igus074baskettile__total .igus074baskettile__headline:last-child, .igus074baskettile .igus074baskettile__total .igus087pager .resultcount label:last-child, .igus087pager .resultcount .igus074baskettile .igus074baskettile__total label:last-child {
        margin-left: 5px; } }
  .igus074baskettile .igus074baskettile__total {
    color: #f07d00; }
  .igus074baskettile .btn, .igus074baskettile .btn--cmd, .igus074baskettile .btn--theme {
    padding: inherit;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0;
    min-width: 0; }
    .igus074baskettile .btn .icon, .igus074baskettile .btn--cmd .icon, .igus074baskettile .btn--theme .icon {
      width: 15px; }
  .igus074baskettile .btn--secondary {
    background-color: transparent; }
    .igus074baskettile .btn--secondary .btn__icon {
      color: #d8d8d8; }
      .igus074baskettile .btn--secondary .btn__icon:hover {
        color: #363636; }

/**
 * @name igus075login
 * @description a login box used to login
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus075login .row, .igus070createaccount .row, .igus072forgotpass .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .igus075login .row > [class*='col-'], .igus070createaccount .row > [class*='col-'], .igus072forgotpass .row > [class*='col-'] {
    display: flex;
    flex-direction: column; }

.igus075login .h3, .igus070createaccount .h3, .igus072forgotpass .h3 {
  margin-top: 15px;
  margin-bottom: 15px; }

.igus075login .section, .igus070createaccount .section, .igus072forgotpass .section {
  margin-bottom: 15px; }
  .igus075login .section .form-group, .igus070createaccount .section .form-group, .igus072forgotpass .section .form-group {
    margin-bottom: 15px; }
  .igus075login .section .form-group input:not([type="checkbox"]), .igus070createaccount .section .form-group input:not([type="checkbox"]), .igus072forgotpass .section .form-group input:not([type="checkbox"]) {
    height: 4rem;
    width: 100%; }

.igus075login .section--flex, .igus070createaccount .section--flex, .igus072forgotpass .section--flex {
  display: flex;
  justify-content: space-between; }

.igus075login .igus075login__box .igus075login__inner, .igus070createaccount .igus075login__box .igus075login__inner, .igus072forgotpass .igus075login__box .igus075login__inner, .igus070createaccount .igus070createaccount__box .igus075login__inner, .igus072forgotpass .igus072forgotpass__box .igus075login__inner, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box, .igus070createaccount .igus075login__box .igus070createaccount__box, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box, .igus070createaccount .igus070createaccount__box .igus070createaccount__box, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box, .igus072forgotpass .igus075login__box .igus072forgotpass__box, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box {
  padding: 40px 45px;
  height: 100%;
  background-color: #f2f2f2;
  display: flex;
  align-items: center; }
  .igus075login .igus075login__box .igus075login__inner .igus075login__inner__content, .igus070createaccount .igus075login__box .igus075login__inner .igus075login__inner__content, .igus072forgotpass .igus075login__box .igus075login__inner .igus075login__inner__content, .igus070createaccount .igus070createaccount__box .igus075login__inner .igus075login__inner__content, .igus072forgotpass .igus072forgotpass__box .igus075login__inner .igus075login__inner__content, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .igus075login__inner__content, .igus070createaccount .igus075login__box .igus070createaccount__box .igus075login__inner__content, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .igus075login__inner__content, .igus070createaccount .igus070createaccount__box .igus070createaccount__box .igus075login__inner__content, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .igus075login__inner__content, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .igus075login__inner__content, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .igus075login__inner__content, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .igus075login__inner__content, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .igus075login__inner__content, .igus072forgotpass .igus075login__box .igus072forgotpass__box .igus075login__inner__content, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .igus075login__inner__content, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .igus075login__inner__content, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .igus075login__inner__content, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .igus075login__inner__content {
    width: 100%; }
  .igus075login .igus075login__box .igus075login__inner .alert-container, .igus070createaccount .igus075login__box .igus075login__inner .alert-container, .igus072forgotpass .igus075login__box .igus075login__inner .alert-container, .igus070createaccount .igus070createaccount__box .igus075login__inner .alert-container, .igus072forgotpass .igus072forgotpass__box .igus075login__inner .alert-container, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .alert-container, .igus070createaccount .igus075login__box .igus070createaccount__box .alert-container, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .alert-container, .igus070createaccount .igus070createaccount__box .igus070createaccount__box .alert-container, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .alert-container, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .alert-container, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .alert-container, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .alert-container, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .alert-container, .igus072forgotpass .igus075login__box .igus072forgotpass__box .alert-container, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .alert-container, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .alert-container, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .alert-container, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .alert-container {
    display: none; }
  .igus075login .igus075login__box .igus075login__inner label, .igus070createaccount .igus075login__box .igus075login__inner label, .igus072forgotpass .igus075login__box .igus075login__inner label, .igus070createaccount .igus070createaccount__box .igus075login__inner label, .igus072forgotpass .igus072forgotpass__box .igus075login__inner label, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box label, .igus070createaccount .igus075login__box .igus070createaccount__box label, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box label, .igus070createaccount .igus070createaccount__box .igus070createaccount__box label, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box label, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box label, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box label, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box label, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box label, .igus072forgotpass .igus075login__box .igus072forgotpass__box label, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box label, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box label, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box label, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box label {
    display: inline;
    text-align: left; }
  .igus075login .igus075login__box .igus075login__inner .checkbox input, .igus070createaccount .igus075login__box .igus075login__inner .checkbox input, .igus072forgotpass .igus075login__box .igus075login__inner .checkbox input, .igus070createaccount .igus070createaccount__box .igus075login__inner .checkbox input, .igus072forgotpass .igus072forgotpass__box .igus075login__inner .checkbox input, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .checkbox input, .igus070createaccount .igus075login__box .igus070createaccount__box .checkbox input, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .checkbox input, .igus070createaccount .igus070createaccount__box .igus070createaccount__box .checkbox input, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .checkbox input, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .checkbox input, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .checkbox input, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .checkbox input, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .checkbox input, .igus072forgotpass .igus075login__box .igus072forgotpass__box .checkbox input, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .checkbox input, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .checkbox input, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .checkbox input, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .checkbox input {
    margin-right: 5px; }
  .igus075login .igus075login__box .igus075login__inner .checkbox label, .igus070createaccount .igus075login__box .igus075login__inner .checkbox label, .igus072forgotpass .igus075login__box .igus075login__inner .checkbox label, .igus070createaccount .igus070createaccount__box .igus075login__inner .checkbox label, .igus072forgotpass .igus072forgotpass__box .igus075login__inner .checkbox label, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .checkbox label, .igus070createaccount .igus075login__box .igus070createaccount__box .checkbox label, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .checkbox label, .igus070createaccount .igus070createaccount__box .igus070createaccount__box .checkbox label, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .checkbox label, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .checkbox label, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .checkbox label, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .checkbox label, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .checkbox label, .igus072forgotpass .igus075login__box .igus072forgotpass__box .checkbox label, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .checkbox label, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .checkbox label, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .checkbox label, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .checkbox label,
  .igus075login .igus075login__box .igus075login__inner .link__text,
  .igus070createaccount .igus075login__box .igus075login__inner .link__text,
  .igus072forgotpass .igus075login__box .igus075login__inner .link__text,
  .igus070createaccount .igus070createaccount__box .igus075login__inner .link__text,
  .igus072forgotpass .igus072forgotpass__box .igus075login__inner .link__text,
  .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .link__text,
  .igus070createaccount .igus075login__box .igus070createaccount__box .link__text,
  .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .link__text,
  .igus070createaccount .igus070createaccount__box .igus070createaccount__box .link__text,
  .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .link__text,
  .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .link__text,
  .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .link__text,
  .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .link__text,
  .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .link__text,
  .igus072forgotpass .igus075login__box .igus072forgotpass__box .link__text,
  .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .link__text,
  .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .link__text,
  .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .link__text,
  .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .link__text {
    font-size: 1.2rem; }
  
  .igus075login .igus075login__box .igus075login__inner .link__text,
  .igus070createaccount .igus075login__box .igus075login__inner .link__text,
  .igus072forgotpass .igus075login__box .igus075login__inner .link__text,
  .igus070createaccount .igus070createaccount__box .igus075login__inner .link__text,
  .igus072forgotpass .igus072forgotpass__box .igus075login__inner .link__text,
  .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .link__text,
  .igus070createaccount .igus075login__box .igus070createaccount__box .link__text,
  .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .link__text,
  .igus070createaccount .igus070createaccount__box .igus070createaccount__box .link__text,
  .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .link__text,
  .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .link__text,
  .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .link__text,
  .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .link__text,
  .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .link__text,
  .igus072forgotpass .igus075login__box .igus072forgotpass__box .link__text,
  .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .link__text,
  .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .link__text,
  .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .link__text,
  .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .link__text {
    text-decoration: underline; }
  .igus075login .igus075login__box .igus075login__inner .btn, .igus070createaccount .igus075login__box .igus075login__inner .btn, .igus072forgotpass .igus075login__box .igus075login__inner .btn, .igus070createaccount .igus070createaccount__box .igus075login__inner .btn, .igus072forgotpass .igus072forgotpass__box .igus075login__inner .btn, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .btn, .igus070createaccount .igus075login__box .igus070createaccount__box .btn, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .btn, .igus070createaccount .igus070createaccount__box .igus070createaccount__box .btn, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .btn, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .btn, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .btn, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .btn, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .btn, .igus072forgotpass .igus075login__box .igus072forgotpass__box .btn, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .btn, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .btn, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .btn, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .btn, .igus075login .igus075login__box .igus075login__inner .btn--cmd, .igus070createaccount .igus075login__box .igus075login__inner .btn--cmd, .igus072forgotpass .igus075login__box .igus075login__inner .btn--cmd, .igus070createaccount .igus070createaccount__box .igus075login__inner .btn--cmd, .igus072forgotpass .igus072forgotpass__box .igus075login__inner .btn--cmd, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .btn--cmd, .igus070createaccount .igus075login__box .igus070createaccount__box .btn--cmd, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .btn--cmd, .igus070createaccount .igus070createaccount__box .igus070createaccount__box .btn--cmd, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .btn--cmd, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .btn--cmd, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .btn--cmd, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .btn--cmd, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .btn--cmd, .igus072forgotpass .igus075login__box .igus072forgotpass__box .btn--cmd, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .btn--cmd, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .btn--cmd, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .btn--cmd, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .btn--cmd, .igus075login .igus075login__box .igus075login__inner .btn--theme, .igus070createaccount .igus075login__box .igus075login__inner .btn--theme, .igus072forgotpass .igus075login__box .igus075login__inner .btn--theme, .igus070createaccount .igus070createaccount__box .igus075login__inner .btn--theme, .igus072forgotpass .igus072forgotpass__box .igus075login__inner .btn--theme, .igus075login .igus075login__box .igus070createaccount .igus070createaccount__box .btn--theme, .igus070createaccount .igus075login__box .igus070createaccount__box .btn--theme, .igus072forgotpass .igus075login__box .igus070createaccount .igus070createaccount__box .btn--theme, .igus070createaccount .igus070createaccount__box .igus070createaccount__box .btn--theme, .igus072forgotpass .igus070createaccount .igus072forgotpass__box .igus070createaccount__box .btn--theme, .igus072forgotpass .igus072forgotpass__box .igus070createaccount .igus070createaccount__box .btn--theme, .igus070createaccount .igus072forgotpass .igus072forgotpass__box .igus070createaccount__box .btn--theme, .igus075login .igus075login__box .igus072forgotpass .igus072forgotpass__box .btn--theme, .igus070createaccount .igus075login__box .igus072forgotpass .igus072forgotpass__box .btn--theme, .igus072forgotpass .igus075login__box .igus072forgotpass__box .btn--theme, .igus070createaccount .igus070createaccount__box .igus072forgotpass .igus072forgotpass__box .btn--theme, .igus072forgotpass .igus070createaccount .igus070createaccount__box .igus072forgotpass__box .btn--theme, .igus070createaccount .igus072forgotpass .igus070createaccount__box .igus072forgotpass__box .btn--theme, .igus072forgotpass .igus072forgotpass__box .igus072forgotpass__box .btn--theme {
    width: 100%; }

.igus075login .igus075login__box .password__wrapper, .igus070createaccount .igus075login__box .password__wrapper, .igus072forgotpass .igus075login__box .password__wrapper, .igus070createaccount .igus070createaccount__box .password__wrapper, .igus072forgotpass .igus072forgotpass__box .password__wrapper {
  background-color: white;
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  padding-right: 5px; }
  .igus075login .igus075login__box .password__wrapper input, .igus070createaccount .igus075login__box .password__wrapper input, .igus072forgotpass .igus075login__box .password__wrapper input, .igus070createaccount .igus070createaccount__box .password__wrapper input, .igus072forgotpass .igus072forgotpass__box .password__wrapper input {
    border: none; }

.igus075login .igus075login__box .password__wrapper:focus-within, .igus070createaccount .igus075login__box .password__wrapper:focus-within, .igus072forgotpass .igus075login__box .password__wrapper:focus-within, .igus070createaccount .igus070createaccount__box .password__wrapper:focus-within, .igus072forgotpass .igus072forgotpass__box .password__wrapper:focus-within {
  border-color: #000000; }

.igus075login .igus075login__box .divider-break, .igus070createaccount .igus075login__box .divider-break, .igus072forgotpass .igus075login__box .divider-break, .igus070createaccount .igus070createaccount__box .divider-break, .igus072forgotpass .igus072forgotpass__box .divider-break {
  text-align: center;
  position: relative;
  top: 2px;
  padding-top: 1px;
  margin-bottom: 15px;
  line-height: 0; }
  .igus075login .igus075login__box .divider-break:after, .igus070createaccount .igus075login__box .divider-break:after, .igus072forgotpass .igus075login__box .divider-break:after, .igus070createaccount .igus070createaccount__box .divider-break:after, .igus072forgotpass .igus072forgotpass__box .divider-break:after {
    content: "";
    width: 100%;
    background-color: transparent;
    display: block;
    height: 1px;
    border-top: 1px solid #626262;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    z-index: 1; }

.igus075login .igus075login__box h6, .igus070createaccount .igus075login__box h6, .igus072forgotpass .igus075login__box h6, .igus070createaccount .igus070createaccount__box h6, .igus072forgotpass .igus072forgotpass__box h6 {
  line-height: 1;
  color: #363636;
  z-index: 2;
  position: relative;
  display: inline-block;
  background-color: #f2f2f2;
  padding: 0 8px 0 7px; }

/**
 * @name igus076feedback
 * @description a link to the feedback section of the website.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus076feedback {
  padding: 15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  align-items: baseline; }
  .igus076feedback h3 {
    margin: 15px; }
  .igus076feedback a {
    font-size: 2.2rem; }

/**
 * @name igus077endcap
 * @description A big black block containing the en of site errata.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus077endcap {
  background-color: #363636;
  padding: 15px;
  color: #ffffff; }
  .igus077endcap a {
    color: #ffffff;
    margin-bottom: 15px; }
  .igus077endcap .igus077endcap__tip .igus010Text, .igus077endcap .igus077endcap__tip .igus097wpcksechead {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .igus077endcap .igus077endcap__tip .igus010Text .link, .igus077endcap .igus077endcap__tip .igus097wpcksechead .link {
      margin: 15px; }

/**
 * @name igus079newstile
 * @description A tile to display a news teaser
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus079newstile {
  color: black; }
  .igus079newstile picture img {
    border: 1px transparent solid;
    margin-bottom: 1.5rem; }
  .igus079newstile:hover picture img {
    border: 1px #f07d00 solid; }
  .igus079newstile:hover p, .igus079newstile:hover .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus079newstile:hover .text {
    color: #f07d00; }

/**
 * @name igus080fullscreenbanner
 * @description A banner with CTA button that runs accross the screen
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus080fullscreenbanner {
  padding: 50px;
  background-color: #f07d00;
  color: white;
  margin-bottom: 15px; }
  @media (max-width: 939px) {
    .igus080fullscreenbanner {
      padding: 30px; } }
  .igus080fullscreenbanner .igus080fullscreenbanner__subheadline--narrow {
    margin-bottom: -15px; }
  .igus080fullscreenbanner .btn, .igus080fullscreenbanner .btn--cmd, .igus080fullscreenbanner .btn--theme {
    margin-top: 15px;
    border: 1px solid #ffffff; }
  .igus080fullscreenbanner p, .igus080fullscreenbanner .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus080fullscreenbanner .text {
    line-height: 2.8rem; }

/**
 * @name igus081imagetile
 * @description An image with text and icon that is clickable
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus081imagetile {
  cursor: pointer;
  max-width: 570px; }
  .igus081imagetile img {
    width: 100%; }
  .igus081imagetile .igus081imagetile__info {
    overflow: hidden;
    padding: 15px;
    background-color: #363636; }
    .igus081imagetile .igus081imagetile__info h1, .igus081imagetile .igus081imagetile__info h2, .igus081imagetile .igus081imagetile__info h3, .igus081imagetile .igus081imagetile__info h4, .igus081imagetile .igus081imagetile__info .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus081imagetile .igus081imagetile__info .igus072forgotpass__headline, .igus081imagetile .igus081imagetile__info h5, .igus081imagetile .igus081imagetile__info .igus072forgotpass .headline, .igus072forgotpass .igus081imagetile .igus081imagetile__info .headline, .igus081imagetile .igus081imagetile__info .igus073ordersummary .headline, .igus073ordersummary .igus081imagetile .igus081imagetile__info .headline, .igus081imagetile .igus081imagetile__info h6, .igus081imagetile .igus081imagetile__info p, .igus081imagetile .igus081imagetile__info .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus081imagetile .igus081imagetile__info .text, .igus081imagetile .igus081imagetile__info .icon {
      color: #ffffff; }
    .igus081imagetile .igus081imagetile__info:hover {
      background-color: #f07d00; }
    .igus081imagetile .igus081imagetile__info .icon {
      width: 5rem;
      height: 5rem;
      float: right; }

/**
 * @name igus082uspbanner
 * @description a banner with usps. This molecule container is designed to appear fullscreen. #fullscreen #containerclass
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus082uspbanner {
  padding: 30px 0;
  background-color: #f2f2f2; }
  .igus082uspbanner .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden; }
    .igus082uspbanner .container .igus082uspbanner__headlineWrapper {
      width: 150px;
      margin-bottom: 0; }
      @media (max-width: 939px) {
        .igus082uspbanner .container .igus082uspbanner__headlineWrapper {
          text-align: left;
          width: 100%;
          margin-bottom: 15px; } }
    .igus082uspbanner .container .igus082uspbanner__uspWrapper {
      text-align: center;
      width: 125px; }
      .igus082uspbanner .container .igus082uspbanner__uspWrapper .igus082uspbanner__uspIcon {
        text-align: center;
        margin-bottom: 15px;
        margin-top: 15px; }
        .igus082uspbanner .container .igus082uspbanner__uspWrapper .igus082uspbanner__uspIcon .icon {
          width: 50px;
          height: 50px;
          /*  @include media-breakpoint-down(lg){
              width:25px; height:25px;
            }*/ }
  @media (max-width: 719px) {
    .igus082uspbanner {
      display: none; } }

/**
 * @name igus083themegrid
 * @description A Grid with all the themes similar to a menu
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus083themegrid {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap; }
  .igus083themegrid a.btn--theme {
    margin: 15px; }

/**
 * @name igus084carousel
 * @description a carousel slider
 * @author dmarais / refactor LOrtlepp 06-2023
 * @see {@link http://github.com/documentation|Specification}
 */
.igus084carousel {
  background-color: #f2f2f2; }
  .igus084carousel .carousel-indicators {
    bottom: 0; }
    .igus084carousel .carousel-indicators li {
      border: 1px solid #d8d8d8; }
      .igus084carousel .carousel-indicators li.active {
        background-color: #f07d00; }
  .igus084carousel .carousel-inner {
    padding: 9rem; }
    .igus084carousel .carousel-inner .carousel-item ul {
      padding-left: 1.5rem; }
  .igus084carousel .carousel-control-prev,
  .igus084carousel .carousel-control-next {
    z-index: 1000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .igus084carousel .carousel-control-prev:focus,
    .igus084carousel .carousel-control-next:focus {
      color: #f07d00; }
    .igus084carousel .carousel-control-prev .icon,
    .igus084carousel .carousel-control-next .icon {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #d8d8d8; }
  .igus084carousel .carousel-control-next {
    right: 15px; }
  .igus084carousel .carousel-control-prev {
    left: 15px; }

/**
 * @name igus085listbox
 * @description A simple grey box in which text can appear. Mostly to be used for lists.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus085listbox .igus085listbox__headline {
  margin-bottom: 15px; }

.igus085listbox .igus085listbox__text {
  background-color: #ececec;
  padding: 15px; }
  .igus085listbox .igus085listbox__text li {
    line-height: 4rem; }

/**
 * @name igus085tabnavigation
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus085tabnavigation {
  /*
  .container::after {
    content: "container" !important;
    display: none;
    clear: both;
  }

  .navbar::after {
    content: "navbar" !important;
    display: none;
    clear: both;
  }
  */ }
  .igus085tabnavigation .container::after,
  .igus085tabnavigation .navbar::after {
    display: none; }
  .igus085tabnavigation .dropdown-menu {
    background-color: #ececec;
    border: 0;
    box-shadow: 0 5px 15px -10px #000000;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    z-index: -1; }
  .igus085tabnavigation .dropdown-menu.mezzanine {
    background-color: #f2f2f2; }
    .igus085tabnavigation .dropdown-menu.mezzanine .mezzanine__list {
      padding-bottom: 15px; }
    .igus085tabnavigation .dropdown-menu.mezzanine .mezzanine__list.link-only {
      padding-top: 15px;
      margin-right: 20px; }
      .igus085tabnavigation .dropdown-menu.mezzanine .mezzanine__list.link-only:first-child {
        padding-left: 15px; }
      .igus085tabnavigation .dropdown-menu.mezzanine .mezzanine__list.link-only:last-child {
        padding-right: 15px;
        margin-right: 0; }
      .igus085tabnavigation .dropdown-menu.mezzanine .mezzanine__list.link-only a {
        font-size: 14px;
        font-weight: 500;
        color: #000000; }
      .igus085tabnavigation .dropdown-menu.mezzanine .mezzanine__list.link-only a:hover {
        font-weight: 700;
        color: #d26e00; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .mezzanine__list_img {
      margin: 0 15px 15px 15px; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .desc-headline {
      font-size: 14px;
      margin: 0 15px 5px 15px; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .description {
      margin: 0 15px;
      font-weight: 400;
      line-height: 1.5; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .arrow-icon-wrap {
      display: flex;
      justify-content: end;
      margin-top: 15px;
      margin-right: 15px; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .arrow-icon-wrap .icon {
      width: 18px;
      height: 18px; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .arrow-icon-wrap .icon svg {
      fill: #626262; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .h6, .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .igus074baskettile .igus074baskettile__headline, .igus074baskettile .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .igus074baskettile__headline, .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .igus087pager .resultcount label, .igus087pager .resultcount .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list label,
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list .desc-headline {
      color: #000000; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover {
      background-color: #ececec;
      transition: background-color 0.2s ease; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover .h6, .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover .igus074baskettile .igus074baskettile__headline, .igus074baskettile .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover .igus074baskettile__headline, .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover .igus087pager .resultcount label, .igus087pager .resultcount .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover label,
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover .desc-headline {
      color: #d26e00; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.mezzanine__list:hover .arrow-icon-wrap .icon svg {
      fill: #d26e00; }
    .igus085tabnavigation .dropdown-menu.mezzanine .equal {
      display: flex; }
    .igus085tabnavigation .dropdown-menu.mezzanine li {
      width: 170px; }
    .igus085tabnavigation .dropdown-menu.mezzanine a.link {
      margin: 15px; }
    .igus085tabnavigation .dropdown-menu.mezzanine .h6, .igus085tabnavigation .dropdown-menu.mezzanine .igus074baskettile .igus074baskettile__headline, .igus074baskettile .igus085tabnavigation .dropdown-menu.mezzanine .igus074baskettile__headline, .igus085tabnavigation .dropdown-menu.mezzanine .igus087pager .resultcount label, .igus087pager .resultcount .igus085tabnavigation .dropdown-menu.mezzanine label {
      border-bottom: 1px solid #363636;
      margin: 15px; }
    .igus085tabnavigation .dropdown-menu.mezzanine .col-xs-3 {
      margin-top: 1.5rem; }
  .igus085tabnavigation .groundfloor {
    max-height: 0 !important;
    opacity: 0;
    display: block;
    z-index: -1;
    pointer-events: none; }
  .igus085tabnavigation .groundfloorToggle .icon {
    width: 8rem;
    height: 5rem; }
    .igus085tabnavigation .groundfloorToggle .icon svg {
      fill: #363636; }
  .igus085tabnavigation .groundfloorToggle:hover {
    background-color: #ececec;
    transition: background-color 0.2s ease-in; }
    .igus085tabnavigation .groundfloorToggle:hover .icon + p, .igus085tabnavigation .groundfloorToggle:hover .igus073ordersummary .headline .icon + .text, .igus073ordersummary .headline .igus085tabnavigation .groundfloorToggle:hover .icon + .text {
      color: #d26e00; }
    .igus085tabnavigation .groundfloorToggle:hover .icon svg {
      fill: #d26e00; }
    .igus085tabnavigation .groundfloorToggle:hover .groundfloor {
      pointer-events: auto;
      opacity: 1 !important;
      z-index: 99999 !important;
      max-height: 800px !important; }
  .igus085tabnavigation .mezzanine {
    max-height: 0;
    display: block; }
  .igus085tabnavigation .mezzanineToggle {
    overflow: hidden;
    display: table-cell;
    float: none;
    text-align: left;
    background-color: #f07d00; }
    .igus085tabnavigation .mezzanineToggle a {
      line-height: 1.8rem; }
    .igus085tabnavigation .mezzanineToggle li:not(.h6):hover {
      cursor: pointer;
      background-color: #ececec; }
    .igus085tabnavigation .mezzanineToggle:hover {
      background-color: #d26e00; }
    .igus085tabnavigation .mezzanineToggle:hover .mezzanine {
      transition: all 0s;
      transition-delay: 0.25s;
      opacity: 1 !important;
      z-index: 99;
      max-height: 800px !important; }
      .igus085tabnavigation .mezzanineToggle:hover .mezzanine .dropdown-menu {
        z-index: 1; }
  .igus085tabnavigation .navbar {
    padding: 0; }
  .igus085tabnavigation .nav-tabs .nav-link.active,
  .igus085tabnavigation .nav-tabs .nav-link.active:focus,
  .igus085tabnavigation .nav-tabs .nav-link.active:hover,
  .igus085tabnavigation .nav-tabs .nav-item.open .nav-link,
  .igus085tabnavigation .nav-tabs .nav-item.open .nav-link:focus,
  .igus085tabnavigation .nav-tabs .nav-item.open .nav-link:hover {
    background-color: #ececec; }
  .igus085tabnavigation .nav-link {
    text-align: center;
    z-index: 9998;
    padding: 15px;
    color: #FFFFFF;
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
    border: 0; }
    @media (min-width: 1200px) {
      .igus085tabnavigation .nav-link {
        padding: 15px 30px; } }
    .igus085tabnavigation .nav-link p, .igus085tabnavigation .nav-link .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus085tabnavigation .nav-link .text {
      color: #363636; }
  .igus085tabnavigation .hide {
    display: none; }
  .igus085tabnavigation .row.equal {
    display: flex;
    flex-wrap: wrap; }

/**
 * @name igus085touchpanel
 * @description A Slider like touch panel
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus085touchpanel {
  margin-top: 15px; }
  .igus085touchpanel .igus085touchpanel--inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .igus085touchpanel .igus085touchpanel--inner .slick-slide {
      height: 450px; }
    .igus085touchpanel .igus085touchpanel--inner .slick-btnNext, .igus085touchpanel .igus085touchpanel--inner .slick-btnPrevious {
      display: none !important;
      position: absolute;
      top: 50%;
      z-index: 999;
      cursor: pointer;
      color: #d8d8d8; }
      @media (max-width: 939px) {
        .igus085touchpanel .igus085touchpanel--inner .slick-btnNext, .igus085touchpanel .igus085touchpanel--inner .slick-btnPrevious {
          display: block !important; } }
      .igus085touchpanel .igus085touchpanel--inner .slick-btnNext:hover, .igus085touchpanel .igus085touchpanel--inner .slick-btnPrevious:hover {
        color: #f07d00; }
      .igus085touchpanel .igus085touchpanel--inner .slick-btnNext .icon, .igus085touchpanel .igus085touchpanel--inner .slick-btnPrevious .icon {
        height: 100px;
        width: 100px; }
        @media (max-width: 719px) {
          .igus085touchpanel .igus085touchpanel--inner .slick-btnNext .icon, .igus085touchpanel .igus085touchpanel--inner .slick-btnPrevious .icon {
            height: 50px;
            width: 50px; } }
    .igus085touchpanel .igus085touchpanel--inner .slick-btnNext {
      right: -7px; }
    .igus085touchpanel .igus085touchpanel--inner .slick-btnPrevious {
      left: -7px; }
    .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items {
      display: flex;
      width: 50%;
      background-color: #f2f2f2; }
      @media (max-width: 939px) {
        .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items {
          width: 100%; } }
      .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item {
        padding: 2rem; }
        .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus010Text h6, .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus097wpcksechead h6 {
          font-size: 2rem; }
        .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus010Text p, .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus097wpcksechead p, .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus010Text .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus010Text .text, .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus097wpcksechead .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus097wpcksechead .text {
          font-size: 1.8rem; }
        .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus010Text li, .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item .igus097wpcksechead li {
          font-size: 1.5rem; }
        @media (max-width: 939px) {
          .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items .igus085touchpanel-item {
            padding-left: 6rem;
            padding-right: 6rem; } }
      @media (max-width: 939px) {
        .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items {
          padding-left: 0; }
          .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-items.slick-slider {
            display: table;
            table-layout: fixed;
            width: 100%; } }
    .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-buttons {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-buttons:first-of-type {
        padding-left: 0; }
      .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-buttons .btn--touch:first-of-type {
        margin-bottom: 15px; }
      @media (max-width: 939px) {
        .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-buttons {
          display: none; } }
      .igus085touchpanel .igus085touchpanel--inner .igus085touchpanel-buttons .activeTouch {
        background-color: #d26e00; }
  .igus085touchpanel .right-panel .btn--touch {
    margin-left: auto; }

/**
 * @name igus086uspkachel
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus086uspkachel {
  padding: 1rem 0; }
  .igus086uspkachel .igus010Text ul, .igus086uspkachel .igus097wpcksechead ul {
    padding-left: 0; }
  .igus086uspkachel picture {
    display: block;
    margin: 1rem 4rem;
    width: 50px;
    height: 50px; }
  .igus086uspkachel ul {
    list-style: inside; }

/**
 * @name igus087pager
 * @description to show more results on the next page
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus087pager .active {
  background-color: #f07d00;
  color: #ffffff; }

.igus087pager .ellipsis {
  color: #787878;
  display: inline-block;
  margin-right: 5px; }

.igus087pager .resultcount {
  display: flex; }
  .igus087pager .resultcount label {
    padding-top: 10px;
    margin-right: 15px; }

.igus087pager .pageselect a {
  cursor: pointer; }

@media (min-width: 720px) {
  .igus087pager .pageselect {
    float: right; } }

.igus087pager .pageselect span {
  padding: 5px 10px; }
  .igus087pager .pageselect span.resultCount {
    color: #787878; }

.igus087pager .btn__icon {
  display: inline-block;
  margin: 0; }
  .igus087pager .btn__icon .icon {
    position: relative;
    bottom: -3px;
    width: 40px;
    height: 29px; }

.igus087pager .btn, .igus087pager .btn--cmd, .igus087pager .btn--theme {
  font-size: 1.4rem;
  min-width: 0;
  padding: 5px 0; }

/**
 * @name igus088uspbuttons
 * @description Usp buttons galore
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus088uspbuttons .btn--cmd {
  margin: 1.5rem 0; }

/**
 * @name igus091searchresultbox
 * @description a box to display options and information about a single search Result.
 * @author dmarais | cleanup LOrtlepp 05-2023
 * @see {@link http://github.com/documentation|Specification}
 */
.igus091searchresultbox {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 15px; }
  @media (max-width: 719px) {
    .igus091searchresultbox {
      margin-top: 1rem; } }
  .igus091searchresultbox .igus091searchresultbox__product {
    color: #363636;
    border-top: .1rem solid transparent;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent; }
    @media (min-width: 720px) {
      .igus091searchresultbox .igus091searchresultbox__product {
        max-width: 23.5rem; } }
    .igus091searchresultbox .igus091searchresultbox__product a:not(.btn):not(.btn--cmd):not(.btn--theme) {
      color: #363636; }
      .igus091searchresultbox .igus091searchresultbox__product a:not(.btn):not(.btn--cmd):not(.btn--theme):hover {
        color: #f07d00; }
    .igus091searchresultbox .igus091searchresultbox__product .igus091searchresultbox__info {
      height: auto; }
    .igus091searchresultbox .igus091searchresultbox__product .igus091searchresultbox__headline {
      word-break: break-all;
      max-height: 40px;
      overflow: hidden; }
    .igus091searchresultbox .igus091searchresultbox__product .igus091searchresultbox__einzelpreis {
      max-height: 57px;
      overflow: hidden; }
    .igus091searchresultbox .igus091searchresultbox__product .igus091searchresultbox__availability {
      max-height: 54px;
      margin-bottom: 15px; }
    .igus091searchresultbox .igus091searchresultbox__product .input .heading-right {
      margin-left: 0.5rem; }
    .igus091searchresultbox .igus091searchresultbox__product .igus091searchresultbox__input {
      margin-bottom: 0; }
      .igus091searchresultbox .igus091searchresultbox__product .igus091searchresultbox__input input[type="text"] {
        width: 50px;
        padding: 7px;
        text-align: center; }
  .igus091searchresultbox .igus091searchresultbox__links .dropdown {
    width: 100%; }
  .igus091searchresultbox .igus091searchresultbox__links .formgroup__dropdown {
    min-height: 4rem;
    min-width: 23.5rem;
    max-width: 23.5rem !important; }
  .igus091searchresultbox .btn, .igus091searchresultbox .btn--cmd, .igus091searchresultbox .btn--theme {
    margin-bottom: 5px; }

/**
 * @name igus092soloproduktkachel
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus092soloproduktkachel {
  margin-top: 1rem;
  border: solid #f2f2f2 2px; }

/**
 * @name igus093notice
 * @description NoticeBox +
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus093notice p, .igus093notice .igus073ordersummary .headline .text, .igus073ordersummary .headline .igus093notice .text {
  padding: 15px;
  color: #fff;
  margin-bottom: 15px;
  border-left-width: 15px;
  background: #2c74a9;
  line-height: 1.5; }

.igus093notice a {
  color: #fff;
  text-decoration: underline; }

.igussec14basket .igus093notice p, .igussec14basket .igus093notice .igus073ordersummary .headline .text, .igus073ordersummary .headline .igussec14basket .igus093notice .text {
  padding: 15px;
  color: #363636;
  margin-bottom: 15px;
  border: 1px solid #2c74a9;
  border-left: 15px solid #2c74a9;
  background: #fff; }

/**
 * @name igus097wpcksechead
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus097wpcksechead img {
  margin-bottom: 20px;
  border: 1px solid transparent; }

.igus097wpcksechead.image-bordered img {
  border: 1px solid #d8d8d8; }

@media (max-width: 719px) {
  .igus097wpcksechead table:after {
    content: "\f060\f25a";
    font-family: "FontAwesome";
    font-size: 40px;
    position: absolute;
    right: 15px;
    top: 5px;
    animation: nudge 5s linear infinite; } }

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0); } }

@media (max-width: 719px) {
  .igus097wpcksechead table:hover:after {
    content: "\f060\f25a";
    font-family: "FontAwesome";
    font-size: 40px;
    position: absolute;
    right: 15px;
    top: 5px;
    opacity: 0;
    transition: opacity 0.5s;
    animation: nudge 5s linear infinite alternate; } }

@keyframes nudge {
  0%,
  100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(15px, 0); }
  80% {
    transform: translate(-15px, 0); } }

.igus097wpcksechead table tr:nth-child(odd) {
  background-color: white; }

/* The Font size of the h3 is to big when there are 3 columns. */
@media (min-width: 720px) {
  .col-md-4 .igus097wpcksechead h3, .col-md-4 .igus097wpcksechead .h3 {
    font-size: 2.2rem !important; } }

/**
 * @name igus098iproarticletable
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igus098iproarticletable svg:not(.lieferzeit):hover {
  color: #f07d00;
  transition: color 100ms;
  cursor: pointer; }

.igus098iproarticletable thead {
  background-color: #ececec; }
  .igus098iproarticletable thead th {
    border: 0; }

.igus098iproarticletable table .icon {
  width: 15px;
  height: 15px;
  margin-right: 1rem; }

.igus098iproarticletable table td {
  white-space: nowrap; }

.igus098iproarticletable .igus098iproarticletable_price td:nth-last-child(2) {
  text-align: right; }

.igus098iproarticletable .toolbox__head {
  background-color: #ececec; }

.igus098iproarticletable .toolbox__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 719px) {
    .igus098iproarticletable .toolbox__item {
      display: inline-block; } }
  @media (max-width: 719px) {
    .igus098iproarticletable .toolbox__item .service {
      margin-bottom: 1rem; } }

.igus098iproarticletable .igus098iproarticletable__toolbox {
  position: relative;
  padding-bottom: 30px; }
  @media (max-width: 719px) {
    .igus098iproarticletable .igus098iproarticletable__toolbox:after {
      content: "\f060\f25a";
      font-family: "FontAwesome";
      font-size: 40px;
      position: absolute;
      right: 15px;
      top: 5px;
      animation: nudge 5s linear infinite; } }

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0); } }

.igus098iproarticletable:hover .igus098iproarticletable__toolbox {
  position: relative; }
  @media (max-width: 719px) {
    .igus098iproarticletable:hover .igus098iproarticletable__toolbox:after {
      content: "\f060\f25a";
      font-family: "FontAwesome";
      font-size: 40px;
      position: absolute;
      right: 15px;
      top: 5px;
      opacity: 0;
      transition: opacity 0.5s;
      animation: nudge 5s linear infinite alternate; } }

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(15px, 0); }
  80% {
    transform: translate(-15px, 0); } }

/**
 * @name igus099FooterLinksSection
 * @description molecule description here
 * @author Matthias Wehnert
 * @see {@link http://github.com/documentation|Specification}
 */
.igus099FooterLinksSection__headline {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
  margin-top: 2rem; }

.igus099FooterLinksSection__list {
  list-style-type: none;
  margin-bottom: 0; }

.igus099FooterLinksSection__list-item {
  font-size: 1.4rem;
  line-height: 2.8rem; }

.igus099FooterLinksSection__text {
  margin-bottom: 0; }

.igus099FooterLinksSection__text-row {
  font-size: 1.4rem;
  line-height: 2.8rem; }

/**
 * @name igus100FooterPayment
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
a.no-hover:hover, a.no-hover:focus {
  color: #f07d00 !important; }

.igus100FooterPayment__headline {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
  margin-top: 2rem; }

.igus100FooterPayment__list {
  list-style-type: none;
  margin-bottom: 0;
  width: 100%;
  max-width: 270px;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.igus100FooterPayment__list-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem; }

.igus100FooterPayment__list-item__box {
  width: 80px;
  height: 40px;
  overflow: hidden;
  position: relative; }
  .igus100FooterPayment__list-item__box.no-image {
    border: 0.5px solid #cccccc;
    border-radius: 5px;
    background-color: white; }

.igus100FooterPayment__list-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 1px; }

/**
 * @name igus101FooterAwards
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus101FooterAwards__headline {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
  margin-top: 2rem; }

.igus101FooterAwards__list {
  width: 270px; }

.igus101FooterAwards__list-img {
  vertical-align: top;
  margin-right: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.igus101FooterAwards__dynamic-award {
  display: inline-block;
  vertical-align: top;
  margin-right: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem; }

/**
 * @name igus102FooterSubscribe
 * @description molecule description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus102FooterSubscribe__headline {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
  margin-top: 2rem; }

.igus102FooterSubscribe__list {
  list-style-type: none;
  margin-bottom: 0;
  width: 100%;
  max-width: 270px;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.igus102FooterSubscribe__list-item {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem; }

.igus102FooterSubscribe__list-item__box {
  width: 30px;
  height: 30px;
  overflow: hidden; }

p.igus102FooterSubscribe__text, .igus073ordersummary .headline .igus102FooterSubscribe__text.text {
  font-size: 1.4rem;
  max-width: 274px;
  margin-top: 1rem;
  margin-bottom: 2rem; }

.igus102FooterSubscribe__button {
  min-width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 3px; }
  .igus102FooterSubscribe__button .btn__text {
    color: white; }

/**
 * @name igus104PhotoSearch
 * @description photo search for
 * @author  ibenamor@igus.net
 *
 */
.igus104PhotoSearch a.link .icon {
  margin-left: 1rem;
  width: 2rem;
  height: 1.8rem; }

.igus105SearchResultPageTeaser {
  display: flex;
  padding: 20px;
  border: 1px solid #ddd;
  height: 140px;
  margin-bottom: 20px; }
  .igus105SearchResultPageTeaser .badge {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    padding: 4px 10px;
    background-color: #4f78b7; }

.igus105SearchResultPageTeaser__content {
  flex-direction: column;
  padding: 0 1rem 0 0;
  line-height: 1.8rem;
  flex: 1 1 auto;
  max-width: 100%; }
  .igus105SearchResultPageTeaser__content .igus105SearchResultPageTeaser__breadcrumb {
    margin-bottom: 1rem; }
  .igus105SearchResultPageTeaser__content h2 {
    margin: 0;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #363636;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (min-width: 940px) {
      .igus105SearchResultPageTeaser__content h2 {
        font-size: 1.8rem;
        line-height: 2.2rem; } }
  .igus105SearchResultPageTeaser__content .teaser__paragraph {
    color: #868686;
    font-size: 1.4rem;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }

.igus105SearchResultPageTeaser__image {
  display: none;
  width: 135px;
  height: 100px;
  margin-right: 1rem;
  position: relative;
  flex-shrink: 0; }
  @media (min-width: 536px) {
    .igus105SearchResultPageTeaser__image {
      display: block; } }
  .igus105SearchResultPageTeaser__image picture {
    display: block;
    width: 135px;
    height: 100px; }
    .igus105SearchResultPageTeaser__image picture * {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      max-width: 135px;
      max-height: 100px; }

/**
 * @name breadcrumb
 * @description The breadcrumb
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus106TeaserBreadcrumb ol {
  list-style: none;
  font-size: 0; }
  .igus106TeaserBreadcrumb ol li {
    display: inline; }
    .igus106TeaserBreadcrumb ol li.hidden {
      display: none; }

.igus106TeaserBreadcrumb .breadcrumb__item {
  font-size: 1.2rem;
  line-height: 1em;
  color: #868686;
  display: inline-block;
  text-align: center; }

.igus106TeaserBreadcrumb .breadcrumbEllipsis {
  display: none; }

.igus106TeaserBreadcrumb li.hidden + .breadcrumbEllipsis {
  display: inline-block; }

.igus106TeaserBreadcrumb span.icon {
  display: inline-block;
  width: 1.6rem;
  height: 1em;
  color: #f07d00;
  text-align: center;
  vertical-align: top; }

/**
* css for igus107ContentSlider molecule
*/
.igus107ContentSlider {
  position: relative; }
  .igus107ContentSlider .sliderContentWrapper {
    overflow: hidden;
    margin-left: 40px;
    margin-right: 40px; }
  .igus107ContentSlider .sliderNav {
    display: flex;
    justify-content: space-between; }
    .igus107ContentSlider .sliderNav [data-slide-direction] {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      display: flex;
      align-items: center;
      padding: 15px;
      width: 35px;
      height: 35px; }
    .igus107ContentSlider .sliderNav [data-slide-direction][disabled] {
      pointer-events: none; }
    .igus107ContentSlider .sliderNav [data-slide-direction][disabled] .icon {
      color: #d8d8d8; }
    .igus107ContentSlider .sliderNav [data-slide-direction] .icon {
      width: 45px;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .igus107ContentSlider .sliderNav [data-slide-direction="prev"] {
      left: 0; }
    .igus107ContentSlider .sliderNav [data-slide-direction="next"] {
      right: 0; }
  .igus107ContentSlider .sliderContent {
    position: relative;
    transition: transform 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 800px; }
    @media (min-width: 536px) {
      .igus107ContentSlider .sliderContent {
        flex-direction: inherit;
        flex-wrap: inherit;
        height: auto; } }
    .igus107ContentSlider .sliderContent .sliderItem {
      margin-right: 35px;
      flex-shrink: 0;
      width: 315px;
      height: 50%; }
      @media (min-width: 536px) {
        .igus107ContentSlider .sliderContent .sliderItem {
          height: auto; } }
      .igus107ContentSlider .sliderContent .sliderItem .sliderItem__image img {
        width: 100%; }
      @media (min-width: 720px) {
        .igus107ContentSlider .sliderContent .sliderItem {
          width: 287.5px; } }
      @media (min-width: 940px) {
        .igus107ContentSlider .sliderContent .sliderItem {
          width: 398px; } }
      @media (min-width: 1200px) {
        .igus107ContentSlider .sliderContent .sliderItem {
          width: 340px; } }
    .igus107ContentSlider .sliderContent .sliderItem:last-child {
      margin-right: 0; }
    .igus107ContentSlider .sliderContent .sliderItem__image {
      display: block;
      outline: 1px solid transparent;
      border: 0px; }
    .igus107ContentSlider .sliderContent .sliderItem__image:hover {
      outline: 1px solid #f07d00;
      outline-offset: -1px; }
    .igus107ContentSlider .sliderContent .sliderItem__text {
      display: -webkit-box;
      min-height: 75px;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
  @media (max-width: 939px) {
    .igus107ContentSlider[data-mobile-swipe-mode="1"] {
      margin-left: 0;
      display: block;
      overflow: hidden; }
      .igus107ContentSlider[data-mobile-swipe-mode="1"] .sliderNav {
        display: none; }
      .igus107ContentSlider[data-mobile-swipe-mode="1"] .sliderContentWrapper {
        margin-left: 0;
        margin-right: 0; }
      .igus107ContentSlider[data-mobile-swipe-mode="1"] .sliderContent {
        overflow-x: scroll;
        padding-bottom: 17px; } }

.igus109ImageSliderTeaser {
  height: 400px;
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  width: auto;
  /* 
    breakpoints are inherited from bootstrap's widths to make sure 
    we can use this element on 100% width on mobile devices but also let it 
    fit into to normal page content's grid
  */ }
  @media (min-width: 720px) {
    .igus109ImageSliderTeaser.image-slider-teaser-grayscale .image-slider-teaser-item {
      background-blend-mode: luminosity; } }
  .igus109ImageSliderTeaser .image-slider-teaser-inner {
    box-sizing: content-box;
    display: flex;
    flex-grow: 1;
    gap: 4px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0; }
  .igus109ImageSliderTeaser .image-slider-teaser-item {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: end;
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    transition: all 0.5s ease-in-out; }
    .igus109ImageSliderTeaser .image-slider-teaser-item::before, .igus109ImageSliderTeaser .image-slider-teaser-item::after {
      content: '';
      position: absolute;
      visibility: visible;
      opacity: 1;
      transition: all 0.2s ease-out; }
    .igus109ImageSliderTeaser .image-slider-teaser-item::before {
      background-image: url("../images/loadingspinner/loading.gif");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 1000;
      width: 44px;
      height: 44px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2; }
    .igus109ImageSliderTeaser .image-slider-teaser-item::after {
      background-color: rgba(255, 255, 255, 0.875);
      z-index: 1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .igus109ImageSliderTeaser .image-slider-teaser-item.loaded::before, .igus109ImageSliderTeaser .image-slider-teaser-item.loaded::after {
      visibility: hidden;
      opacity: 0; }
    @media (min-width: 720px) {
      .igus109ImageSliderTeaser .image-slider-teaser-item {
        opacity: 0.5;
        width: auto; } }
    .igus109ImageSliderTeaser .image-slider-teaser-item.active {
      flex-grow: 8;
      opacity: 1;
      background-color: #ffffff;
      background-blend-mode: normal; }
      @media (min-width: 940px) {
        .igus109ImageSliderTeaser .image-slider-teaser-item.active {
          flex-grow: 4; } }
  .igus109ImageSliderTeaser .image-slider-teaser-item-text {
    align-content: center;
    align-items: center;
    background-color: rgba(240, 125, 0, 0.9);
    color: #ffffff;
    display: none;
    font-size: 16px;
    height: 80px;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; }
    @media (min-width: 720px) {
      .igus109ImageSliderTeaser .image-slider-teaser-item-text {
        opacity: 0;
        font-size: 18px; } }
    @media (min-width: 940px) {
      .igus109ImageSliderTeaser .image-slider-teaser-item-text {
        font-size: 20px; } }
  .igus109ImageSliderTeaser .image-slider-teaser-item.loaded .image-slider-teaser-item-text {
    display: flex;
    opacity: 1; }
    @media (min-width: 720px) {
      .igus109ImageSliderTeaser .image-slider-teaser-item.loaded .image-slider-teaser-item-text {
        animation-name: teaserItemTextFadeOut;
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
        opacity: 0;
        visibility: hidden; } }
  @media (min-width: 720px) {
    .igus109ImageSliderTeaser .image-slider-teaser-item.loaded.active .image-slider-teaser-item-text {
      animation-name: teaserItemTextFadeIn;
      animation-duration: 0.2s;
      animation-fill-mode: forwards;
      animation-delay: 0.4s; } }

.igus109ImageSliderTeaser.touch-enabled .image-slider-teaser-item {
  width: 320px; }
  .igus109ImageSliderTeaser.touch-enabled .image-slider-teaser-item, .igus109ImageSliderTeaser.touch-enabled .image-slider-teaser-item.active {
    flex-grow: 1;
    opacity: 1;
    background-color: #ffffff;
    background-blend-mode: normal; }
  .igus109ImageSliderTeaser.touch-enabled .image-slider-teaser-item .image-slider-teaser-item-text {
    animation: none;
    bottom: 0;
    opacity: 1;
    visibility: visible; }

.igus109ImageSliderTeaser.touch-enabled .image-slider-teaser-inner {
  overflow-x: scroll;
  padding-bottom: 17px; }

@keyframes teaserItemTextFadeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    bottom: -10px; }
  100% {
    visibility: visible;
    opacity: 1;
    bottom: 0; } }

@keyframes teaserItemTextFadeOut {
  0% {
    visibility: visible;
    opacity: 1;
    bottom: 0; }
  100% {
    visibility: hidden;
    opacity: 0;
    bottom: -10px; } }

.cart-header {
  display: flex;
  padding-bottom: 5px;
  position: relative; }
  .cart-header::after {
    content: '';
    display: block;
    background-color: #000000;
    position: absolute;
    height: 2px;
    right: 15px;
    bottom: 0;
    left: 15px; }
  .cart-header h3.cart-header-headline {
    line-height: 1;
    margin-bottom: 6px; }

.cart-item {
  position: relative;
  padding: 30px 0 15px 0; }
  .cart-item + .cart-item,
  .cart-item-parts-list + .cart-item {
    position: relative; }
    .cart-item + .cart-item::before,
    .cart-item-parts-list + .cart-item::before {
      content: '';
      border-top: 1px solid #d8d8d8;
      position: absolute;
      top: 0;
      right: 15px;
      left: 15px; }
  .cart-item .cart-item-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px; }
  .cart-item .cart-item-delete {
    color: #363636;
    position: absolute;
    right: 15px;
    top: -5px; }
    .cart-item .cart-item-delete:hover {
      color: #ce1200; }
  .cart-item .cart-item-product-image {
    padding-right: 0;
    margin-bottom: 20px; }
    .cart-item .cart-item-product-image a {
      display: flex;
      justify-content: center; }
      @media (min-width: 940px) {
        .cart-item .cart-item-product-image a {
          margin-bottom: 0;
          justify-content: start; }
          .cart-item .cart-item-product-image a:hover {
            opacity: 0.9; } }
    .cart-item .cart-item-product-image img {
      max-width: 250px; }
      @media (min-width: 536px) {
        .cart-item .cart-item-product-image img {
          max-width: 275px; } }
      @media (min-width: 720px) {
        .cart-item .cart-item-product-image img {
          max-width: 300px; } }
      @media (min-width: 940px) {
        .cart-item .cart-item-product-image img {
          max-width: 100%; } }
  .cart-item .cart-item-product-name {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px; }
  .cart-item .cart-item-product-partnum,
  .cart-item .cart-item-estimated-shipping {
    font-size: 14px; }
  .cart-item .cart-item-estimated-shipping {
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 500; }
    .cart-item .cart-item-estimated-shipping .material-icons-outlined {
      font-size: 16px;
      margin-right: 5px; }
  .cart-item .cart-item-product-data {
    margin-bottom: 20px; }
    @media (min-width: 940px) {
      .cart-item .cart-item-product-data {
        margin-bottom: 0; } }
  .cart-item .cart-item-product-data-links {
    display: flex;
    flex-direction: column;
    margin-top: 10px; }
    .cart-item .cart-item-product-data-links .material-icons-outlined {
      font-size: 16px;
      margin-right: 5px; }
    .cart-item .cart-item-product-data-links a {
      color: #363636;
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 2px;
      display: flex;
      align-items: center;
      text-decoration: none; }
    .cart-item .cart-item-product-data-links a:last-child {
      margin-bottom: 0; }
    .cart-item .cart-item-product-data-links a:hover {
      color: #f07d00; }
    .cart-item .cart-item-product-data-links .material-icons-outlined {
      text-decoration: none; }
    .cart-item .cart-item-product-data-links:hover > span:not(.material-icons-outlined) {
      text-decoration: none; }
    .cart-item .cart-item-product-data-links span:not(.material-icons-outlined) {
      text-decoration: underline; }
    .cart-item .cart-item-product-data-links span.toggle-trigger-text {
      text-decoration: underline; }
    .cart-item .cart-item-product-data-links .cart-item-add-comment {
      align-items: center;
      display: inline-flex; }
  .cart-item .cart-item-product-amount-length {
    display: flex;
    flex-direction: column; }
    @media (min-width: 536px) {
      .cart-item .cart-item-product-amount-length {
        flex-direction: row; } }
    @media (min-width: 940px) {
      .cart-item .cart-item-product-amount-length {
        flex-direction: column; } }
    .cart-item .cart-item-product-amount-length input[type="text"] {
      max-width: 85px; }
    .cart-item .cart-item-product-amount-length .col {
      margin: 10px 0 0 0; }
      @media (min-width: 536px) {
        .cart-item .cart-item-product-amount-length .col {
          margin: 0 5px 0 0;
          width: 100px; } }
      @media (min-width: 940px) {
        .cart-item .cart-item-product-amount-length .col {
          margin: 10px 0 0 0;
          width: auto; } }
    .cart-item .cart-item-product-amount-length .col:first-child {
      margin-top: 0; }
    .cart-item .cart-item-product-amount-length .form-group {
      margin: 0;
      min-height: auto; }
  .cart-item .cart-item-product-input-notice + .form-group {
    margin-top: 10px; }
  .cart-item .cart-item-product-input-notice {
    display: flex;
    align-items: start;
    margin: 5px 0 0 0;
    font-size: 12px; }
    .cart-item .cart-item-product-input-notice .material-icons-outlined {
      font-size: 18px;
      padding-right: 2px; }
  .cart-item .cart-item-product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 50px; }
    @media (min-width: 940px) {
      .cart-item .cart-item-product-price {
        padding-right: 60px; } }
    .cart-item .cart-item-product-price span {
      display: block;
      line-height: 1.2; }
    .cart-item .cart-item-product-price .cart-item-product-price-sum {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 3px; }
    .cart-item .cart-item-product-price .cart-item-product-price-each {
      font-size: 12px;
      font-weight: 300; }
  .cart-item .cart-item-show-partslist {
    position: relative; }
    .cart-item .cart-item-show-partslist::after {
      content: '\e5cf';
      font-family: "Material Icons Outlined";
      font-size: 16px; }
    .cart-item .cart-item-show-partslist[aria-expanded="true"]::after {
      content: '\e5ce'; }

.cart-item-position {
  display: block;
  font-weight: 300; }

.cart-items-count {
  margin-left: 8px;
  font-size: 15px;
  font-weight: 300; }

.cart-item-total {
  position: relative;
  margin-top: 15px; }
  @media (min-width: 720px) {
    .cart-item-total, .cart-item-total .cart-item-total-inner {
      display: flex; } }
  .cart-item-total .cart-item-total-inner {
    border: 1px solid #626262;
    margin-left: 15px;
    margin-right: 15px;
    flex-grow: 1; }
  .cart-item-total .cart-item-total-label {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1; }
    @media (min-width: 940px) {
      .cart-item-total .cart-item-total-label {
        margin-bottom: 10px; } }
  .cart-item-total .cart-item-total-icon {
    display: none; }
    @media (min-width: 940px) {
      .cart-item-total .cart-item-total-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background-color: #626262;
        width: 40px;
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute; } }
  .cart-item-total .cart-item-total-info {
    /*
    & > div[class^="col-"]:first-child {
      max-width: 140px;
    }
    */ }
    @media (min-width: 940px) {
      .cart-item-total .cart-item-total-info {
        display: flex; } }
    .cart-item-total .cart-item-total-info p, .cart-item-total .cart-item-total-info .igus073ordersummary .headline .text, .igus073ordersummary .headline .cart-item-total .cart-item-total-info .text {
      margin-bottom: 0;
      font-size: 14px; }
      @media (min-width: 1200px) {
        .cart-item-total .cart-item-total-info p, .cart-item-total .cart-item-total-info .igus073ordersummary .headline .text, .igus073ordersummary .headline .cart-item-total .cart-item-total-info .text {
          font-size: inherit; } }
    .cart-item-total .cart-item-total-info .cart-item-total-zipcode {
      font-size: 14px;
      font-weight: 700; }
    .cart-item-total .cart-item-total-info .cart-item-total-zipcode span {
      font-weight: 400;
      padding-left: 4px; }
  .cart-item-total .cart-calculate-shipping-costs-notice {
    position: absolute;
    display: flex;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    padding: 15px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out; }
    .cart-item-total .cart-calculate-shipping-costs-notice[data-calc-shipping-costs-mandatory="1"] {
      opacity: 1;
      visibility: visible; }
    .cart-item-total .cart-calculate-shipping-costs-notice[data-calc-shipping-costs-mandatory="1"].has-value {
      opacity: 0;
      visibility: hidden; }
    .cart-item-total .cart-calculate-shipping-costs-notice.extra-focus {
      background-color: rgba(0, 0, 0, 0.9); }
    @media (min-width: 720px) {
      .cart-item-total .cart-calculate-shipping-costs-notice {
        left: 15px; } }
    @media (min-width: 940px) {
      .cart-item-total .cart-calculate-shipping-costs-notice {
        left: 56px; } }
    .cart-item-total .cart-calculate-shipping-costs-notice .cart-calculate-shipping-costs-notice-close {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
      cursor: pointer; }
      .cart-item-total .cart-calculate-shipping-costs-notice .cart-calculate-shipping-costs-notice-close:hover {
        color: #f07d00; }
  .cart-item-total .cart-calculate-shipping-costs-inner {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 940px) {
      .cart-item-total .cart-calculate-shipping-costs-inner {
        left: 56px;
        flex-direction: inherit;
        justify-content: inherit; } }
    .cart-item-total .cart-calculate-shipping-costs-inner .form-group {
      margin-bottom: 10px; }
    .cart-item-total .cart-calculate-shipping-costs-inner .btn, .cart-item-total .cart-calculate-shipping-costs-inner .btn--cmd, .cart-item-total .cart-calculate-shipping-costs-inner .btn--theme {
      padding: 7px 12px;
      font-size: 13px; }
    .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-info {
      display: flex;
      align-items: center; }
    .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-info-wrap {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
    .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-info-wrap .material-icons-outlined {
      font-size: 45px;
      margin-right: 10px;
      color: #f07d00; }
    .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-right: 26px; }
    .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form .form-group.invalid {
      border: none; }
    .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form .form-group.invalid input[type="text"] {
      box-shadow: 0px 0px 0px 1px #ce1200; }
      .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form .form-group.invalid input[type="text"], .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form .form-group.invalid input[type="text"]:focus {
        border: 1px solid #ce1200;
        background-color: #ffffff; }
    .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form .btn, .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form .btn--cmd, .cart-item-total .cart-calculate-shipping-costs-inner .cart-calculate-shipping-costs-form .btn--theme {
      display: flex;
      align-self: end; }
  .cart-item-total .cart-item-total-shipping,
  .cart-item-total .cart-item-total-wrap {
    display: flex;
    flex-direction: column; }
  .cart-item-total .cart-item-total-shipping {
    font-weight: 300;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 0; }
    @media (min-width: 720px) {
      .cart-item-total .cart-item-total-shipping {
        padding-bottom: 20px; } }
    @media (min-width: 940px) {
      .cart-item-total .cart-item-total-shipping {
        padding-right: 30px;
        padding-left: 70px; } }
    @media (min-width: 1200px) {
      .cart-item-total .cart-item-total-shipping {
        padding-right: 15px; } }
  .cart-item-total .cart-item-total-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative; }
    @media (min-width: 720px) {
      .cart-item-total .cart-item-total-wrap {
        margin-top: 0;
        padding-right: 35px; } }
    @media (min-width: 940px) {
      .cart-item-total .cart-item-total-wrap {
        padding-top: 20px;
        padding-right: 15px;
        padding-left: 30px; }
        .cart-item-total .cart-item-total-wrap::before {
          content: '';
          border-left: 1px solid #787878;
          position: absolute;
          top: 20px;
          bottom: 20px;
          left: 0; } }
  .cart-item-total .cart-item-total-wrap ul {
    margin: 0; }
    @media (min-width: 720px) {
      .cart-item-total .cart-item-total-wrap ul {
        margin: 4px 0 0 0; } }
    @media (min-width: 940px) {
      .cart-item-total .cart-item-total-wrap ul {
        margin: 4px 30px 0 0; } }
    .cart-item-total .cart-item-total-wrap ul li {
      list-style-type: none;
      display: flex;
      justify-content: space-between;
      line-height: 1.3;
      margin-top: 8px; }
      .cart-item-total .cart-item-total-wrap ul li:first-child {
        margin-top: 0; }
    .cart-item-total .cart-item-total-wrap ul li > label {
      display: inline-flex;
      margin-right: 20px;
      margin-bottom: 0; }
    .cart-item-total .cart-item-total-wrap ul li span {
      flex-shrink: 0;
      line-height: 1; }
    .cart-item-total .cart-item-total-wrap ul li.cart-item-total-sum label,
    .cart-item-total .cart-item-total-wrap ul li.cart-item-total-sum span {
      font-weight: 700; }
    .cart-item-total .cart-item-total-wrap ul li.cart-item-total-sum label {
      margin: 0;
      line-height: 1.75; }
    .cart-item-total .cart-item-total-wrap ul li.cart-item-total-sum span {
      line-height: 1;
      font-size: 20px;
      text-align: right; }
    .cart-item-total .cart-item-total-wrap ul li.cart-item-net-sum,
    .cart-item-total .cart-item-total-wrap ul li.cart-item-total-sum {
      border-top: 1px solid #626262;
      padding-top: 10px; }
  .cart-item-total .cart-item-total-shipping-costs-list {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 30px; }
    @media (min-width: 720px) {
      .cart-item-total .cart-item-total-shipping-costs-list {
        padding-left: 15px;
        margin-top: 0; } }
    .cart-item-total .cart-item-total-shipping-costs-list ul {
      list-style-type: none;
      margin: 0; }
    .cart-item-total .cart-item-total-shipping-costs-list ul li {
      line-height: 1.5;
      display: flex;
      justify-content: space-between;
      margin-bottom: 12px; }
    .cart-item-total .cart-item-total-shipping-costs-list ul li:last-child {
      margin-bottom: 0px; }
    .cart-item-total .cart-item-total-shipping-costs-list label {
      margin: 0 0 0 28px;
      cursor: pointer; }
      @media (min-width: 720px) {
        .cart-item-total .cart-item-total-shipping-costs-list label {
          width: 75%; } }
    .cart-item-total .cart-item-total-shipping-costs-list li span {
      line-height: 1.3; }
    .cart-item-total .cart-item-total-shipping-costs-list input[type="radio"]:checked ~ label {
      font-weight: 500; }
    .cart-item-total .cart-item-total-shipping-costs-list .cart-item-total-shipping-costs-list-header {
      display: flex;
      font-weight: 500;
      justify-content: space-between;
      margin-bottom: 5px; }
      .cart-item-total .cart-item-total-shipping-costs-list .cart-item-total-shipping-costs-list-header label {
        margin: 0;
        padding-right: 0; }
      .cart-item-total .cart-item-total-shipping-costs-list .cart-item-total-shipping-costs-list-header span {
        text-align: right; }
    .cart-item-total .cart-item-total-shipping-costs-list .cart-item-shopping-option-price {
      min-width: 50px;
      text-align: right;
      margin-left: 20px; }
    .cart-item-total .cart-item-total-shipping-costs-list .form-check {
      margin: 0; }
    .cart-item-total .cart-item-total-shipping-costs-list .form-check input[type="radio"] {
      background-color: #fff;
      position: absolute; }
    .cart-item-total .cart-item-total-shipping-costs-list .form-item-description {
      font-size: 12px;
      line-height: 1;
      margin: 3px 0 0 28px;
      display: block; }
  .cart-item-total .cart-item-total-sum-shipping-costs {
    margin-bottom: 4px; }

.cart-actions-buttons {
  display: flex;
  justify-content: end;
  flex-direction: column; }
  .cart-actions-buttons a.btn, .cart-actions-buttons a.btn--cmd, .cart-actions-buttons a.btn--theme,
  .cart-actions-buttons .btn,
  .cart-actions-buttons .btn--cmd,
  .cart-actions-buttons .btn--theme {
    margin-right: 0;
    margin-bottom: 15px; }
    @media (min-width: 720px) {
      .cart-actions-buttons a.btn, .cart-actions-buttons a.btn--cmd, .cart-actions-buttons a.btn--theme,
      .cart-actions-buttons .btn,
      .cart-actions-buttons .btn--cmd,
      .cart-actions-buttons .btn--theme {
        margin-right: 15px;
        margin-bottom: 0; } }
  @media (min-width: 720px) {
    .cart-actions-buttons {
      flex-direction: row; } }

.cart-disclaimer {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.4; }
  .cart-disclaimer h6 {
    margin: 10px 0 0 0; }

.cart-delivery-notice {
  margin-top: 30px; }

.cart-item-parts-list {
  display: flex;
  font-size: 14px;
  overflow: hidden;
  position: relative; }
  .cart-item-parts-list::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    background: #ffffff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); }
    @media (min-width: 940px) {
      .cart-item-parts-list::before {
        display: none; } }
  .cart-item-parts-list .cart-item-parts-list-header {
    font-weight: 500; }
  .cart-item-parts-list .row.cart-item-parts-list-header::before {
    border-top: none; }
  .cart-item-parts-list .row {
    position: relative;
    padding: 5px 0; }
    .cart-item-parts-list .row::before {
      content: '';
      position: absolute;
      top: 0;
      left: 15px;
      right: 15px;
      display: block;
      border-top: 1px solid #ccc; }
    .cart-item-parts-list .row:first-child::before {
      display: none; }
    .cart-item-parts-list .row div {
      display: flex; }
      @media (min-width: 720px) {
        .cart-item-parts-list .row div {
          display: inherit; } }
    .cart-item-parts-list .row div > span {
      display: block; }
      @media (min-width: 720px) {
        .cart-item-parts-list .row div > span {
          display: inherit; } }
  .cart-item-parts-list table {
    margin-right: 30px; }
    .cart-item-parts-list table th, .cart-item-parts-list table td {
      background-color: #ffffff;
      padding: 5px; }
      .cart-item-parts-list table th:first-child, .cart-item-parts-list table td:first-child {
        padding-left: 0; }
      .cart-item-parts-list table th:last-child, .cart-item-parts-list table td:last-child {
        padding-right: 50px; }
        @media (min-width: 940px) {
          .cart-item-parts-list table th:last-child, .cart-item-parts-list table td:last-child {
            padding-right: 0; } }
    .cart-item-parts-list table th.pos {
      width: 40px; }
    .cart-item-parts-list table th.part-no {
      width: 160px; }
    .cart-item-parts-list table th.description {
      min-width: 260px; }
    .cart-item-parts-list table th.amount {
      width: 55px; }
    .cart-item-parts-list table tr td {
      border-top: 1px solid #ccc; }
  .cart-item-parts-list .cart-item-parts-list-inner {
    overflow-x: scroll; }
    @media (min-width: 940px) {
      .cart-item-parts-list .cart-item-parts-list-inner {
        overflow-x: inherit; } }

.cart-meta-actions {
  margin-top: 7px;
  margin-bottom: 40px;
  position: relative; }
  .cart-meta-actions::before {
    content: '';
    border-top: 1px solid #d8d8d8;
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px; }
  @media (min-width: 720px) {
    .cart-meta-actions {
      margin-top: 20px; } }
  .cart-meta-actions .cart-meta-actions-inner {
    display: flex;
    justify-content: end;
    padding-top: 15px;
    flex-direction: column; }
    @media (min-width: 720px) {
      .cart-meta-actions .cart-meta-actions-inner {
        flex-direction: row; } }
  .cart-meta-actions .cart-meta-actions-links {
    display: flex;
    flex-direction: column; }
    @media (min-width: 720px) {
      .cart-meta-actions .cart-meta-actions-links {
        flex-direction: row; } }
    .cart-meta-actions .cart-meta-actions-links > span {
      margin-right: 10px;
      margin-bottom: 10px;
      font-size: 14px; }
      @media (min-width: 720px) {
        .cart-meta-actions .cart-meta-actions-links > span {
          margin-bottom: 0; } }
  .cart-meta-actions a {
    align-items: center;
    display: flex;
    color: #363636;
    font-weight: 500;
    position: relative;
    padding-right: 10px;
    margin-bottom: 7px;
    max-width: fit-content; }
    @media (min-width: 720px) {
      .cart-meta-actions a {
        margin-right: 10px;
        margin-bottom: 0; }
        .cart-meta-actions a::after {
          content: '';
          width: 1px;
          height: 22px;
          background-color: #d8d8d8;
          position: absolute;
          right: 0; } }
    .cart-meta-actions a:last-child {
      padding-right: 0;
      margin-right: 0; }
    .cart-meta-actions a:last-child::after {
      display: none; }
    .cart-meta-actions a span:last-child {
      font-size: 14px;
      text-decoration: underline;
      margin-left: 4px; }
    .cart-meta-actions a:hover {
      color: #f07d00; }
    .cart-meta-actions a:hover > :last-child {
      text-decoration: none; }
  .cart-meta-actions .material-icons-outlined {
    font-size: 18px; }

a[data-open-calc-shipping-costs] {
  display: flex;
  align-items: center;
  margin: 5px 0; }
  a[data-open-calc-shipping-costs],
  a[data-open-calc-shipping-costs] .material-icons-outlined {
    font-size: 14px; }
  a[data-open-calc-shipping-costs] .material-icons-outlined {
    margin-right: 2px; }

.igus121TabContentsContainer .easytabs-nav-wrap {
  height: 60px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  /*
    &::before {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 30px;
      display: block;
      opacity: 0.6;
      @include bg-gradient($basic-0, 90deg);
    }

    @include media-breakpoint-up(xl) {
      &::before {
        display: none;
      }
    }
    */ }

.igus121TabContentsContainer .easytabs-nav {
  border: 0px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: scroll;
  margin-bottom: 0;
  padding-bottom: 22px; }
  .igus121TabContentsContainer .easytabs-nav a {
    margin: 0;
    padding: 15px 10px;
    flex-grow: 1;
    flex-shrink: 0;
    border: 0px;
    box-shadow: inset -1px 1px 0px 0px #d8d8d8, inset -1px -1px 0px 0px #d8d8d8; }
    .igus121TabContentsContainer .easytabs-nav a:hover {
      background-color: #ececec; }
    @media (min-width: 536px) {
      .igus121TabContentsContainer .easytabs-nav a {
        padding: 15px; } }
    @media (min-width: 940px) {
      .igus121TabContentsContainer .easytabs-nav a {
        padding: 15px 20px; } }
  .igus121TabContentsContainer .easytabs-nav a > span {
    font-size: 13px;
    font-weight: 500;
    margin: 0; }
    @media (min-width: 536px) {
      .igus121TabContentsContainer .easytabs-nav a > span {
        font-size: 14px; } }
    @media (min-width: 720px) {
      .igus121TabContentsContainer .easytabs-nav a > span {
        font-size: 16px; } }
    @media (min-width: 940px) {
      .igus121TabContentsContainer .easytabs-nav a > span {
        font-size: 18px; } }
  .igus121TabContentsContainer .easytabs-nav a.active {
    box-shadow: inset 0px 0px 0px 0px #d8d8d8, inset 0px 1px 0px 0px #d8d8d8, inset -1px 0px 0px 0px #d8d8d8; }
  .igus121TabContentsContainer .easytabs-nav a.active:first-child {
    box-shadow: inset 0px 0px 0px 0px #d8d8d8, inset 1px 1px 0px 0px #d8d8d8, inset -1px 0px 0px 0px #d8d8d8; }
  .igus121TabContentsContainer .easytabs-nav a.active:hover {
    background-color: #ffffff; }

.igus121TabContentsContainer .easytabs-content.active {
  animation: tabcontent-fade-in;
  animation-duration: 0.3s;
  animation-timing-function: linear; }

.igus121TabContentsContainer .easytabs-content a.tab-content-item {
  background-color: #f2f2f2;
  border-radius: 15px;
  box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2);
  color: #000000;
  flex-shrink: 0;
  width: 134px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 536px) {
    .igus121TabContentsContainer .easytabs-content a.tab-content-item {
      width: 229px; } }
  @media (min-width: 720px) {
    .igus121TabContentsContainer .easytabs-content a.tab-content-item {
      width: 207px; } }
  @media (min-width: 940px) {
    .igus121TabContentsContainer .easytabs-content a.tab-content-item {
      width: 206px; } }
  @media (min-width: 1200px) {
    .igus121TabContentsContainer .easytabs-content a.tab-content-item {
      width: 215px; } }
  .igus121TabContentsContainer .easytabs-content a.tab-content-item:hover {
    background-color: #ececec;
    color: #f07d00; }

.igus121TabContentsContainer .easytabs-content .tab-content-item-image {
  border: 0px;
  display: flex;
  justify-content: start;
  height: 100%;
  max-height: 99px;
  margin: 0;
  outline: 1px solid transparent;
  padding-top: 15px; }
  .igus121TabContentsContainer .easytabs-content .tab-content-item-image img {
    width: 100%;
    height: auto;
    object-fit: contain; }

.igus121TabContentsContainer .easytabs-content .tab-content-item-text {
  display: flex;
  font-size: 14px;
  padding: 0 15px 10px;
  height: 58px;
  justify-content: center;
  align-items: end; }
  @media (min-width: 536px) {
    .igus121TabContentsContainer .easytabs-content .tab-content-item-text {
      font-size: 16px; } }

.igus121TabContentsContainer .easytabs-content .tab-content-wrap {
  display: grid;
  grid-template-columns: 50% auto;
  grid-column-gap: 3%;
  grid-row-gap: 15px; }
  @media (min-width: 536px) {
    .igus121TabContentsContainer .easytabs-content .tab-content-wrap {
      grid-template-columns: 48% auto;
      grid-column-gap: 4%; } }
  @media (min-width: 720px) {
    .igus121TabContentsContainer .easytabs-content .tab-content-wrap {
      grid-template-columns: 33% 33% auto;
      grid-column-gap: 1.3%; } }
  @media (min-width: 940px) {
    .igus121TabContentsContainer .easytabs-content .tab-content-wrap {
      grid-template-columns: 23% 23% 23% auto;
      grid-column-gap: 2.5%; } }
  @media (min-width: 1200px) {
    .igus121TabContentsContainer .easytabs-content .tab-content-wrap {
      grid-template-columns: 18% 18% 18% 18% auto;
      grid-column-gap: 2.3%; } }

@keyframes tabcontent-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* 
* value of new menu/storybook settings is set correctly to 1rem = 16px.
*
* in legacy bootstrap css, the base rem value has been set 1o 1rem = 10px, so for easy adaption 
* we have to convert the values to prevent changing all appearances of the original code.
* 
* example: 
* base 16px (new):  2.95rem = 47.2px
* base 10px (old):  convert-rem(2.95rem) = 4.72rem => 4.72 * 10px = 47.2px
*/
body::after {
  content: '';
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0;
  visibility: hidden; }

/* menu */
body.menu-open {
  overflow: hidden; }
  body.menu-open::after {
    opacity: 1;
    visibility: visible; }
  @media (min-width: 940px) {
    body.menu-open {
      top: 110px; } }

.MainMenuContainer *, .MainMenuContainer ::after, .MainMenuContainer ::before {
  box-sizing: border-box; }

/* grid */
.Grid_container {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto; }
  @media (min-width: 940px) {
    .Grid_container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .Grid_container {
      max-width: 1200px; } }

.Grid_row {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px; }

.Grid_col {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%; }

@media (min-width: 345px) {
  .Grid_colxs12 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; } }

/* links */
.Link_layout {
  display: inline-flex;
  align-items: center;
  gap: 0.64rem;
  font-weight: 700;
  flex-wrap: wrap;
  text-decoration: none;
  justify-content: space-between; }

.Link_overview {
  display: flex; }
  .Link_overview span:last-child {
    font-weight: 500; }
  @media (min-width: 940px) {
    .Link_overview {
      display: none; } }

.Link_linkSecondaryColor {
  align-items: center;
  color: #363636;
  text-decoration: none;
  width: fit-content; }

.Link_linkTertiaryColor {
  align-items: center;
  font-weight: 400;
  text-decoration: none;
  width: fit-content;
  justify-content: space-between;
  flex-grow: 1; }
  .Link_linkTertiaryColor, .Link_linkTertiaryColor:hover {
    color: #ffffff; }
  .Link_linkTertiaryColor:hover {
    text-decoration: underline;
    font-size: 16px; }

/* burger button */
.BurgerButton_burger__icon {
  background: transparent;
  border: 0;
  margin: 0;
  height: 2.4rem;
  width: 3rem;
  padding: 3px 6px;
  display: block;
  position: absolute; }
  .BurgerButton_burger__icon, .BurgerButton_burger__icon:focus {
    outline: none; }
  @media (min-width: 940px) {
    .BurgerButton_burger__icon {
      display: none; } }

.BurgerButton_burger__icon_close::after, .BurgerButton_burger__icon_close::before,
.BurgerButton_burger__icon_open::after,
.BurgerButton_burger__icon_open::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #363636; }

.BurgerButton_burger__icon_open {
  position: relative;
  display: block;
  width: 1.8rem;
  height: 2px;
  background-color: #363636;
  margin: 3px 0; }
  .BurgerButton_burger__icon_open::after {
    top: 5px; }

.BurgerButton_burger__icon_close {
  display: block;
  position: relative; }
  .BurgerButton_burger__icon_close::before {
    transform: translate(-50%, -50%) rotate(45deg); }
  .BurgerButton_burger__icon_close::after {
    transform: translate(-50%, -50%) rotate(-45deg); }
  .BurgerButton_burger__icon_close::after, .BurgerButton_burger__icon_close::before {
    top: 50%;
    left: 50%;
    width: 1.6rem; }

/* icon link bar top */
.IconLinksBar_bg__dark_grey {
  background-color: #363636; }

.IconLinksBar_icon__links_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.8rem 0;
  margin: 0;
  width: 100%; }

.IconLinksBar_icon__links {
  display: flex;
  align-items: center;
  gap: 0.8rem; }

/* header bar */
.HeaderBar_header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  position: relative;
  padding-top: 15px; }
  @media (min-width: 720px) {
    .HeaderBar_header__wrapper {
      height: 5.6rem;
      width: 100%; } }
  @media (min-width: 940px) {
    .HeaderBar_header__wrapper {
      padding-top: 0; } }
  .HeaderBar_header__wrapper.HeaderBar_header_burger__wrapper {
    height: initial;
    padding-top: initial;
    width: initial; }

.HeaderBar_header__link {
  display: flex;
  align-items: center; }

.HeaderBar_header__link .HeaderBar_header__link__text {
  display: none; }
  @media (min-width: 720px) {
    .HeaderBar_header__link .HeaderBar_header__link__text {
      display: inline; } }

.HeaderBar_header_logo__wrapper {
  margin-left: 40px;
  margin-top: 4px; }
  @media (min-width: 940px) {
    .HeaderBar_header_logo__wrapper {
      margin-left: 0; } }
  .HeaderBar_header_logo__wrapper span {
    display: flex;
    align-items: center;
    width: 84px;
    height: 40px;
    position: relative;
    overflow: hidden; }
    @media (min-width: 720px) {
      .HeaderBar_header_logo__wrapper span {
        width: auto;
        overflow: initial; } }
    @media (min-width: 940px) {
      .HeaderBar_header_logo__wrapper span {
        margin-left: 0; } }

.HeaderBar_header__input__inner {
  position: relative; }

.HeaderBar_header__icons__wrapper {
  width: 14.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0; }
  @media (min-width: 720px) {
    .HeaderBar_header__icons__wrapper {
      width: 30.5rem; } }

.HeaderBar_header__search__icon,
.HeaderBar_input__search {
  background-color: #ffffff;
  border: none; }
  @media (min-width: 720px) {
    .HeaderBar_header__search__icon,
    .HeaderBar_input__search {
      display: none; } }

.HeaderBar_input__search {
  position: absolute;
  right: 10px;
  top: 1px;
  cursor: pointer;
  height: 38px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .HeaderBar_input__search, .HeaderBar_input__search:focus {
    outline: none; }

.HeaderBar_header_logo__wrapper img,
.NavigationBar_header_logo__wrapper img {
  width: 234px;
  height: 40px; }

.NavigationElement_linkwrapper {
  display: flex;
  align-items: center;
  flex-grow: 1; }

.NavigationBar_header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.6rem;
  position: relative; }
  @media (min-width: 720px) {
    .NavigationBar_header__wrapper {
      width: 100%; } }

.NavigationBar_header_logo__wrapper {
  width: 278px; }
  .NavigationBar_header_logo__wrapper span {
    margin-left: 3rem; }

@media (min-width: 940px) {
  .NavigationBar_nav_bar_content__wrapper {
    height: 6rem;
    width: 100%;
    margin: 0; } }

.NavigationBar_skip_to_main_link {
  position: absolute;
  top: 70%;
  z-index: 999;
  border-radius: 0.24rem;
  margin-right: 0.8rem;
  background-color: #ffffff;
  color: #f07d00;
  text-decoration: none;
  padding: 0.56rem;
  opacity: 0; }

.NavigationBar_nav_group__wrapper {
  display: block; }
  @media (min-width: 940px) {
    .NavigationBar_nav_group__wrapper {
      padding: 0; } }

.NavigationBar_nav_bar__wrapper {
  position: fixed;
  z-index: 2;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  transform: translateX(-100%);
  transition: transform .33s ease-in-out; }
  @media (min-width: 720px) {
    .NavigationBar_nav_bar__wrapper {
      width: 50%; } }
  @media (min-width: 940px) {
    .NavigationBar_nav_bar__wrapper {
      width: 100%;
      transition: none;
      background-color: #f07d00;
      height: 6rem;
      position: relative;
      top: 0;
      transform: translateX(0); } }
  .NavigationBar_nav_bar__wrapper.NavigationBar_nav_bar__wrapper_open {
    transform: translateX(0);
    background: #ffffff; }

.NavigationBar_mobile__navheader {
  display: block;
  background-color: #ffffff;
  margin-bottom: 2.4rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  z-index: 20; }
  @media (min-width: 940px) {
    .NavigationBar_mobile__navheader {
      display: none; } }

body .HeaderBar_header__input__wrapper {
  position: absolute;
  width: 100%;
  height: 40px;
  top: 65px; }
  @media (min-width: 720px) {
    body .HeaderBar_header__input__wrapper {
      margin-bottom: 10px;
      visibility: visible;
      top: 64px; } }
  @media (min-width: 940px) {
    body .HeaderBar_header__input__wrapper {
      position: relative;
      width: 370px;
      margin-bottom: 0;
      top: 0;
      grid-template-rows: 1fr; } }
  body .HeaderBar_header__input__wrapper .HeaderBar_header__input__element {
    width: 100%;
    height: 4rem;
    border: 1px solid #d8d8d8;
    padding: 0 15px; }

.HeaderBar_header__main__wrapper {
  transition: all .3s linear;
  margin-bottom: 1.2rem; }
  @media (min-width: 720px) {
    .HeaderBar_header__main__wrapper {
      height: 10.2rem;
      margin-bottom: 0; } }
  @media (min-width: 940px) {
    .HeaderBar_header__main__wrapper {
      height: 6.4rem;
      display: flex;
      align-items: center; } }

/*
.NavigationBar_nav__backdrop {
  @include media-breakpoint-up(md) {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    background: rgba(0,0,0,.6);
    z-index: 1;
  }

  &.NavigationBar_nav__backdrop_open {
    @include media-breakpoint-up(md) {
      transform: translateY(0);
    }

    @include media-breakpoint-up(lg) {
      transform: translateY(13.25rem);
    }
  }
}
*/
.NavigationElement_off_canvas_container {
  position: relative;
  z-index: 10; }
  .NavigationElement_off_canvas_container button, .NavigationElement_off_canvas_container button:focus, .NavigationElement_off_canvas_container a, .NavigationElement_off_canvas_container a:focus {
    outline: none; }

.NavigationElement_contact {
  display: none;
  position: relative;
  z-index: 3; }

.NavigationElement_off_canvas_menu {
  top: 68px;
  transition: none; }
  .NavigationElement_off_canvas_menu * {
    color: #000000;
    font-size: 16px;
    padding: 0; }
  .NavigationElement_off_canvas_menu.NavigationElement_off_canvas_menu__open {
    transform: translateX(0); }
  .NavigationElement_off_canvas_menu ul {
    list-style: none; }
  .NavigationElement_off_canvas_menu ul li {
    line-height: 1.75; }
  .NavigationElement_off_canvas_menu ul > li,
  .NavigationElement_off_canvas_menu button {
    width: 100%; }
    @media (min-width: 940px) {
      .NavigationElement_off_canvas_menu ul > li,
      .NavigationElement_off_canvas_menu button {
        width: auto; } }
  .NavigationElement_off_canvas_menu ul > li {
    border-bottom: 1px solid #a3a3a3; }
    .NavigationElement_off_canvas_menu ul > li:last-child {
      border-bottom: none; }
    @media (min-width: 940px) {
      .NavigationElement_off_canvas_menu ul > li {
        border-bottom: none; } }
  .NavigationElement_off_canvas_menu button {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.7rem;
    letter-spacing: 0;
    padding: 2.4rem 0;
    text-align: left; }
  .NavigationElement_off_canvas_menu a {
    width: 100%; }
  .NavigationElement_off_canvas_menu,
  .NavigationElement_off_canvas_menu ul {
    background: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateX(-100%);
    padding: 0; }
    @media (min-width: 720px) {
      .NavigationElement_off_canvas_menu,
      .NavigationElement_off_canvas_menu ul {
        height: 100%; } }
  .NavigationElement_off_canvas_menu ul {
    top: 0;
    bottom: 0;
    padding: 0 20px;
    margin: 0;
    z-index: 2; }
    @media (max-width: 1199px) {
      .NavigationElement_off_canvas_menu ul:first-child {
        transform: translate(0); } }
  .NavigationElement_off_canvas_menu ul.NavigationElement_off_canvas_menu__active {
    transform: translateX(0); }
  .NavigationElement_off_canvas_menu ul.NavigationElement_off_canvas_menu__active ul {
    transition: transform .33s ease-in-out; }
  .NavigationElement_off_canvas_menu li.NavigationElement_level1 .NavigationElement_touchicon {
    font-size: 24px; }

.NavigationElement_off_canvas_menu_arrow__back {
  transform: rotate(180deg); }

.NavigationElement_toggle-button {
  position: absolute;
  top: 0;
  right: 0; }

.NavigationElement_off_canvas_menu__button {
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .NavigationElement_off_canvas_menu__button .material-icons-outlined,
  .NavigationElement_off_canvas_menu__button .NavigationElement_touchicon {
    font-size: 24px; }

.NavigationElement_off_canvas_menu__button_back {
  justify-content: initial;
  border-bottom: 1px solid #a3a3a3; }

.NavigationElement_contact {
  justify-content: flex-end; }
  .NavigationElement_contact li {
    line-height: 2.7rem !important; }
    .NavigationElement_contact li div, .NavigationElement_contact li [data-action="culture"] {
      font-size: 14px; }
  .NavigationElement_contact .NavigationElement_contact_link .NavigationElement_contact_link__button,
  .NavigationElement_contact .NavigationElement_culture_select {
    padding: 17px 0 10px; }
  .NavigationElement_contact .NavigationElement_contact_link__button,
  .NavigationElement_contact .NavigationElement_culture_select > a {
    font-weight: 400;
    width: auto;
    color: #ffffff;
    cursor: pointer; }
  .NavigationElement_contact .NavigationElement_contact_link:hover .NavigationElement_contact_link__button,
  .NavigationElement_contact .NavigationElement_contact_link .NavigationElement_contact_link__button.button__active,
  .NavigationElement_contact .NavigationElement_culture_select:hover {
    border-bottom: 6px solid #ffffff; }

.NavigationElement_contact_partner .link {
  margin-top: 5px; }
  .NavigationElement_contact_partner .link:hover span {
    border-bottom: none !important; }

.NavigationElement_contact_partner .link .icon {
  padding: initial;
  width: 6px; }

.NavigationElement_off_canvas_menu_overflow_visible {
  overflow: visible !important; }

.NavigationElement_contact_link__button {
  background: none;
  border: none;
  display: none; }
  @media (min-width: 940px) {
    .NavigationElement_contact_link__button {
      display: flex; } }

.NavigationElement_level1 a span:first-child,
.NavigationElement_level2 button:not(.NavigationElement_off_canvas_menu__button_back) {
  padding: 9px 0;
  font-weight: 400;
  display: flex;
  align-items: center; }

.NavigationElement_level1 a span img {
  margin-right: 1rem; }

.NavigationElement_teaser_box__headline {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.6875; }

li.NavigationElement_teaser_box {
  height: 210px;
  margin-top: 15px; }
  @media (min-width: 940px) {
    li.NavigationElement_teaser_box {
      margin-top: 40px; } }
  li.NavigationElement_teaser_box a span img {
    margin-right: 0;
    position: relative !important; }
    @media (min-width: 940px) {
      li.NavigationElement_teaser_box a span img {
        margin-bottom: 1.6rem; } }
  li.NavigationElement_teaser_box a span {
    border-bottom: none;
    flex-wrap: wrap;
    padding: 0; }
  li.NavigationElement_teaser_box a span img.NavigationElement_teaser_box__image_level_2 {
    height: 114px !important;
    margin-bottom: 0; }

li.NavigationElement_teaser_box a {
  height: 100%;
  position: relative; }
  li.NavigationElement_teaser_box a .NavigationElement_teaser_box__link_text {
    position: relative;
    width: 100%;
    color: #d26e00; }

.NavigationElement_teaser_box__image {
  object-fit: cover; }

ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview {
  background: #f2f2f2;
  height: initial;
  max-width: 100%;
  border-radius: 15px;
  overflow: hidden; }
  @media (min-width: 940px) {
    ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview {
      height: 190px; } }
  ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview span {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding: 0; }
  ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview a {
    padding: 0; }
    ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview a span img {
      margin-right: 0;
      width: 100%; }
    ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview a:hover span p, ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview a:hover span .igus073ordersummary .headline .text, .igus073ordersummary .headline ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview a:hover span .text {
      color: #d26e00; }
  ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview p, ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview .igus073ordersummary .headline .text, .igus073ordersummary .headline ul.NavigationElement_teaser_view .NavigationElement_teaser_box.NavigationElement_teaser_box__multiview .text {
    color: #363636;
    padding: 12px 24px;
    margin-bottom: 0; }

li.NavigationElement_teaser_box__multiview:hover .NavigationElement_teaser_box__link:hover span {
  background: #f2f2f2; }

.NavigationElement_touchicon {
  width: 64px;
  text-align: right;
  cursor: default;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%); }

nav.NavigationElement_off_canvas_menu .menu-close {
  border: none;
  padding: 0;
  display: none;
  background-color: #ffffff;
  height: 25px;
  width: 25px;
  padding: 0;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -5px;
  top: 68px;
  z-index: 3; }
  nav.NavigationElement_off_canvas_menu .menu-close span {
    font-size: 26px; }
  nav.NavigationElement_off_canvas_menu .menu-close:hover, nav.NavigationElement_off_canvas_menu .menu-close:hover span {
    color: #f07d00; }

@media (min-width: 940px) {
  .NavigationElement_level0 > li {
    margin-right: 30px; } }

@media (min-width: 1100px) {
  .NavigationElement_level0 > li {
    margin-right: 47px; } }

@media (min-width: 940px) {
  nav.NavigationElement_off_canvas_menu__open .menu-close {
    display: flex; }
  .NavigationElement_off_canvas_menu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: none;
    padding: 0;
    display: flex;
    overflow: hidden; }
    .NavigationElement_off_canvas_menu,
    .NavigationElement_off_canvas_menu ul {
      transform: translateX(0);
      position: relative;
      background: none; }
    .NavigationElement_off_canvas_menu ul {
      padding: 0;
      height: -moz-fit-content;
      height: fit-content; }
      .NavigationElement_off_canvas_menu ul:first-of-type, .NavigationElement_off_canvas_menu ul:last-of-type {
        margin: 0; }
    .NavigationElement_off_canvas_menu > ul:first-of-type {
      width: 1170px; }
    .NavigationElement_off_canvas_menu ul.NavigationElement_level1 .NavigationElement_off_canvas_menu__button:hover,
    .NavigationElement_off_canvas_menu ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li a:hover > span:first-child {
      border: none;
      line-height: 2.2rem;
      color: #f07d00;
      display: flex;
      font-weight: 700;
      align-items: center; }
    .NavigationElement_off_canvas_menu ul.NavigationElement_level1 .NavigationElement_off_canvas_menu__button:hover,
    .NavigationElement_off_canvas_menu ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li:hover > a,
    .NavigationElement_off_canvas_menu ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li.NavigationElement_level2__active,
    .NavigationElement_off_canvas_menu ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li a:hover {
      background: #ffffff; }
    .NavigationElement_off_canvas_menu ul.NavigationElement_off_canvas_menu__active {
      background: none; }
    .NavigationElement_off_canvas_menu li {
      height: -moz-fit-content;
      height: fit-content;
      width: auto; }
    .NavigationElement_off_canvas_menu li.NavigationElement_level1 {
      /*
      &::before {
        content: '';
        width: calc($ul-level1-width - 15px);
        background-color: #f9f9f9;
        position: absolute;
        height: 48px;
        top: 60px;
        left: 0;
      }

      &::after {
        content: '';
        width: 100vw;
        background-color: #fff;
        position: absolute;
        height: 48px;
        top: 60px;
        left: calc($ul-level1-width - 15px);
      }
      */ }
      .NavigationElement_off_canvas_menu li.NavigationElement_level1 a span,
      .NavigationElement_off_canvas_menu li.NavigationElement_level1 button {
        white-space: nowrap; }
      .NavigationElement_off_canvas_menu li.NavigationElement_level1 ul.NavigationElement_level1 li a span,
      .NavigationElement_off_canvas_menu li.NavigationElement_level1 ul.NavigationElement_level1 li button {
        white-space: normal; }
    .NavigationElement_off_canvas_menu .NavigationElement_level0 a {
      text-decoration: none; }
    .NavigationElement_off_canvas_menu .NavigationElement_level0 a span,
    .NavigationElement_off_canvas_menu .NavigationElement_level0 button {
      font-weight: 400;
      font-size: 1.4rem;
      width: auto;
      padding: 17px 0 10px;
      color: #ffffff; }
    .NavigationElement_off_canvas_menu .NavigationElement_level0 a:hover span,
    .NavigationElement_off_canvas_menu .NavigationElement_level0 button:hover,
    .NavigationElement_off_canvas_menu .NavigationElement_level0 button.button__active {
      border-bottom: 6px solid #ffffff; }
  .NavigationElement_off_canvas_menu__button .NavigationElement_touchicon,
  .NavigationElement_off_canvas_menu__button .material-icons-outlined,
  .NavigationElement_off_canvas_menu__button_back {
    display: none; }
  .NavigationElement_off_canvas_menu__open {
    overflow: visible;
    /*
    &:not(.NavigationElement_contact)::after {
      content: ' ';
      background: $basic-0;
      position: absolute;
      left: 100%;
      right: 0;
      top: convert-rem(3.75rem);
      height: 100%;
      width: 100%;
    }
    */ }
    .NavigationElement_off_canvas_menu__open .NavigationElement_level0 {
      height: 65vh; }
    .NavigationElement_off_canvas_menu__open ul {
      margin: 0; } }
  @media (min-width: 940px) and (min-width: 940px) {
    .NavigationElement_off_canvas_menu__open:not(.NavigationElement_contact)::before, .NavigationElement_off_canvas_menu__open:not(.NavigationElement_contact)::after {
      content: '';
      height: calc(100% + 35px);
      width: 100%;
      top: 60px;
      position: absolute; }
    .NavigationElement_off_canvas_menu__open:not(.NavigationElement_contact)::before {
      background: #f9f9f9;
      right: calc(100% - 322px); }
    .NavigationElement_off_canvas_menu__open:not(.NavigationElement_contact)::after {
      background: #fff;
      left: 322px; } }

@media (min-width: 940px) {
    .NavigationElement_off_canvas_menu__open .NavigationElement_contact {
      height: 100%; }
  ul.NavigationElement_level0 {
    overflow: visible; }
  .NavigationElement_level0 {
    display: flex; }
  ul.NavigationElement_level1 {
    display: none; }
    ul.NavigationElement_level1 > li {
      width: 337px;
      margin-right: 0;
      position: relative; }
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active {
      padding: 0;
      position: absolute;
      top: 95px;
      display: block;
      left: -16px;
      right: -15px;
      background: #f9f9f9;
      background: linear-gradient(90deg, #f9f9f9 337px, #ffffff 337px);
      width: calc(100vw - 14px);
      max-width: 1186px;
      height: 100%;
      overflow-y: scroll;
      overflow-x: hidden; }
      ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view {
        background: #ffffff;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 1.5008rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 1rem; } }
      @media (min-width: 940px) and (min-width: 720px) {
        ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view {
          grid-template-columns: 1fr 1fr; } }
      @media (min-width: 940px) and (min-width: 940px) {
        ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view {
          grid-template-columns: 1fr 1fr 1fr; } }
      @media (min-width: 940px) and (min-width: 1200px) {
        ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view {
          grid-template-columns: 1fr 1fr 1fr 1fr; } }

@media (min-width: 940px) {
      ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li {
        margin-top: 0.5rem;
        width: initial; }
      ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li > a > span img {
        margin: 0;
        position: relative; }
      ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li:hover p, ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li:hover .igus073ordersummary .headline .text, .igus073ordersummary .headline ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li:hover .text {
        color: #d26e00; }
      ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li:hover > a > span {
        background: #f2f2f2; }
      ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view::before {
        width: 100%;
        height: 100%;
        content: '';
        left: -100%;
        top: 0;
        z-index: 5;
        background: #ffffff;
        position: absolute; }
      ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active .NavigationElement_level3Category span {
        font-weight: 700;
        font-size: 1.6rem; }
    ul.NavigationElement_level1 .NavigationElement_off_canvas_menu__button {
      width: 100%; }
    ul.NavigationElement_level1 .NavigationElement_off_canvas_menu__button,
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li a span {
      color: #000;
      border: none;
      line-height: 2.2rem; }
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__button,
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li a {
      padding: 0.9rem 0.1rem 0.9rem 1.4rem; }
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li a span {
      padding: 0; }
    ul.NavigationElement_level1 .NavigationElement_off_canvas_menu__button:hover,
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active li a:hover span:not(.NavigationElement_touchicon) {
      border: none;
      line-height: 2.2rem;
      display: flex;
      align-items: center;
      border-radius: 4px 0 0 4px; }
    ul.NavigationElement_level1 .NavigationElement_off_canvas_menu__button:hover,
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active > li:hover,
    ul.NavigationElement_level1.NavigationElement_off_canvas_menu__active > li:hover > span > a > span {
      color: #f07d00;
      background: #ffffff;
      box-shadow: 0 2px 10px 0 rgba(255, 255, 255, 0.05);
      font-weight: 700; }
  .NavigationElement_level2__active ul.NavigationElement_level2 {
    display: block;
    position: absolute;
    left: calc(100% + convert-rem(1.875rem));
    z-index: 2;
    top: 4.8rem; }
  ul.NavigationElement_level2 {
    display: none; }
    ul.NavigationElement_level2 li > ul {
      overflow: initial;
      top: 0;
      bottom: 0; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-rows: minmax(min-content, max-content);
      flex-wrap: wrap;
      position: fixed;
      top: 0;
      right: 0;
      left: 337px;
      width: auto;
      padding-left: 15px;
      height: 100%;
      z-index: 10; }
      ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active li ul.NavigationElement_level3 li {
        width: 100%; }
      ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active > li > a span,
      ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active > li > a:hover span {
        font-weight: 700;
        box-shadow: none;
        font-size: 1.6rem; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li {
      width: 50%; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active.NavigationElement_single_teaser_view {
      width: 51.74768rem;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active.NavigationElement_single_teaser_view li,
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active.NavigationElement_single_teaser_view li.NavigationElement_level3 {
      width: 100%; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active.NavigationElement_single_teaser_view .NavigationElement_teaser_box {
      margin-top: 0;
      position: absolute;
      right: -52.5%;
      width: 25.2rem; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active .NavigationElement_teaser_box .NavigationElement_teaser_box__link span {
      padding: 0; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-gap: 1rem; }
    ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active.NavigationElement_teaser_view li {
      width: 30%; }
  li.NavigationElement_level2 > span > a {
    padding: 0.9rem 2rem 0.9rem 1.4rem; }
  li.NavigationElement_level2:hover > a,
  li.NavigationElement_level2:hover > a span:first-child,
  li.NavigationElement_level2:hover > a:hover span:first-child,
  li.NavigationElement_level2__active > a,
  li.NavigationElement_level2__active > a span:first-child,
  li.NavigationElement_level2__active > a:hover span:first-child {
    color: #f07d00 !important;
    font-weight: 700 !important; }
  li.NavigationElement_level2:hover > span:first-child,
  li.NavigationElement_level2__active > span:first-child {
    display: block; }
  li.NavigationElement_level2:hover > a:hover span:first-child,
  li.NavigationElement_level2__active > a:hover span:first-child {
    border: none;
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 2px 10px 0 rgba(255, 255, 255, 0.05); }
  li.NavigationElement_level2__active.NavigationElement_off_canvas_menu__active ul.NavigationElement_level2 {
    display: flex;
    flex-wrap: wrap;
    width: 84.1016rem;
    position: fixed;
    top: 4.88rem;
    z-index: 10;
    left: 329px;
    padding-left: 21px; }
  li.NavigationElement_level2.NavigationElement_off_canvas_menu__active::after {
    width: 100vw;
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 100%; }
  li.NavigationElement_level2__active .NavigationElement_off_canvas_menu__button_active:not(.NavigationElement_off_canvas_menu__button_back),
  li.NavigationElement_level2__active a > span {
    border: none;
    line-height: 2.2rem;
    color: #f07d00;
    display: flex;
    font-weight: 700;
    align-items: center;
    background: #ffffff; }
  button.NavigationElement_off_canvas_menu__button.NavigationElement_level3 {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.2rem; }
    button.NavigationElement_off_canvas_menu__button.NavigationElement_level3:hover {
      background: transparent;
      border: none;
      box-shadow: none; }
  ul.NavigationElement_off_canvas_menu__button.NavigationElement_level3 {
    font-size: 1.4rem; }
  .NavigationElement_teaser_box {
    background: #f2f2f2;
    height: 18.6rem;
    max-width: 27rem;
    width: auto;
    margin-top: 0;
    border-radius: 1.5008rem;
    overflow: hidden; }
    .NavigationElement_teaser_box span {
      display: flex;
      flex-wrap: wrap; }
    .NavigationElement_teaser_box a span img {
      margin-right: 0; }
    .NavigationElement_teaser_box a:hover span p, .NavigationElement_teaser_box a:hover span .igus073ordersummary .headline .text, .igus073ordersummary .headline .NavigationElement_teaser_box a:hover span .text {
      color: #d26e00; }
    .NavigationElement_teaser_box p, .NavigationElement_teaser_box .igus073ordersummary .headline .text, .igus073ordersummary .headline .NavigationElement_teaser_box .text {
      color: #363636;
      padding: 1.6rem 2.4rem;
      margin-bottom: 0; }
    .NavigationElement_teaser_box:hover a.NavigationElement_teaser_box__link:hover span {
      background: #f2f2f2; }
  .NavigationElement_level3 {
    overflow: hidden; }
  ul.NavigationElement_level3 {
    padding-left: 1.5rem; }
  li.NavigationElement_level3 {
    margin-bottom: 20px; }
    li.NavigationElement_level3 li a {
      height: auto;
      width: auto;
      padding: 0.9rem 1.4rem !important; }
    li.NavigationElement_level3 ul.NavigationElement_level3 li a:hover span {
      font-weight: 400;
      box-shadow: none; } }

@media (any-hover: hover) and (pointer: fine) {
  .NavigationElement_touchicon {
    display: none; } }

@media (any-hover: none), (pointer: coarse) {
  .Link_overview {
    border-bottom: 1px solid #a3a3a3;
    width: 100% !important;
    font-weight: 700; }
  .NavigationElement_touchicon {
    display: block; }
  li.NavigationElement_level2,
  li.NavigationElement_level3 {
    position: relative; }
    li.NavigationElement_level2 .NavigationElement_touchicon,
    li.NavigationElement_level3 .NavigationElement_touchicon {
      text-align: center; }
  .NavigationElement_off_canvas_menu a {
    width: calc(100% - 50px); }
  .NavigationElement_off_canvas_menu .NavigationElement_level0 li a:hover > span,
  .NavigationElement_off_canvas_menu .NavigationElement_level0 li > button:hover {
    border-bottom: none; }
  .NavigationElement_off_canvas_menu .NavigationElement_level0 li > button.button__active {
    border-bottom: 6px solid #ffffff; }
  .NavigationElement_off_canvas_menu .NavigationElement_level3 a {
    width: auto; }
  .NavigationElement_teaser_box a {
    width: 100%; } }

@media (any-hover: none) and (min-width: 940px) {
  li.NavigationElement_level2 {
    display: flex; }
  .Link_layout.NavigationElement_level3Category .NavigationElement_touchicon,
  .NavigationElement_level3 .NavigationElement_touchicon {
    display: none; } }

@media (min-width: 940px) and (max-width: 1023px) {
  .NavigationElement_off_canvas_menu ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active {
    grid-template-columns: 1fr 1fr; } }

@media (min-width: 1024px) {
  .NavigationElement_off_canvas_menu ul.NavigationElement_level2.NavigationElement_off_canvas_menu__active {
    grid-template-columns: 1fr 1fr 1fr; } }

.igus123CartProgressBarContainer {
  margin-bottom: 30px; }
  .igus123CartProgressBarContainer > .row {
    margin-left: 0;
    margin-right: 0; }

.igus123CartProgressBarContainer,
.igus123CartProgressBar {
  padding-left: 0;
  padding-right: 0; }

.igus123CartProgressBar {
  display: flex;
  min-height: 120px;
  height: auto;
  justify-content: space-between;
  position: relative;
  overflow-x: hidden; }
  .igus123CartProgressBar::before,
  .igus123CartProgressBar .step-cart::before,
  .igus123CartProgressBar .step-done::before {
    content: '';
    height: 2px;
    margin-top: -22px;
    position: absolute;
    top: 39px; }
    @media (min-width: 720px) {
      .igus123CartProgressBar::before,
      .igus123CartProgressBar .step-cart::before,
      .igus123CartProgressBar .step-done::before {
        left: 46px;
        margin-top: -16px; } }
  .igus123CartProgressBar::before {
    left: 36px;
    right: 36px;
    background-color: #D7D7D7; }
  .igus123CartProgressBar .step-cart::before,
  .igus123CartProgressBar .step-done::before {
    left: 36px;
    right: 0px; }
  .igus123CartProgressBar .step-cart::before,
  .igus123CartProgressBar .step-done::before {
    background-color: #f07d00; }
  .igus123CartProgressBar .step {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    flex-grow: 1;
    position: relative; }
    .igus123CartProgressBar .step:first-child {
      margin-left: 30px; }
    .igus123CartProgressBar .step:last-child {
      flex-grow: 0;
      margin-right: 30px; }
    .igus123CartProgressBar .step .step-bullet {
      background-color: #ffffff;
      border-radius: 50%;
      border: 2px solid #D7D7D7;
      width: 36px;
      height: 36px;
      color: #909090;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .igus123CartProgressBar .step .step-bullet::before {
        font-family: "Material Icons Outlined";
        font-size: 20px; }
        @media (min-width: 720px) {
          .igus123CartProgressBar .step .step-bullet::before {
            font-size: 26px; } }
      @media (min-width: 720px) {
        .igus123CartProgressBar .step .step-bullet {
          width: 46px;
          height: 46px; } }
    .igus123CartProgressBar .step.step-cart .step-bullet::before {
      content: '\e8cc'; }
    .igus123CartProgressBar .step.step-done .step-bullet::before {
      content: '\e876'; }
    .igus123CartProgressBar .step.step-cart .step-bullet,
    .igus123CartProgressBar .step.step-done .step-bullet,
    .igus123CartProgressBar .step.step-active .step-bullet {
      background-color: #f07d00;
      color: #ffffff;
      border: 2px solid transparent;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25); }
    .igus123CartProgressBar .step.step-cart .step-bullet .step-bullet-text,
    .igus123CartProgressBar .step.step-done .step-bullet .step-bullet-text,
    .igus123CartProgressBar .step.step-active .step-bullet .step-bullet-text {
      color: #363636; }
    .igus123CartProgressBar .step.step-active .step-bullet-text {
      display: block; }
    .igus123CartProgressBar .step.step-final .step-bullet {
      background-color: #209c49; }
  .igus123CartProgressBar .step-bullet-text {
    color: #afafaf;
    position: absolute;
    margin-top: 10px;
    top: 100%;
    font-size: 12px;
    font-weight: 500;
    width: 106px;
    display: none; }
    @media (min-width: 536px) {
      .igus123CartProgressBar .step-bullet-text {
        display: block; } }
    @media (min-width: 720px) {
      .igus123CartProgressBar .step-bullet-text {
        font-size: 14px; } }
  .igus123CartProgressBar.progress-bar-success .step::before {
    background-color: #d8d8d8; }
  .igus123CartProgressBar.progress-bar-success .step.step-cart .step-bullet,
  .igus123CartProgressBar.progress-bar-success .step.step-done .step-bullet,
  .igus123CartProgressBar.progress-bar-success .step.step-active .step-bullet {
    background-color: #ffffff;
    border: 2px solid #D7D7D7;
    color: #f07d00; }
  .igus123CartProgressBar.progress-bar-success .step.step-final .step-bullet {
    background-color: #209c49;
    border: none;
    color: #ffffff; }

.NavigationElement_off_canvas_menu__button.NavigationElement_off_canvas_menu__button_back span {
  margin-right: 10px; }

/**
 * @name iguswpck07downloadlist
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpck07downloadlist a.link {
  padding-bottom: 0.75rem;
  color: #d26e00; }
  .iguswpck07downloadlist a.link:hover {
    text-shadow: 1px 0 0 #f07d00; }
  .iguswpck07downloadlist a.link .icon {
    width: 3rem;
    height: 3rem; }

.iguswpck07downloadlist .iguswpck07downloadlist__Link {
  display: flex;
  padding-bottom: 0.75rem; }

/**
 * @name iguswpcksec01headline
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec02singlestandard
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec03multitwocolumn
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec04multithreecolumn
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec05pageindex
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec06freelinklist
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec06freelinklist a {
  padding: 10px 0; }

/**
 * @name iguswpcksec08multicolumntext
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec10multicolumnimages
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec13threecolumnonetext
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec15multicolumnvertical
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec16form
 * @description A form
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec16form {
  padding: 3rem;
  background-color: #ececec; }
  .iguswpcksec16form input[type="checkbox"], .iguswpcksec16form input[type="radio"] {
    height: 12px !important;
    width: 12px !important;
    min-width: 12px !important;
    margin-right: 7px;
    margin-bottom: 0px; }
  .iguswpcksec16form .link {
    margin-bottom: 1.2rem; }
  .iguswpcksec16form .form-group {
    margin: 0; }
  .iguswpcksec16form input {
    margin-bottom: 1.2rem;
    width: 100%; }
  .iguswpcksec16form .btn, .iguswpcksec16form .btn--cmd, .iguswpcksec16form .btn--theme {
    float: right;
    margin: 2rem 0; }

/**
 * @name iguswpcksec18configuration
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec18configuration .iguswpcksec18configuration__step {
  margin-right: 2rem;
  float: right; }

.iguswpcksec18configuration .iguswpcksec18configuration__contentWrapper {
  padding: 2rem;
  background-color: #ebebeb; }

@media (min-width: 720px) {
  .iguswpcksec18configuration .iguswpcksec18configuration__contentWrapper__buttons {
    float: right;
    display: flex; } }

.iguswpcksec18configuration .iguswpcksec18configuration__backButton {
  margin: auto;
  padding-right: 2rem;
  padding-top: 1rem; }

.iguswpcksec18configuration .input__wrapper {
  padding-bottom: 1rem; }

/**
 * @name iguswpcksec20iproorder
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec20iproorder .iguswpcksec20iproorder__buybox {
  display: flex;
  justify-content: flex-end; }

/**
 * @name iguswpcksec21video
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec22includeexternalpage
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec25pagetagssearch
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec25pagetagssearch {
  background-color: #ececec; }
  .iguswpcksec25pagetagssearch .iguswpcksec25pagetagssearch__contentWrapper {
    padding: 2rem; }
  .iguswpcksec25pagetagssearch .btn, .iguswpcksec25pagetagssearch .btn--cmd, .iguswpcksec25pagetagssearch .btn--theme {
    float: right; }
    @media (max-width: 535px) {
      .iguswpcksec25pagetagssearch .btn, .iguswpcksec25pagetagssearch .btn--cmd, .iguswpcksec25pagetagssearch .btn--theme {
        width: 100%; } }
  .iguswpcksec25pagetagssearch .iguswpcksec25pagetagssearch__dropdown:last-child {
    padding-right: 0; }
  .iguswpcksec25pagetagssearch .iguswpcksec25pagetagssearch__dropdown:first-child {
    padding-left: 0; }
  @media (max-width: 719px) {
    .iguswpcksec25pagetagssearch .iguswpcksec25pagetagssearch__dropdown {
      padding-left: 0;
      padding-right: 0; } }
  .iguswpcksec25pagetagssearch .iguswpcksec25pagetagssearch__dropdown .formgroup__dropdown {
    max-width: 100%; }

/**
 * @name iguswpcksec26freelinklistcolumn
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name iguswpcksec27singlemouseoverimage
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec27singlemouseoverimage img {
  margin-bottom: 3rem; }

/**
 * @name iguswpcksec28multifourcolumnlinks
 * @description molecule description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec28multifourcolumnlinks img {
  margin-bottom: 1rem; }

/**
 * @name iguswpcksec29multifourcolumn
 * @description like three only four
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.lino:after {
  margin-top: 30px;
  height: 1px;
  display: inline-block;
  width: 100%;
  background-color: #818a91;
  content: ''; }

/**
 * @name iguswpcksec30pagetagssearch
 * @description molecule description here
 * @author Lars Ortlepp (lortlepp.ext@igus.de)
 * @see {@link http://github.com/documentation|Specification}
 */
.iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch__sliderWrapper {
  position: relative;
  overflow: hidden; }

.iguswpcksec30pagetagssearch_slider_container {
  min-height: 420px; }
  .iguswpcksec30pagetagssearch_slider_container.loading {
    position: relative; }
    .iguswpcksec30pagetagssearch_slider_container.loading::before, .iguswpcksec30pagetagssearch_slider_container.loading::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .iguswpcksec30pagetagssearch_slider_container.loading::before {
      content: '';
      background-image: url("../images/loadingspinner/loading.gif");
      background-position: center center;
      background-repeat: no-repeat;
      z-index: 1000;
      width: 64px;
      height: 64px; }
    .iguswpcksec30pagetagssearch_slider_container.loading::after {
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 64px;
      z-index: 999;
      width: 74px;
      height: 74px; }

/*
* case-specific stuff: selector bar with icons
*/
.iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch_slider_filter .sliderContent {
  height: auto;
  flex-wrap: inherit;
  flex-direction: inherit; }

.iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch_slider_filter .sliderItem {
  position: relative;
  width: 120px;
  height: auto; }
  .iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch_slider_filter .sliderItem .sliderItem__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    padding-bottom: 10px;
    cursor: pointer; }
    .iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch_slider_filter .sliderItem .sliderItem__inner::after {
      content: '';
      height: 2px;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #f07d00;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.3s linear; }
    .iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch_slider_filter .sliderItem .sliderItem__inner:hover::after {
      visibility: visible;
      opacity: 1; }
  .iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch_slider_filter .sliderItem .sliderItem__inner > .text-center {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: center;
    margin-top: 5px; }
  .iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch_slider_filter .sliderItem .icon {
    color: #f07d00;
    height: 60px;
    width: 60px; }

.iguswpcksec30pagetagssearch .iguswpcksec30pagetagssearch__searchButton {
  float: none;
  text-align: center; }

.iguswpcksec30pagetagssearch .btn, .iguswpcksec30pagetagssearch .btn--cmd, .iguswpcksec30pagetagssearch .btn--theme {
  width: 100%; }
  @media (min-width: 536px) {
    .iguswpcksec30pagetagssearch .btn, .iguswpcksec30pagetagssearch .btn--cmd, .iguswpcksec30pagetagssearch .btn--theme {
      width: auto; } }

/**
 * @name iguswpcksec31shoppingcart
 * @description default content for empty shopping cart
 * @author Lars Ortlepp (lortlepp.ext@igus.de)
 */
.iguswpcksec31shoppingcart .shopping-cart-inner {
  padding: 0; }

.iguswpcksec31shoppingcart .shopping-cart-image {
  margin-bottom: 60px;
  text-align: center; }
  @media (min-width: 720px) {
    .iguswpcksec31shoppingcart .shopping-cart-image {
      text-align: right; } }
  .iguswpcksec31shoppingcart .shopping-cart-image img {
    max-width: 250px; }
    @media (min-width: 536px) {
      .iguswpcksec31shoppingcart .shopping-cart-image img {
        width: 100%;
        height: auto;
        max-width: 300px; } }

.iguswpcksec31shoppingcart .shopping-cart-text {
  text-align: center; }
  .iguswpcksec31shoppingcart .shopping-cart-text .btn, .iguswpcksec31shoppingcart .shopping-cart-text .btn--cmd, .iguswpcksec31shoppingcart .shopping-cart-text .btn--theme {
    min-width: inherit;
    padding: 10px 20px; }
  @media (min-width: 720px) {
    .iguswpcksec31shoppingcart .shopping-cart-text {
      text-align: inherit; } }

.iguswpcksec31shoppingcart .shopping-cart-related-items {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .iguswpcksec31shoppingcart .shopping-cart-related-items hr {
    display: block;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px; }
    @media (min-width: 940px) {
      .iguswpcksec31shoppingcart .shopping-cart-related-items hr {
        margin-top: 0; } }
  @media (min-width: 536px) {
    .iguswpcksec31shoppingcart .shopping-cart-related-items {
      display: flex; } }

.iguswpcksec31shoppingcart #sis-basketRecommendation {
  width: 100%; }

.iguswpcksec31shoppingcart .igussec024ProdukteSlider {
  margin-left: 0;
  display: block; }

.iguswpcksec31shoppingcart .igussec024ProdukteSlider .sliderContent .sliderItem {
  width: 190px; }
  @media (min-width: 720px) {
    .iguswpcksec31shoppingcart .igussec024ProdukteSlider .sliderContent .sliderItem {
      width: 183px; } }
  @media (min-width: 940px) {
    .iguswpcksec31shoppingcart .igussec024ProdukteSlider .sliderContent .sliderItem {
      width: 189px; } }
  @media (min-width: 1200px) {
    .iguswpcksec31shoppingcart .igussec024ProdukteSlider .sliderContent .sliderItem {
      width: 200px; } }

/**
 * @name iguswpckShortList
 * @description a short list molecule
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name header
 * @description The page header
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
.igus001Header {
  z-index: 9999 !important;
  margin-bottom: 15px; }
  .igus001Header .logo img {
    width: 100%; }
  .igus001Header a.shoppingcart,
  .igus001Header a.myigus {
    display: flex;
    text-align: center;
    z-index: 8000;
    padding: 10px 30px;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    border: 0;
    color: #626262; }
    .igus001Header a.shoppingcart:hover,
    .igus001Header a.myigus:hover {
      color: #000000; }
  .igus001Header .igus001Header__language {
    display: flex;
    z-index: 8000;
    color: #ffffff;
    position: relative;
    float: right;
    align-items: center;
    height: 58px; }
    .igus001Header .igus001Header__language .btn, .igus001Header .igus001Header__language .btn--cmd, .igus001Header .igus001Header__language .btn--theme {
      height: 100%;
      border-radius: 0;
      border: none;
      flex-grow: 1; }
    @media (max-width: 939px) {
      .igus001Header .igus001Header__language {
        display: none; }
        .igus001Header .igus001Header__language .btn, .igus001Header .igus001Header__language .btn--cmd, .igus001Header .igus001Header__language .btn--theme {
          height: 100%; } }
    .igus001Header .igus001Header__language #btnDomainSelect {
      padding: 0 15px; }
    .igus001Header .igus001Header__language a.link {
      cursor: pointer;
      font-size: 1.2rem;
      font-weight: 500; }
      .igus001Header .igus001Header__language a.link :hover {
        text-shadow: 1px 0 0 #ffffff; }
  .igus001Header .igus001Header__buttons {
    justify-content: flex-end;
    display: flex; }
    .igus001Header .igus001Header__buttons a.shoppingcart,
    .igus001Header .igus001Header__buttons a.myigus,
    .igus001Header .igus001Header__buttons a.menu {
      padding: 10px 30px; }
      .igus001Header .igus001Header__buttons a.shoppingcart .btn__text,
      .igus001Header .igus001Header__buttons a.myigus .btn__text,
      .igus001Header .igus001Header__buttons a.menu .btn__text {
        font-size: 1.6rem;
        padding: 10px 0; }
      .igus001Header .igus001Header__buttons a.shoppingcart .btn__amount,
      .igus001Header .igus001Header__buttons a.myigus .btn__amount,
      .igus001Header .igus001Header__buttons a.menu .btn__amount {
        padding-top: 10px;
        margin-left: 5px; }
    .igus001Header .igus001Header__buttons .search,
    .igus001Header .igus001Header__buttons .menu {
      display: none; }
      @media (max-width: 939px) {
        .igus001Header .igus001Header__buttons .search,
        .igus001Header .igus001Header__buttons .menu {
          display: flex; } }
    @media (max-width: 939px) {
      .igus001Header .igus001Header__buttons .myigus {
        display: none; } }
  .igus001Header .navi {
    padding: 0;
    position: relative;
    margin-bottom: .5rem; }
  .igus001Header .btn--secondary {
    background-color: #626262; }
    .igus001Header .btn--secondary:hover {
      background-color: #000000; }

.igus001Header .igus001Header__top {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .igus001Header .igus001Header__top .igus001Header__search {
    display: flex;
    width: 40%; }
    .igus001Header .igus001Header__top .igus001Header__search .igus104PhotoSearch {
      margin-top: 19px; }
    .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield {
      position: relative;
      height: 3.2rem;
      width: 80%;
      border: 1px solid #ececec;
      text-overflow: ellipsis !important;
      margin: 10px 0; }
      .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield .searchfield {
        padding: 0; }
      .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield .search__input,
      .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield .btn--secondary {
        background-color: #ffffff; }
        .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield .search__input:hover,
        .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield .btn--secondary:hover {
          background-color: black; }
          .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield .search__input:hover .icon,
          .igus001Header .igus001Header__top .igus001Header__search .igus001Header__searchfield .btn--secondary:hover .icon {
            color: #ffffff; }
    @media (max-width: 939px) {
      .igus001Header .igus001Header__top .igus001Header__search {
        display: none; } }
    @media (max-width: 535px) {
      .igus001Header .igus001Header__top .igus001Header__search {
        width: auto;
        flex: 1 1 auto; } }
  .igus001Header .igus001Header__top .btn--secondary {
    background-color: #ffffff; }
    .igus001Header .igus001Header__top .btn--secondary:hover {
      background-color: black; }
      .igus001Header .igus001Header__top .btn--secondary:hover .icon {
        color: #ffffff; }
    .igus001Header .igus001Header__top .btn--secondary .icon {
      height: 1.5rem;
      color: #626262; }

.igus001Header .igus001Header__main {
  justify-content: flex-start;
  background-color: #f07d00; }
  @media (max-width: 719px) {
    .igus001Header .igus001Header__main {
      margin-bottom: 0; } }
  @media (max-width: 939px) {
    .igus001Header .igus001Header__main {
      margin-bottom: 50px; }
      .igus001Header .igus001Header__main .igus001Header__mobileButtons {
        display: flex;
        justify-content: flex-end;
        height: 38px; }
        .igus001Header .igus001Header__main .igus001Header__mobileButtons .btn__text {
          font-size: 1.6rem;
          padding: 10px 10px 10px 0; }
      .igus001Header .igus001Header__main .igus085tabnavigation {
        display: none; }
      .igus001Header .igus001Header__main .igus001Header__buttons {
        width: 100%;
        top: auto;
        right: auto;
        background-color: #f07d00; } }
  .igus001Header .igus001Header__main .search, .igus001Header .igus001Header__main .menu {
    display: none;
    color: #ffffff; }
    @media (max-width: 939px) {
      .igus001Header .igus001Header__main .search, .igus001Header .igus001Header__main .menu {
        display: flex; } }
  .igus001Header .igus001Header__main .overlay {
    z-index: 1 !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px;
    background-color: rgba(236, 236, 236, 0.5); }

@media (max-width: 719px) {
  .logo img {
    height: 40px;
    width: 200px; }
  .igus001Header .igus001Header__buttons a.shoppingcart {
    padding: 10px;
    align-items: center; }
    .igus001Header .igus001Header__buttons a.shoppingcart .btn__text {
      display: none; }
    .igus001Header .igus001Header__buttons a.shoppingcart .btn__amount {
      padding-top: 0px;
      margin-left: 0px; } }

/**
 * @name igusec008jobsite
 * @description organism description here
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igusSec001Produktinformation
 * @description organism description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igusSec002Footer
 * @description organism description here
 * @author Sarah
 * @see {@link http://github.com/documentation|Specification}
 */
.igusSec002Footer__headline {
  margin-bottom: 1.5rem; }

.igusSec002Footer__middle {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap; }

.igusSec002Footer__middle-element {
  margin-bottom: 3rem;
  padding: 0 4.5rem; }
  @media (max-width: 1199px) {
    .igusSec002Footer__middle-element {
      padding: 0; } }
  @media (max-width: 535px) {
    .igusSec002Footer__middle-element {
      margin: 0 0 3rem 0.5rem; } }

.igusSec002Footer__zahlung {
  padding: 0 4.5rem; }
  @media (max-width: 939px) {
    .igusSec002Footer__zahlung {
      padding: 0 15px 0 15px; } }

/**
 * @name igusSec003ThemenintroEinfach
 * @description organism description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igusSec004Sortiment
 * @description organism description here
 * @author empty
 * @see {@link http://github.com/documentation|Specification}
 */
@media (min-width: 536px) {
  .igusSec004Sortiment__filterSuppliment {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; } }

.igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__counter {
  width: 100%;
  font-size: 1.2rem;
  color: #787878;
  position: relative; }
  .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__counter p, .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__counter .igus073ordersummary .headline .text, .igus073ordersummary .headline .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__counter .text {
    padding: 1.5rem 0; }
  @media (min-width: 536px) {
    .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__counter {
      width: 70%;
      font-size: 1.6rem;
      color: #000000; } }

.igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__sort {
  width: 100%; }
  @media (min-width: 536px) {
    .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__sort {
      width: 30%; } }
  .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__sort .form-group.dropdown {
    width: 100%; }
    .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__sort .form-group.dropdown label {
      display: none; }

.igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__listOptions {
  display: flex;
  height: 4rem; }
  .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__listOptions .btn, .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__listOptions .btn--cmd, .igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__listOptions .btn--theme {
    color: #fff; }

.igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__listViewButton,
.igusSec004Sortiment__filterSuppliment .igusSec004Sortiment__gridViewButton {
  min-width: 11rem; }

/**
 * @name igussec005produktverknupfungen
 * @description A section containing a list of related product with pictures, text and a buybox.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec005produktverknupfungen .row:first-child .igussec005produKtverknupfungen__title:first-of-type .tablecontent__headline:first-child {
  border-top: none; }

.igussec005produktverknupfungen .igussec005produktverknupfungen__product {
  padding: 0;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 2rem; }
  .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo {
    padding: 0; }
    .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo .productPicture {
      padding-left: 0;
      padding-right: 0; }
      .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo .productPicture picture img {
        border: 1px solid #d8d8d8;
        margin-bottom: 1rem; }
    .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo .productDetails {
      overflow-wrap: break-word; }
      .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo .productDetails .igus010Text, .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo .productDetails .igus097wpcksechead {
        margin-bottom: 0.5rem;
        padding: 0; }
    .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo .productMinibuybox {
      padding-right: 0;
      padding-left: 0; }
      .igussec005produktverknupfungen .igussec005produktverknupfungen__product .productInfo .productMinibuybox .igus045minibuybox {
        margin-left: auto;
        padding-right: 0; }

.igussec005produktverknupfungen .igussec005produktverknupfungen__product:last-child {
  border-bottom: none; }

/**
 * @name igusSec006CombiProducts
 * @description Section to combine Products
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igusSec006CombiProducts__product {
  background: #f2f2f2;
  padding: 3rem; }
  .igusSec006CombiProducts__product .igusSec006CombiProducts__productPicLink .link {
    padding: 3rem 0; }
  .igusSec006CombiProducts__product .headline {
    color: #f07d00; }
  .igusSec006CombiProducts__product .form-group label {
    min-width: 27rem;
    overflow-wrap: break-word; }
  .igusSec006CombiProducts__product .form-group .formgroup__dropdown {
    display: inline-block; }
  .igusSec006CombiProducts__product .igus007BuyBox {
    float: right; }
  .igusSec006CombiProducts__product .igusSec006CombiProducts__basket {
    border: 1px solid #000000; }
    .igusSec006CombiProducts__product .igusSec006CombiProducts__basket .igusSec006CombiProducts__basketList {
      padding: 3rem; }
  @media (min-width: 536px) {
    .igusSec006CombiProducts__product .igus033hinweistexte .igus033hinweistexteContainer {
      max-width: none; } }

/**
 * @name igussec019stueckliste
 * @description A section used in in the checkout process to show the seperate parts of a product. It acts as a suppliment to the normal product tile. 
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec019stueckliste .igus074baskettile {
  border-bottom: 0;
  border-left: 0;
  border-right: 0; }
  .igussec019stueckliste .igus074baskettile .btn-close {
    display: none; }

.igussec019stueckliste .tablecontent__headline {
  border-top: 0; }

.igussec019stueckliste .table__tbody tr:not(:last-of-type) {
  border-bottom: 0; }

/**
 * @name igusSec021Footer
 * @description organism description here
 * @author Matthias Wehnert
 * @see {@link http://github.com/documentation|Specification}
 */
.igusSec021Footer {
  background-color: #f7f7f9;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: -4rem; }

.igusSec021Footer__feedback {
  background-color: #363636;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem; }

.igusSec021Footer__feedback__text {
  color: #f2f2f2;
  vertical-align: middle;
  font-weight: 500;
  margin-right: 1.5rem; }

.igusSec021Footer__feedback__button {
  min-width: 132px;
  min-height: 3.6rem;
  border-radius: 3px; }
  .igusSec021Footer__feedback__button .btn__text {
    font-weight: bold;
    font-size: 1.4rem; }

.igusSec021Footer__headline {
  margin-bottom: 1.5rem; }

.igusSec021Footer__middle {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap; }

.igusSec021Footer__section {
  display: flex;
  flex-direction: column;
  min-width: 250px; }
  @media (min-width: 940px) {
    .igusSec021Footer__section:nth-child(4), .igusSec021Footer__section:nth-child(5), .igusSec021Footer__section:nth-child(6) {
      justify-content: flex-end; } }

.igusSec021Footer__language_wrapper {
  z-index: 1; }

.igusSec021Footer__language {
  margin-top: 6rem;
  display: flex;
  align-items: center; }
  @media (min-width: 940px) {
    .igusSec021Footer__language {
      justify-content: flex-end; } }

img.igusSec021Footer__globe {
  margin-right: 1rem; }

.igusSec021Footer__languageswitch {
  font-size: 1.4rem; }
  .igusSec021Footer__languageswitch span {
    font-weight: bold;
    padding-right: 0.5rem; }
  .igusSec021Footer__languageswitch a {
    cursor: pointer;
    color: #363636;
    text-decoration: underline; }

.igusSec021Footer__languagedivider {
  font-size: 1.4rem;
  padding: 0 0.5rem; }

.igusSec021Footer__bottom hr.divider {
  margin: 2rem 0;
  padding: 0; }

.igusSec021Footer__trademarks {
  margin: 2rem 0; }
  .igusSec021Footer__trademarks p, .igusSec021Footer__trademarks .igus073ordersummary .headline .text, .igus073ordersummary .headline .igusSec021Footer__trademarks .text {
    color: #bbbbbb;
    font-size: 1.4rem;
    line-height: 1.8rem; }

/**
 * @name igussec023Boilerplate
 * @description molecule description here
 * @author Matthias Wehnert
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec023Boilerplate {
  background-color: #f7f7f9;
  padding-top: 0;
  margin-top: 40px;
  margin-bottom: 0; }

.igussec023Boilerplate__LinkList {
  list-style-type: none;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center; }

.igussec023Boilerplate__LinkList-item {
  font-size: 14px;
  line-height: 20px;
  display: inline-flex;
  color: #666666; }
  .igussec023Boilerplate__LinkList-item .divider {
    margin: 0 5px; }
  .igussec023Boilerplate__LinkList-item .link--secondary {
    color: #666666; }

.igussec023Boilerplate hr.divider {
  margin: 20px 0;
  padding: 0; }

.igussec023Boilerplate__trademarks {
  margin: 20px 0; }
  .igussec023Boilerplate__trademarks p, .igussec023Boilerplate__trademarks .igus073ordersummary .headline .text, .igus073ordersummary .headline .igussec023Boilerplate__trademarks .text {
    color: #bbbbbb;
    font-size: 14px;
    line-height: 18px; }

/**
 * @name igussec023BoilerplateTransparent
 * @description modification of molecule igussec023Boilerplate
 * @author Lars Olzem
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec023BoilerplateTransparent .igussec023Boilerplate {
  background-color: transparent; }

.igussec024ProdukteSliderWrap .box-category-title {
  color: #ffffff;
  border-radius: 15px;
  padding: 10px 15px;
  display: block; }
  @media (min-width: 720px) {
    .igussec024ProdukteSliderWrap .box-category-title {
      position: absolute;
      left: 15px;
      width: 200px;
      height: 155px;
      padding: 15px; } }
  .igussec024ProdukteSliderWrap .box-category-title strong {
    font-size: 20px; }
  .igussec024ProdukteSliderWrap .box-category-title:hover {
    background-color: #d26e00; }
    .igussec024ProdukteSliderWrap .box-category-title:hover, .igussec024ProdukteSliderWrap .box-category-title:hover a {
      color: #ffffff; }
  .igussec024ProdukteSliderWrap .box-category-title .box-category-title-inner {
    display: flex;
    flex-direction: column; }

.igussec024ProdukteSlider {
  height: 155px;
  margin-left: 205px;
  display: none; }
  @media (min-width: 720px) {
    .igussec024ProdukteSlider {
      display: block; } }
  .igussec024ProdukteSlider .sliderContent .sliderItem {
    background-color: #f2f2f2;
    border-radius: 15px;
    margin-right: 15px;
    width: 195px;
    height: 155px;
    position: relative;
    overflow: hidden; }
    @media (min-width: 720px) {
      .igussec024ProdukteSlider .sliderContent .sliderItem {
        width: 195px; } }
    @media (min-width: 940px) {
      .igussec024ProdukteSlider .sliderContent .sliderItem {
        width: 198px; } }
    @media (min-width: 1200px) {
      .igussec024ProdukteSlider .sliderContent .sliderItem {
        width: 210px; } }
    .igussec024ProdukteSlider .sliderContent .sliderItem:hover {
      background-color: #ececec; }
    .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__link {
      margin: 0;
      display: flex;
      align-items: end;
      align-items: flex-end;
      height: 58px; }
    .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__link > a {
      line-height: 1.3;
      color: #000000;
      display: flex;
      align-items: end;
      align-items: flex-end;
      flex-grow: 1;
      justify-content: start;
      justify-content: flex-start;
      padding: 0 15px 10px 15px; }
    .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__inner:hover > .sliderItem__link > a,
    .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__link > a:hover {
      color: #f07d00;
      text-shadow: none; }
    .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__inner {
      height: 100%; }
    .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__image {
      display: flex;
      justify-content: start;
      justify-content: flex-start;
      height: 100%;
      max-height: 99px;
      margin: 0;
      padding-top: 15px; }
      .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__image:hover {
        outline: 1px solid transparent; }
      .igussec024ProdukteSlider .sliderContent .sliderItem .sliderItem__image img {
        height: auto;
        object-fit: contain; }

.igussec025TextWithContentWrap .igussec025-content-image {
  display: block;
  outline: 1px solid transparent;
  border: 0px; }
  .igussec025TextWithContentWrap .igussec025-content-image:hover {
    outline: 1px solid #f07d00;
    outline-offset: -1px; }

.igussec025TextWithContentWrap .igussec025-content-text {
  display: -webkit-box;
  min-height: 75px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

/**
 * @name igussec14basket
 * @description Redesign of shopping cart 11-2023
 * @author LOrtlepp
 */
.igussec026Cart2023 {
  border: 0;
  padding: 0; }
  .igussec026Cart2023 label {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: inherit; }
  .igussec026Cart2023 input[type="text"] {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    color: #363636;
    padding: 7px 15px;
    margin: 0;
    transition: background-color 0.2s ease;
    width: 100%;
    padding: 7px 10px; }
    .igussec026Cart2023 input[type="text"]:focus {
      background-color: #ffffff;
      border-color: #787878;
      transition: all 0.2s ease;
      outline: none; }
    .igussec026Cart2023 input[type="text"]:read-only, .igussec026Cart2023 input[type="text"]:read-only:focus {
      border: 1px solid #ececec;
      cursor: not-allowed;
      color: #999; }
  .igussec026Cart2023 input[type="text"],
  .igussec026Cart2023 input[type="submit"],
  .igussec026Cart2023 button,
  .igussec026Cart2023 .btn,
  .igussec026Cart2023 .btn--cmd,
  .igussec026Cart2023 .btn--theme {
    transition: all 0.2s ease-out; }
  .igussec026Cart2023 input[type="radio"] {
    appearance: none;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative; }
    .igussec026Cart2023 input[type="radio"]:checked::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background-color: #363636;
      border: none;
      z-index: 1; }
  
  .igussec026Cart2023 .btn,
  .igussec026Cart2023 .btn--cmd,
  .igussec026Cart2023 .btn--theme {
    font-size: 16px;
    min-height: inherit;
    min-width: inherit;
    max-width: inherit;
    margin-right: 15px;
    padding: 12px 15px;
    width: auto; }
    .igussec026Cart2023 .btn:last-child, .igussec026Cart2023 .btn--cmd:last-child, .igussec026Cart2023 .btn--theme:last-child {
      margin-right: 0; }
  .igussec026Cart2023 .btn-secondary {
    background-color: #ffffff;
    border-color: #f07d00;
    color: #f07d00; }
    .igussec026Cart2023 .btn-secondary:hover {
      background-color: #f07d00;
      border-color: #f07d00;
      color: #ffffff; }
  .igussec026Cart2023 .igus074baskettile__notice {
    margin: 5px 0;
    padding: 7px 8px;
    background-color: #E4EDF3;
    font-size: 13px;
    display: flex;
    min-width: 240px;
    width: fit-content; }
    .igussec026Cart2023 .igus074baskettile__notice .material-icons-outlined {
      color: #2c74a9;
      font-size: 20px;
      margin-right: 5px; }
  .igussec026Cart2023 [data-toggle="popover"] span.material-icons-outlined {
    font-size: 20px;
    margin-left: 5px; }
  .igussec026Cart2023 .popover {
    font-family: inherit;
    border: 1px #f07d00 solid;
    padding: 10px;
    margin-left: 3px; }
    .igussec026Cart2023 .popover .arrow::before {
      border-right-color: #d8d8d8; }
    .igussec026Cart2023 .popover .arrow::after {
      border-right-color: #d8d8d8; }

/**
 * @name igussec07searchresults
 * @description Search results appear in this section
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec07searchresults {
  /* Safari */ }
  .igussec07searchresults svg path,
  .igussec07searchresults svg rect {
    fill: #787878; }
  .igussec07searchresults #DownloadResult_content .igussec07searchresults__resultWrapper {
    display: block; }
  .igussec07searchresults .igussec07searchresults__divider {
    flex-grow: 1;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .igussec07searchresults .igussec07searchresults__divider .btn, .igussec07searchresults .igussec07searchresults__divider .btn--cmd, .igussec07searchresults .igussec07searchresults__divider .btn--theme {
      min-width: none !important;
      width: 100% !important; }
    @media (max-width: 719px) {
      .igussec07searchresults .igussec07searchresults__divider .form-control {
        width: 100%; }
      .igussec07searchresults .igussec07searchresults__divider .formgroup__dropdown {
        max-width: none; }
      .igussec07searchresults .igussec07searchresults__divider .form-group {
        margin-bottom: 0; } }
  .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs {
    border-bottom: 1px solid #000; }
    .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link {
      padding: 0 2rem 1rem 1.5rem;
      margin: 0;
      height: 6rem;
      display: flex;
      align-items: flex-end;
      text-align: left;
      color: #363636;
      line-height: 2.2rem;
      outline: none;
      border: none;
      border-radius: 0; }
      .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link.ready:hover {
        background-color: #ececec; }
      .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link.ready .nav-link__title,
      .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link.ready .nav-link__appendage {
        font-size: 1.4rem;
        color: #363636; }
      .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link.ready.active {
        background-color: #363636 !important; }
        .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link.ready.active .nav-link__title,
        .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link.ready.active .nav-link__appendage {
          font-size: 1.4rem;
          color: #ffffff; }
      .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-link .nav-link__title {
        margin: 0; }
    .igussec07searchresults .igussec07searchresults__navbar ul.nav-tabs .nav-item {
      width: 16.66%;
      min-width: 10rem; }
  .igussec07searchresults .igussec07searchresults__navbar .nav-tabs .nav-item + .nav-item {
    margin: 0; }
  @media (max-width: 719px) {
    .igussec07searchresults .nav-tabs {
      display: none; } }
  .igussec07searchresults .nav-link__title {
    color: #787878; }
  .igussec07searchresults .nav-link__appendage {
    font-size: 1.4rem;
    padding-top: 2px;
    color: #787878; }
  .igussec07searchresults .ready .nav-link__title,
  .igussec07searchresults .ready .nav-link__appendage {
    font-size: 1.4rem;
    color: #363636; }
  @media (min-width: 536px) {
    .igussec07searchresults .igus008TabPane__content {
      padding-top: 0; } }
  .igussec07searchresults .igussec07searchresults__resultWrapper {
    margin-top: 3rem;
    margin-left: -15px;
    overflow: hidden;
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap; }
  .igussec07searchresults .igussec07searchresults__queryHeading {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline; }
    .igussec07searchresults .igussec07searchresults__queryHeading h3 {
      margin-right: 1.5rem;
      display: block;
      white-space: nowrap; }
    .igussec07searchresults .igussec07searchresults__queryHeading .suchbegriff {
      font-size: 3rem; }
      @media (max-width: 719px) {
        .igussec07searchresults .igussec07searchresults__queryHeading .suchbegriff {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; } }
  .igussec07searchresults .igussec07searchresults__ergebnisHeading {
    background-color: #d8d8d8;
    border-top: solid 1px #000000;
    padding: 1rem; }
  .igussec07searchresults .igussec07searchresults__infoBar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .igussec07searchresults .igus091searchresultbox__description * {
    overflow: hidden;
    text-overflow: ellipsis; }
  .igussec07searchresults .igus091searchresultbox__description a:not(.btn):not(.btn--cmd):not(.btn--theme) {
    color: #363636; }
    .igussec07searchresults .igus091searchresultbox__description a:not(.btn):not(.btn--cmd):not(.btn--theme):hover {
      color: #f07d00; }
  .igussec07searchresults .igus023TeaserService .igus023TeaserService__content {
    padding: 28px 15px 0 15px; }
  .igussec07searchresults .loader {
    margin: 0 1rem;
    position: relative;
    bottom: 3px;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #787878;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite; }
  .igussec07searchresults .igus008TabPane__title .loader {
    position: relative;
    top: 1px; }
  @media (max-width: 719px) {
    .igussec07searchresults .igus008TabPane__title {
      display: flex;
      background-color: #d8d8d8; }
      .igussec07searchresults .igus008TabPane__title.ready {
        background-color: #363636 !important; } }
  .igussec07searchresults .igus008TabPane__title h6 {
    display: none; }
    @media (max-width: 719px) {
      .igussec07searchresults .igus008TabPane__title h6 {
        display: block; } }
  .igussec07searchresults .igus008TabPane .nav-link__appendage {
    color: #ffffff;
    font-size: 1.4rem; }
    @media (max-width: 719px) {
      .igussec07searchresults .igus008TabPane .nav-link__appendage {
        display: block; } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .igussec07searchresults .igussec07searchresults__noresults ol {
    list-style-position: inside; }
  .igussec07searchresults .igussec07searchresults__noresults input.searchfield__input.form-control {
    border: 1px solid #d8d8d8; }

/**
 * @name igussec08solutions
 * @description A section providing a tiles overview of solutions
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
@media (max-width: 719px) {
  .igussec08solution__img {
    padding-right: 0; } }

.igussec08solutions__panel {
  margin-top: 15px;
  margin-left: -15px; }
  @media (min-width: 720px) {
    .igussec08solutions__panel {
      display: flex; } }
  .igussec08solutions__panel .igus081imagetile picture {
    display: none; }
  @media (min-width: 720px) {
    .igussec08solutions__panel .igus081imagetile picture {
      display: inline-block; } }
  .igussec08solutions__panel .igussec08solution__touchbuttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (max-width: 719px) {
      .igussec08solutions__panel .igussec08solution__touchbuttons {
        padding-right: 0; } }
    @media (min-width: 720px) {
      .igussec08solutions__panel .igussec08solution__touchbuttons {
        margin-top: -15px;
        margin-bottom: -15px; } }
    .igussec08solutions__panel .igussec08solution__touchbuttons .btn--touch {
      flex-grow: 1;
      margin-bottom: 15px;
      margin-top: 15px; }
      @media (max-width: 719px) {
        .igussec08solutions__panel .igussec08solution__touchbuttons .btn--touch {
          width: 100%; }
          .igussec08solutions__panel .igussec08solution__touchbuttons .btn--touch:last-child {
            margin-top: 0; } }
  @media (max-width: 719px) {
    .igussec08solutions__panel .igus081imagetile__info.btn--touch {
      width: 100%; }
    .igussec08solutions__panel .igus081imagetile__info .btn__text h4, .igussec08solutions__panel .igus081imagetile__info .btn__text .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igussec08solutions__panel .igus081imagetile__info .btn__text .igus072forgotpass__headline {
      font-size: 1.6rem; }
    .igussec08solutions__panel .igus081imagetile__info .btn__text p, .igussec08solutions__panel .igus081imagetile__info .btn__text .igus073ordersummary .headline .text, .igus073ordersummary .headline .igussec08solutions__panel .igus081imagetile__info .btn__text .text {
      display: none; }
    .igussec08solutions__panel .igus081imagetile__info .btn__icon .icon {
      width: 5rem;
      height: 5rem; } }

/**
 * @name igussec08solutionsDE
 * @description A section providing a tiles overview of solutions
 * @author ibenamor
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec08solutionsDE__box {
  height: 270px; }
  .igussec08solutionsDE__box .btn--touch {
    height: 100%;
    padding-bottom: 0.5rem; }
    .igussec08solutionsDE__box .btn--touch .btn__text {
      width: 100%;
      font-size: 26px;
      line-height: 28px;
      font-weight: 700;
      font-style: normal; }
    .igussec08solutionsDE__box .btn--touch .icon {
      width: 90px;
      height: 82px; }
      .igussec08solutionsDE__box .btn--touch .icon .cad-dateien, .igussec08solutionsDE__box .btn--touch .icon .beratung {
        height: 90%; }

@media (max-width: 719px) {
  .igussec08solutionsDE__box {
    height: auto; }
    .igussec08solutionsDE__box .btn--touch {
      height: auto;
      padding-bottom: 0.5rem; }
      .igussec08solutionsDE__box .btn--touch .btn__text {
        width: 100%;
        font-size: 1.6rem;
        line-height: 26px;
        font-weight: 700;
        font-style: normal; }
      .igussec08solutionsDE__box .btn--touch .btn__icon .icon {
        width: 50px;
        height: 50px;
        float: right; } }

/**
 * @name igussec09industries
 * @description buttons to the different industry sections
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec09industries .btn--cmd {
  margin: 1.5rem 0; }
  @media (max-width: 939px) {
    .igussec09industries .btn--cmd {
      width: 100%; } }

/**
 * @name igussec10news
 * @description A showcase for news
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec10news .igussec10news__stories {
  margin-left: -15px; }

.igussec10news .igussec10news__headline {
  display: flex;
  align-items: baseline; }
  .igussec10news .igussec10news__headline h1 {
    margin-right: 15px; }
  @media (max-width: 719px) {
    .igussec10news .igussec10news__headline {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 10px; }
      .igussec10news .igussec10news__headline h1 {
        margin-bottom: 1rem; }
      .igussec10news .igussec10news__headline .link {
        position: static; } }
  @media (min-width: 536px) {
    .igussec10news .igussec10news__headline .link {
      position: relative;
      top: -12px; } }

/**
 * @name igussec11produkte
 * @description A section providing an overview of products. Presented as a grid of buttons.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec11produkte h3.igussec11produkte__subheading--narrow {
  margin-bottom: -10px; }

.igussec11produkte .igussec11produkte__buttons {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap; }
  .igussec11produkte .igussec11produkte__buttons a.btn--theme {
    margin: 15px; }
    @media (max-width: 939px) {
      .igussec11produkte .igussec11produkte__buttons a.btn--theme {
        flex-grow: 1; } }

/**
 * @name igussec11produkte
 * @description A section providing an overview of products. Presented as a grid of buttons.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec11produkteDE .igussec11produkteDE__subheading--narrow {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400; }

.igussec11produkteDE .igussec11produkteDE__title {
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 22px; }

.igussec11produkteDE .img__navigation {
  width: 100%;
  max-width: 200px; }

.igussec11produkteDE .igussec11produkteDE__box {
  height: 180px;
  margin: 15px 0 15px;
  overflow: hidden;
  background-color: #f2f2f2; }
  .igussec11produkteDE .igussec11produkteDE__box a {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 22px; }
    .igussec11produkteDE .igussec11produkteDE__box a:hover, .igussec11produkteDE .igussec11produkteDE__box a:visited {
      color: #ffffff;
      font-weight: 600; }
    .igussec11produkteDE .igussec11produkteDE__box a div {
      margin: 1.5rem 1rem 1.5rem 1rem !important; }
  .igussec11produkteDE .igussec11produkteDE__box:hover {
    cursor: pointer;
    background-color: #f07d00;
    color: #ffffff !important;
    font-weight: 600;
    color: #ffffff; }

@media (max-width: 939px) {
  .igussec11produkteDE .igussec11produkteDE__box .img__navigation {
    margin-left: 20%;
    max-width: 60%; } }

@media (max-width: 719px) {
  .igussec11produkteDE .igussec11produkteDE__box {
    height: 60px;
    vertical-align: middle; }
    .igussec11produkteDE .igussec11produkteDE__box a div {
      line-height: 60px;
      margin: 0 !important; }
    .igussec11produkteDE .igussec11produkteDE__box .img__navigation {
      max-width: 90px;
      float: left;
      margin-left: 0px; }
    .igussec11produkteDE .igussec11produkteDE__box:hover {
      cursor: pointer;
      font-weight: 600;
      color: #ffffff; } }

/**
 * @name igussec12about
 * @description A simple to column about us section with contact details.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec12about a.link {
  line-height: 4.2rem; }

/**
 * @name igussec13fullscreenFooter
 * @description A footer that fills the viewport.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igussec14basket
 * @description A basket that contains multiple basket tiles.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec14basket {
  padding: 15px; }
  .igussec14basket .igussec14basket__tiles {
    padding: 0; }
    .igussec14basket .igussec14basket__tiles .col-xs-12:first-child .igus074baskettile {
      border-top: 1px solid #ececec; }
  .igussec14basket .igussec14basket__options {
    padding: 0; }
    .igussec14basket .igussec14basket__options div[class^='col-'] {
      padding: 0; }
      @media (max-width: 939px) {
        .igussec14basket .igussec14basket__options div[class^='col-'] {
          margin-bottom: 15px; } }
    .igussec14basket .igussec14basket__options .igus069optionbox {
      overflow: hidden; }
      @media (min-width: 720px) {
        .igussec14basket .igussec14basket__options .igus069optionbox {
          min-height: 210px; } }
  .igussec14basket .headline {
    padding-left: 0; }
  .igussec14basket .igus074baskettile, .igussec14basket .igus069optionbox {
    overflow: hidden; }
  .igussec14basket .igus074baskettile__link a[aria-expanded="true"] .icon {
    transform: rotate(90deg);
    transition: all 1s ease; }
  .igussec14basket .igussec14basket__buttons {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding-right: 0; }
    .igussec14basket .igussec14basket__buttons .leftalign {
      flex-grow: 1; }
    .igussec14basket .igussec14basket__buttons .dropdown-toggle {
      padding-right: 30px; }
    .igussec14basket .igussec14basket__buttons .dropdown-toggle::after {
      margin: 0;
      position: absolute;
      right: 10px; }
    .igussec14basket .igussec14basket__buttons .btn, .igussec14basket .igussec14basket__buttons .btn--cmd, .igussec14basket .igussec14basket__buttons .btn--theme, .igussec14basket .igussec14basket__buttons .btn + .dropdown-menu, .igussec14basket .igussec14basket__buttons .btn--cmd + .dropdown-menu, .igussec14basket .igussec14basket__buttons .btn--theme + .dropdown-menu {
      min-width: 150px;
      width: auto;
      margin-left: 15px; }
  .igussec14basket .igussec14basket__headlines,
  .igussec14basket .igussec17basket__headlines {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #f2f2f2; }
  .igussec14basket .igussec14basket__box {
    border: 1px solid #f2f2f2;
    margin: 3rem 0; }
    .igussec14basket .igussec14basket__box h5, .igussec14basket .igussec14basket__box .igus072forgotpass .headline, .igus072forgotpass .igussec14basket .igussec14basket__box .headline, .igussec14basket .igussec14basket__box .igus073ordersummary .headline, .igus073ordersummary .igussec14basket .igussec14basket__box .headline, .igussec14basket .igussec14basket__box h6, .igussec14basket .igussec14basket__box p, .igussec14basket .igussec14basket__box .igus073ordersummary .headline .text, .igus073ordersummary .headline .igussec14basket .igussec14basket__box .text, .igussec14basket .igussec14basket__box ul {
      margin: 30px 0;
      padding: 5px 15px; }
    .igussec14basket .igussec14basket__box ul {
      font-weight: 700;
      padding: 0 15px;
      list-style-position: inside; }
      .igussec14basket .igussec14basket__box ul li {
        margin: 5px 0; }
  .igussec14basket .igussec14basket__box--headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f2f2;
    font-size: 1.6rem;
    padding: 5px 15px; }
    .igussec14basket .igussec14basket__box--headline .fa-check-circle {
      color: #209c49; }
  .igussec14basket .igusec14basket__tile--heading {
    padding-left: 0;
    display: flex;
    align-items: center;
    font-weight: 700; }
  .igussec14basket .igussec14basket__orderSummary {
    margin-bottom: 15px; }

/**
 * @name igussec15progressheader
 * @description A Header to hous the progressbar and a single centered icon
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igussec16bestelldaten
 * @description A section to house the various input fields required for an order
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec16bestelldaten, .igussec17myigusbestelldaten {
  padding: 15px; }
  .igussec16bestelldaten div[class^="col-"], .igussec17myigusbestelldaten div[class^="col-"] {
    padding-left: 0; }
  .igussec16bestelldaten .igus068angabebox, .igussec17myigusbestelldaten .igus068angabebox, .igussec16bestelldaten .igus069optionbox, .igussec17myigusbestelldaten .igus069optionbox {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .igussec16bestelldaten .igussec16bestelldaten__buttons .btn, .igussec17myigusbestelldaten .igussec16bestelldaten__buttons .btn, .igussec16bestelldaten .igussec16bestelldaten__buttons .btn--cmd, .igussec17myigusbestelldaten .igussec16bestelldaten__buttons .btn--cmd, .igussec16bestelldaten .igussec16bestelldaten__buttons .btn--theme, .igussec17myigusbestelldaten .igussec16bestelldaten__buttons .btn--theme {
    float: right; }

/**
 * @name igussec17bezahlungerfolgt
 * @description A screen to show when a person has paid.
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec17bezahlungerfolgt {
  padding: 13px; }
  .igussec17bezahlungerfolgt .igus013Tabelle {
    padding: 3rem 0; }
    .igussec17bezahlungerfolgt .igus013Tabelle table {
      width: 100% !important;
      margin: 0 !important; }
    .igussec17bezahlungerfolgt .igus013Tabelle tbody tr:last-child {
      background-color: #d8d8d8;
      font-weight: bold; }
  .igussec17bezahlungerfolgt .fields {
    border: 1px solid #f2f2f2; }
  .igussec17bezahlungerfolgt .igus073ordersummary {
    border: 1px solid #f2f2f2; }
    .igussec17bezahlungerfolgt .igus073ordersummary .igus073ordersummary__refine {
      margin: 0 auto;
      background-color: #ffffff; }
  .igussec17bezahlungerfolgt .fill {
    background-color: #f2f2f2;
    padding: 5px; }
  .igussec17bezahlungerfolgt .h4 {
    margin-bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .igussec17bezahlungerfolgt .h4 .icons {
      padding: 5px;
      display: flex;
      align-items: center;
      font-size: 20px;
      color: #209c49; }
      .igussec17bezahlungerfolgt .h4 .icons i {
        font-size: 16px;
        margin-right: 0.5rem; }
      .igussec17bezahlungerfolgt .h4 .icons .icon__text {
        font-size: 1.2rem; }
      @media (max-width: 535px) {
        .igussec17bezahlungerfolgt .h4 .icons .icon__text {
          display: none; } }

/**
 * @name igussec17myigusbestelldaten
 * @description A Section where a myigus user would login
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name igussec18account
 * @description for acount logins etc
 * @author dmarais
 * @see {@link http://github.com/documentation|Specification}
 */
/**
 * @name 20IpCountryNotification
 * @description for account logins etc
 * @author ibenamor / modified LOrtlepp 06-2023
 */
.igussec20IpCountryNotification {
  background-color: #363636;
  color: #ffffff;
  position: relative; }
  .igussec20IpCountryNotification .links {
    flex-shrink: 0; }
    .igussec20IpCountryNotification .links a {
      color: #ffffff; }
    .igussec20IpCountryNotification .links .link__text {
      font-size: 14px; }
  .igussec20IpCountryNotification .btn, .igussec20IpCountryNotification .btn--cmd, .igussec20IpCountryNotification .btn--theme {
    min-width: inherit; }
  .igussec20IpCountryNotification .btn--primary, .igussec20IpCountryNotification .btn--hero {
    padding: 5px 20px; }
  .igussec20IpCountryNotification .action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px; }
  .igussec20IpCountryNotification .popup__btnClose,
  .igussec20IpCountryNotification .popup__btnClose .btn,
  .igussec20IpCountryNotification .popup__btnClose .btn--cmd,
  .igussec20IpCountryNotification .popup__btnClose .btn--theme {
    background-color: transparent; }
  .igussec20IpCountryNotification .popup__btnClose .btn .icon, .igussec20IpCountryNotification .popup__btnClose .btn--cmd .icon, .igussec20IpCountryNotification .popup__btnClose .btn--theme .icon {
    width: 12px;
    height: 12px; }

/**
 * @name 21leadin
 * @description for shopping promotion
 * @author
 * @see {@link http://github.com/documentation|Specification}
 */
.igussec21leadin {
  background: #f8f8f8;
  display: none; }
  @media (min-width: 720px) {
    .igussec21leadin {
      display: block; } }
  .igussec21leadin .icon {
    color: #f07d00; }
  .igussec21leadin a.slogan {
    color: #000;
    height: 3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px; }
    @media (min-width: 940px) {
      .igussec21leadin a.slogan {
        font-size: 16px; } }
    .igussec21leadin a.slogan:hover, .igussec21leadin a.slogan:focus {
      color: #f07d00; }
  .igussec21leadin .wrapper {
    display: flex;
    justify-content: space-between; }

.col-iframe iframe {
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
  border: none; }
  @media (min-width: 940px) {
    .col-iframe iframe {
      margin-bottom: 0; } }

.col-boxes .box {
  margin-top: 30px; }
  .col-boxes .box:first-of-type {
    margin-top: 0; }

.igus-template-landing {
  padding-left: 0;
  padding-right: 0; }

.igus-template-landing .container-header {
  padding-top: 100px;
  position: relative; }
  .igus-template-landing .container-header * {
    color: #ffffff; }
  .igus-template-landing .container-header a:hover {
    text-shadow: 1px 0 0 #ffffff; }
  .igus-template-landing .container-header h1, .igus-template-landing .container-header h2, .igus-template-landing .container-header h3, .igus-template-landing .container-header h4, .igus-template-landing .container-header .igus072forgotpass .igus072forgotpass__headline, .igus072forgotpass .igus-template-landing .container-header .igus072forgotpass__headline, .igus-template-landing .container-header h5, .igus-template-landing .container-header .igus072forgotpass .headline, .igus072forgotpass .igus-template-landing .container-header .headline, .igus-template-landing .container-header .igus073ordersummary .headline, .igus073ordersummary .igus-template-landing .container-header .headline, .igus-template-landing .container-header h6 {
    margin-bottom: 1.5rem; }
  .igus-template-landing .container-header::after {
    content: '';
    background-color: #f07d00;
    display: block;
    position: absolute;
    top: 0;
    right: calc(-50vw + 50%);
    bottom: -200px;
    left: calc(-50vw + 50%);
    clear: none;
    z-index: -1; }
  .igus-template-landing .container-header .item {
    margin-bottom: 30px; }
    .igus-template-landing .container-header .item * {
      color: #ffffff; }
  .igus-template-landing .container-header .subheading {
    display: block;
    margin-bottom: 1.5rem; }
  .igus-template-landing .container-header .logo {
    width: 130px;
    height: 68px;
    display: block;
    padding: 0;
    margin-bottom: 50px; }
  .igus-template-landing .container-header .logo img {
    width: 100%;
    height: auto; }

.igus-template-landing form.form-2023 {
  background-color: #ffffff;
  border: none;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px; }

/*# sourceMappingURL=main.css.map */