@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////
//	1 BASE
//////////////////////////////////////////////////////////////////////////////*/
/*	GENERIC 
//////////////////////////////////////////////////////////////////////////////*/
html {
  box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

body {
  overflow-x: hidden;
}

/*	TYPOGRAPHY 
//////////////////////////////////////////////////////////////////////////////*/
html {
  font-size: 18px;
  line-height: 1.25;
}
@media (min-width: 540px) {
  html {
    font-size: calc(0vw + 18px);
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 18px;
  }
}

body {
  font-family: Roboto, arial, helvetica;
  color: #231f20;
}

h1 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 1.1;
}
@media (max-width: 960px) {
  h1 {
    font-family: "Futura Std", sans-serif;
    font-stretch: condensed;
    font-weight: 700;
    font-size: 1.66666rem;
    line-height: 1.16666;
  }
}

h2 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.66666rem;
  line-height: 1.16666;
}
@media (max-width: 960px) {
  h2 {
    font-family: "Futura Std", sans-serif;
    font-stretch: condensed;
    font-weight: 700;
    font-size: 1.33333rem;
    line-height: 1.125;
  }
}

h3,
h4,
h5,
h6 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
}
@media (max-width: 960px) {
  h3,
h4,
h5,
h6 {
    font-family: "Futura Std", sans-serif;
    font-stretch: condensed;
    font-size: 1rem;
  }
}

.site-sidebar h4,
.site-sidebar h5,
.site-sidebar h6 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
}

code,
pre {
  font-family: monospace;
}

::-moz-selection {
  color: white;
  background: #ec008c;
}

::selection {
  color: white;
  background: #ec008c;
}

hr {
  width: 1.33333rem;
  height: 0.61111rem;
  margin-top: 1.833333rem;
  margin-bottom: 1.833333rem;
  background: #eee;
  border: none;
}

hr.bar {
  width: 6.44444rem;
  height: 2.5rem;
  background: #ec008c;
}

blockquote {
  margin: 3rem 1rem;
  font-style: italic;
  position: relative;
  text-indent: 1.833333rem;
}
blockquote::before {
  content: "“";
  font-size: 4rem;
  line-height: 0;
  color: #ec008c;
  position: absolute;
  left: -3rem;
  font-family: "Futura Std";
  font-weight: 700;
}
blockquote footer {
  text-align: right;
  font-style: normal;
  font-size: 0.77777rem;
}

@media (min-width: 1260px) {
  .callout {
    position: absolute;
    width: 20rem;
    margin-left: -21.833333rem;
    padding: 1.833333rem;
    text-align: right;
    top: 0;
  }
}

@media (min-width: 1260px) {
  blockquote.callout {
    padding-left: 3rem;
  }
  blockquote.callout::before {
    left: -1.833333rem;
  }
}
pre {
  background: #eee;
  border-radius: 2px;
  font-size: 12px;
  margin-bottom: 1rem;
  padding: 1rem;
}
pre.callout {
  text-align: left;
  top: auto;
  padding: 1rem;
}

.text-copy {
  font-family: Roboto, arial, helvetica;
}

.text-copy-s {
  font-family: Roboto, arial, helvetica;
  font-size: 0.77777rem;
}

.text-display {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
}

.text-display-s {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 0.77777rem;
}

.text-display-l,
.intro {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
}

.text-display-xl {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.66666rem;
  line-height: 1.16666;
}

.text-display-xxl {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 1.1;
}

/*	SPACING 
//////////////////////////////////////////////////////////////////////////////*/
* {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
.p,
ul,
ol,
dl,
table,
form,
article,
section,
fieldset {
  margin-bottom: 1rem;
}

/*	FORMS 
//////////////////////////////////////////////////////////////////////////////*/
button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

span.required,
span.mandatory {
  color: #ec008c;
}

fieldset {
  padding: 0;
  border: none;
}

legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal;
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

form .widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0.5rem;
}
form .widget label,
form .widget h3 {
  width: 10rem;
  padding-right: 0.25rem;
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  font-weight: 700;
}
form .widget input,
form .widget select {
  -ms-flex: 1;
      flex: 1;
  line-height: 1.25;
}
form .widget select {
  border: 1px solid #646464;
}

input {
  border: 1px solid #646464;
  padding: 0 0.5rem;
  line-height: 2.5rem;
  background: rgba(255, 255, 255, 0.85);
  max-width: 100%;
}

.submit, .back a,
.btn,
.button,
button input[type=submit] {
  display: inline-block;
  padding: 0 1rem;
  color: white;
  cursor: pointer;
  background: #ec008c;
  box-shadow: 2px 2px 0 rgba(35, 31, 32, 0.15);
  border: none;
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  text-decoration: none;
  line-height: 2.33333rem;
}
.submit:hover, .back a:hover,
.btn:hover,
.button:hover,
button input[type=submit]:hover {
  background: #646464;
  color: white;
}

.btn.cta {
  padding: 0.5rem 1rem;
  text-align: center;
  line-height: 1.25rem;
}

p.error, .error.p {
  width: 100%;
  color: #ec008c;
  font-weight: 700;
  margin: 0;
}

input.error {
  border-color: #ec008c;
}

.back a {
  line-height: 2.5;
  background: #646464;
}

/*	TABLES 
//////////////////////////////////////////////////////////////////////////////*/
table {
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  vertical-align: top;
  padding: 0.5rem;
  background: #eee;
  border: 1px solid white;
}

th {
  text-align: left;
}

/*	LISTS 
//////////////////////////////////////////////////////////////////////////////*/
nav ul,
nav ul ul {
  list-style: none;
  margin: 0;
}

ul,
ul ul {
  list-style: square;
}

.page ul,
.page ol {
  margin: 0 0 1.833333rem 1.1rem;
}
.page ul li,
.page ol li {
  smargin-bottom: 0.25rem;
}
.page ul h1,
.page ul h2,
.page ul h3,
.page ul h4,
.page ul h5,
.page ul h6,
.page ol h1,
.page ol h2,
.page ol h3,
.page ol h4,
.page ol h5,
.page ol h6 {
  margin-bottom: 0.25rem;
}
.page ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
.page ol li {
  counter-increment: my-awesome-counter;
}
.page ol li::before {
  position: absolute;
  margin-left: -1rem;
  color: #231f20;
  content: counter(my-awesome-counter) ". ";
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  font-weight: 700;
}

/*	LINKS 
//////////////////////////////////////////////////////////////////////////////*/
a {
  color: #231f20;
}
a:hover {
  color: #ec008c;
}
/*	MEDIA 
//////////////////////////////////////////////////////////////////////////////*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ce_image {
  margin-bottom: 1rem;
}

@media (min-width: 1260px) {
  .full-width {
    position: relative;
    margin-left: -21.83333rem;
    margin-right: -11.83333rem;
  }
}

@media (min-width: 1260px) {
  .float-left {
    float: left;
  }
  .float-left.push-left {
    margin-left: -11.8333rem;
    margin-right: 1rem;
  }
}

p img, .p img {
  float: left;
  margin: 0 1rem 1rem 0;
}

iframe {
  width: 100%;
  border: none;
  vertical-align: bottom;
  margin-bottom: 1rem;
}

.move-left iframe {
  height: 607px;
}

.image_container {
  max-width: 100%;
  margin: 0 -1.83333rem 1rem 0;
}
@media (min-width: 1260px) {
  .image_container.float_left {
    float: left;
    margin: 0 1rem 1rem 0;
  }
}
@media (min-width: 1260px) {
  .image_container.float_right {
    float: right;
    margin: 0 0 1rem 1rem;
  }
}
.image_container figcaption {
  font-family: Roboto, arial, helvetica;
  font-size: 0.77777rem;
  margin-top: 0.5rem;
}

@media (min-width: 1140px) {
  .full-width {
    overflow-x: hidden;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc( (100vw - 21.833333rem - ((100vw - 52.67rem) / 2)) * -1 );
  }
  .full-width figure,
.full-width img {
    width: 100%;
  }
}

.site-content .mod_article .full-width.last {
  margin-bottom: -4.66666rem;
}
.site-content .mod_article .full-width.last figcaption {
  display: none;
}

@media (min-width: 1260px) {
  .pullout figure {
    margin: 0 1rem 1rem -11.833333rem !important;
  }
}

/*	ANIMATION 
//////////////////////////////////////////////////////////////////////////////*/
/*	HELPERS 
//////////////////////////////////////////////////////////////////////////////*/
.icon-grid {
  position: fixed;
  z-index: 99999;
  bottom: 1rem;
  left: 1rem;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  border: 1px solid;
}

.has-debug_overlay .icon-grid {
  border: 1px solid #646464;
}

.overlay {
  opacity: 0;
}

.has-debug_overlay .overlay {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.5s;
  pointer-events: none;
  opacity: 1;
  margin: 0 auto;
}
@media (min-width: 960px) {
  .has-debug_overlay .overlay {
    background: url("../assets/grid-1293px.svg") repeat-y;
    max-width: 71.83333rem;
    background-size: 100%;
  }
}

.invisible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

.hidden {
  display: none !important;
}

.no-bg {
  background: transparent !important;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.margin-xl {
  margin-bottom: 3.666666rem;
}

.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.833333rem;
  sjustify-content: center;
}
.flex.cols-2 > * {
  width: 50%;
}
.flex.cols-3 > * {
  width: calc(100% / 3);
}
.flex.cols-4 > * {
  width: 25%;
}
.flex.cols-5 > * {
  width: calc(100% / 5);
}

@media (min-width: 1260px) {
  .move-left {
    margin-left: -21.833333rem;
    margin-right: -1.833333rem;
  }
}

@media (min-width: 1260px) {
  .position-left {
    position: absolute;
    left: 0;
    width: 20rem;
    padding: 0 1rem;
    text-align: right;
  }
}

.site-content .highlight,
.site-content .highlight-magenta {
  background: #ec008c;
  color: white;
  padding: 1rem;
}
.site-content .highlight *,
.site-content .highlight-magenta * {
  color: white;
}
.site-content .highlight a:hover,
.site-content .highlight-magenta a:hover {
  color: white;
}
.site-content .highlight-grey {
  background: #eee;
  color: black;
  padding: 1rem;
}
.site-content .highlight-grey * {
  color: black;
}
.site-content .highlight-grey a:hover {
  color: #ec008c;
}

.site-sidebar .highlight,
.site-sidebar .highlight-magenta {
  padding: 0 !important;
}
.site-sidebar .highlight > .block,
.site-sidebar .highlight-magenta > .block {
  padding: 1rem;
  background: #ec008c;
  color: white;
}
.site-sidebar .highlight > .block *,
.site-sidebar .highlight-magenta > .block * {
  color: white;
}
.site-sidebar .highlight > .block a:hover,
.site-sidebar .highlight-magenta > .block a:hover {
  color: white;
}
.site-sidebar .highlight-grey {
  padding: 0 !important;
}
.site-sidebar .highlight-grey > .block {
  padding: 1rem;
  background: #eee;
  color: black;
}
.site-sidebar .highlight-grey > .block * {
  color: black;
}
.site-sidebar .highlight-grey > .block a:hover {
  color: #ec008c;
}

.grey {
  color: #646464;
}

.magenta {
  color: #ec008c;
}

.nowrap {
  white-space: nowrap;
}

/*//////////////////////////////////////////////////////////////////////////////
//	2 COMPONENTS
//////////////////////////////////////////////////////////////////////////////*/
/*	SITE-BRANDING 
//////////////////////////////////////////////////////////////////////////////*/
.site-branding {
  position: relative;
  /*
  &::before {
      // 30 years
      content: "";
      position: absolute;
      width: 5rem;
      height: 7.72222rem;
      right: -5rem;
      top: 0;
      background-image: url("../images/icons/30years.svg");
      background-repeat: no-repeat;
      @media (max-width: 1040px) {
          display: none;
      }
  }*/
}
.site-branding::after {
  content: "®";
  position: absolute;
  top: 0;
  right: -1.2rem;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  color: #646464;
}
@media (min-width: 1040px) {
  .site-branding::after {
    left: -1.2rem;
  }
}
.site-branding .site-logo {
  width: 10rem;
  height: 10.83333rem;
}
@media (max-width: 640px) {
  .site-branding .site-logo {
    width: 5rem;
    height: 5.416666rem;
  }
}
.site-branding .site-title {
  display: none !important;
}
.site-branding .site-tagline {
  position: absolute;
  padding-right: 0.5rem;
  right: -10.5rem;
  bottom: 3.11111rem;
  font-family: "Futura Std", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35rem;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  color: #ec008c;
  width: 10rem;
}
@media (max-width: 680px) {
  .site-branding .site-tagline {
    display: none;
  }
}
@media (max-width: 840px) {
  .site-branding .site-tagline {
    bottom: 0.2rem;
  }
}
@media (min-width: 1040px) {
  .site-branding .site-tagline {
    width: 20rem;
    right: auto;
    left: -20rem;
    text-align: right;
  }
}

/*	SITE-NAV--MAIN 
//////////////////////////////////////////////////////////////////////////////*/
.site-nav--main a,
.site-nav--main strong {
  text-decoration: none;
  display: block;
  padding: 0 0.5rem;
}
@media (min-width: 1260px) {
  .site-nav--main a,
.site-nav--main strong {
    padding: 0 0.5rem;
  }
}
@media (min-width: 1140px) {
  .site-nav--main .level_1 {
    border-left: 1.33333rem solid #ec008c;
  }
}
.site-nav--main .level_1 > li {
  position: relative;
  white-space: nowrap;
  background-color: #ec008c;
}
.site-nav--main .level_1 > li > a,
.site-nav--main .level_1 > li > strong {
  color: white;
}
.site-nav--main .level_1 > li > a,
.site-nav--main .level_1 > li > .active,
.site-nav--main .level_1 > li > strong {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2.5rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 1140px) {
  .site-nav--main .level_1 > li > a,
.site-nav--main .level_1 > li > .active,
.site-nav--main .level_1 > li > strong {
    margin-right: 0.5rem;
  }
}
.site-nav--main .level_1 > li:hover a,
.site-nav--main .level_1 > li:hover strong, .site-nav--main .level_1 > li.active a,
.site-nav--main .level_1 > li.active strong, .site-nav--main .level_1 > li.trail a,
.site-nav--main .level_1 > li.trail strong {
  color: #231f20;
}
@media (min-width: 680px) {
  .site-nav--main .level_1 > li:hover .level_2 {
    display: block;
  }
}
.site-nav--main .level_2 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  white-space: normal;
  display: none;
  position: absolute;
  right: -10rem;
  width: 10rem;
  top: 0;
  padding: 0.5rem 0;
  z-index: 100;
  box-shadow: 5px 5px 0 rgba(35, 31, 32, 0.15);
  z-index: 9999;
  background-color: #eee;
  list-style: none;
}
@media (min-width: 680px) {
  .site-nav--main .level_2 {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 0;
    right: auto;
    margin-top: -5px;
    top: auto;
  }
  .site-nav--main .level_2::before {
    content: "";
    width: 16px;
    height: 8px;
    background-image: url("../images/icons/triangle-up.svg");
    position: absolute;
    top: -5px;
    left: 1rem;
  }
}
.site-nav--main .level_2 > li > a,
.site-nav--main .level_2 > li > strong.active {
  font-weight: 400;
  font-size: 1rem;
  padding: 0.15rem 0.5rem;
}
.site-nav--main .level_2 > li > a:hover,
.site-nav--main .level_2 > li > strong.active:hover {
  color: #ec008c;
}
.site-nav--main .level_2 > li.active strong.active {
  color: #ec008c;
}
.site-nav--main .level_3 {
  padding: 0 0 0.25rem 0.5rem;
}
.site-nav--main .level_3 > li > a,
.site-nav--main .level_3 > li > strong.active {
  font-weight: 400;
  line-height: 1.25;
}
.site-nav--main .level_3 > li > a:hover,
.site-nav--main .level_3 > li > strong.active:hover {
  color: #ec008c;
}
.site-nav--main .level_3 > li.active strong.active {
  color: #ec008c;
}

/*	SITE-NAV--SIDEBAR
//////////////////////////////////////////////////////////////////////////////*/
.site-nav--sidebar,
.site-nav--shop-infos {
  padding-top: 0 !important;
}
@media (min-width: 680px) {
  .site-nav--sidebar,
.site-nav--shop-infos {
    margin-top: 4.5rem;
    margin-bottom: 1.833333rem;
  }
}
@media (min-width: 640px) {
  .site-nav--sidebar strong,
.site-nav--shop-infos strong {
    font-weight: 400;
  }
  .site-nav--sidebar a,
.site-nav--shop-infos a {
    text-decoration: none;
    font-weight: 400;
    color: #231f20;
    display: block;
  }
  .site-nav--sidebar a:hover,
.site-nav--shop-infos a:hover {
    color: #ec008c;
  }
  .site-nav--sidebar li,
.site-nav--shop-infos li {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
  .site-nav--sidebar .level_2,
.site-nav--shop-infos .level_2 {
    background: transparent;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding-left: 0.25rem;
    list-style: none;
  }
  .site-nav--sidebar .trail .level_2,
.site-nav--sidebar .active .level_2,
.site-nav--shop-infos .trail .level_2,
.site-nav--shop-infos .active .level_2 {
    display: block;
  }
  .site-nav--sidebar .level_2,
.site-nav--shop-infos .level_2 {
    display: none;
  }
  .site-nav--sidebar .active,
.site-nav--shop-infos .active {
    color: #ec008c;
  }
  .site-nav--sidebar .level_1 > li,
.site-nav--shop-infos .level_1 > li {
    border-left: 0.5rem solid #eee;
    margin-left: -1rem;
    padding-left: 0.5rem;
  }
  .site-nav--sidebar .level_1 > li.active, .site-nav--sidebar .level_1 > li:hover,
.site-nav--shop-infos .level_1 > li.active,
.site-nav--shop-infos .level_1 > li:hover {
    border-color: #ec008c;
  }
  .site-nav--sidebar .level_1 > li.trail, .site-nav--sidebar .level_1 > li.trail:hover,
.site-nav--shop-infos .level_1 > li.trail,
.site-nav--shop-infos .level_1 > li.trail:hover {
    border-color: #d5d5d5;
  }
  .site-nav--sidebar .level_2 > li.active, .site-nav--sidebar .level_2 > li:hover,
.site-nav--shop-infos .level_2 > li.active,
.site-nav--shop-infos .level_2 > li:hover {
    border-left: 0.5rem solid #ec008c;
    margin-left: -1.25rem;
    padding-left: 0.75rem;
  }
}

@media (max-width: 640px) {
  .site-nav--sidebar {
    padding: 0 !important;
  }
  .site-nav--sidebar .level_2 {
    display: none !important;
  }
}

.site-nav--sidebar-level_2 {
  padding: 0 !important;
}
.site-nav--sidebar-level_2 strong {
  font-weight: 400;
  color: #ec008c;
}
@media (min-width: 640px) {
  .site-nav--sidebar-level_2 {
    display: none;
  }
}

@media (max-width: 640px) {
  .site-nav--sidebar,
.site-nav--sidebar-level_2,
.site-nav--shop-infos {
    border-left: 0.5rem solid #eee;
    padding-left: 0.5rem !important;
    margin-left: -1rem;
  }
  .site-nav--sidebar strong,
.site-nav--sidebar .trail > a > span,
.site-nav--sidebar-level_2 strong,
.site-nav--sidebar-level_2 .trail > a > span,
.site-nav--shop-infos strong,
.site-nav--shop-infos .trail > a > span {
    font-weight: 400;
    scolor: #ec008c;
  }
  .site-nav--sidebar ul,
.site-nav--sidebar-level_2 ul,
.site-nav--shop-infos ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .site-nav--sidebar ul li,
.site-nav--sidebar-level_2 ul li,
.site-nav--shop-infos ul li {
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
  }
  .site-nav--sidebar ul li::after,
.site-nav--sidebar-level_2 ul li::after,
.site-nav--shop-infos ul li::after {
    content: "/";
    padding-left: 0.5rem;
  }
  .site-nav--sidebar ul li:last-of-type::after,
.site-nav--sidebar-level_2 ul li:last-of-type::after,
.site-nav--shop-infos ul li:last-of-type::after {
    content: "";
    margin-right: 0;
  }
  .site-nav--sidebar ul li.submenu::after,
.site-nav--sidebar-level_2 ul li.submenu::after,
.site-nav--shop-infos ul li.submenu::after {
    display: none;
  }
}

@media (min-width: 680px) {
  .site-nav--shop-infos {
    margin-top: 1rem;
  }
}
.site-nav--shop-infos h3 {
  margin-bottom: 0.5rem;
}

/*	SITE-NAV--SHOP
//////////////////////////////////////////////////////////////////////////////*/
.site-nav--shop {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  background: #ec008c !important;
}
.site-nav--shop strong {
  font-weight: 400;
}
.site-nav--shop a {
  text-decoration: none;
  font-weight: 400;
  color: #231f20;
}
.site-nav--shop a:hover, .site-nav--shop a.active {
  color: white;
}

.layout--3columns .site-nav--sidebar .level_2 {
  display: block;
}

/*	SITE-NAV--FOOTER
//////////////////////////////////////////////////////////////////////////////*/
.site-nav--footer ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 2.5rem;
}
.site-nav--footer ul li {
  margin-right: 1rem;
  white-space: nowrap;
}
.site-nav--footer ul a,
.site-nav--footer ul strong.active {
  text-decoration: none;
  font-family: "Futura Std";
  font-size: 1em;
  line-height: 1.25;
  font-weight: 400;
  font-stretch: condensed;
  letter-spacing: 0.05rem;
}
.site-nav--footer ul strong.active {
  color: #ec008c;
}

/*	SITE-NAV--OFF-CANVAS
//////////////////////////////////////////////////////////////////////////////*/
.toggle {
  display: none;
}

@media (max-width: 680px) {
  .toggle {
    display: block;
  }

  .site-nav--main {
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s;
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: 0;
    z-index: -100 !important;
  }
  .site-nav--main.is-visible {
    opacity: 1;
    transition: transform 0.3s, opacity 0.3s;
    z-index: 12 !important;
  }
  .site-nav--main .level_1 {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.toggle-wrapper {
  position: absolute;
  right: 1rem;
  z-index: 200;
}
.toggle-wrapper > a {
  text-decoration: none;
}
.toggle-wrapper .hamburger {
  text-decoration: none;
  font-family: "Futura Std";
  font-size: 1em;
  line-height: 2.5rem;
  font-weight: 700;
  font-stretch: condensed;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  padding: 0 1rem;
  border-radius: 2px;
  box-shadow: 2px 2px 0 rgba(35, 31, 32, 0.15);
  border: none;
}
.toggle-wrapper .hamburger.is-active {
  border-radius: 0;
  box-shadow: none;
}

.toggle-text {
  display: none;
}

.hamburger__box {
  margin-right: 0 !important;
}

/*  HAMBURGER ICON
///////////////////////////////////////////////////////////////////////////// */
.hamburger {
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity;
  background: #ec008c;
  color: #231f20;
}
.hamburger:hover {
  color: white;
}
.hamburger:hover .hamburger__inner, .hamburger:hover .hamburger__inner::before, .hamburger:hover .hamburger__inner::after, .hamburger.is-active .hamburger__inner, .hamburger.is-active .hamburger__inner::before, .hamburger.is-active .hamburger__inner::after {
  color: white !important;
}

.hamburger__box {
  position: relative;
  display: inline-block;
  padding: 4px 15px 9px 0;
  margin-right: 0.5rem;
}

.hamburger__inner {
  top: 50%;
  display: block;
  margin-top: -1.5px;
}
.hamburger__inner, .hamburger__inner::before, .hamburger__inner::after {
  position: absolute;
  width: 16px;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 0px;
  background-color: #231f20;
}
.hamburger__inner::before, .hamburger__inner::after {
  display: block;
  content: "";
}
.hamburger__inner::before {
  top: -6px;
}
.hamburger__inner::after {
  bottom: -6px;
}

.hamburger--collapse .hamburger__inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.1s;
}
.hamburger--collapse .hamburger__inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.hamburger--collapse .hamburger__inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger__inner {
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}
.hamburger--collapse.is-active .hamburger__inner::before {
  top: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
  opacity: 0;
}
.hamburger--collapse.is-active .hamburger__inner::after {
  bottom: 0;
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(-90deg);
}

/*	SEARCH 
//////////////////////////////////////////////////////////////////////////////*/
.site-searchform {
  background-color: #ec008c;
  box-shadow: inset 0 3px 0 #ec008c, inset -3px 0 0 #ec008c, inset 0 -3px 0 #ec008c;
}
@media (max-width: 1140px) {
  .site-searchform {
    background-color: white;
    box-shadow: inset 0 3px 0 #ec008c, inset -3px 0 0 #ec008c, inset 0 -3px 0 #ec008c, inset 3px 0 0 #ec008c;
  }
}
.site-searchform:hover {
  background-color: white;
}
.site-searchform form {
  margin: 0;
}
.site-searchform .formbody {
  display: -ms-flexbox;
  display: flex;
}
.site-searchform .formbody > .widget-text {
  -ms-flex: 1;
      flex: 1;
}
.site-searchform input,
.site-searchform button {
  border: none;
}
.site-searchform input:focus,
.site-searchform button:focus {
  outline: 0;
}
.site-searchform .widget {
  border: none;
  margin-bottom: 0;
}
.site-searchform .text {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  background-color: transparent !important;
  width: 100%;
  line-height: 2.5rem;
  height: 2.5rem;
}
.site-searchform .submit, .site-searchform .back a, .back .site-searchform a {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
  background-image: url("../images/icons/icon--search2.svg");
  background-color: transparent !important;
  background-repeat: no-repeat;
  box-shadow: none;
}
.site-searchform .submit:hover, .site-searchform .back a:hover, .back .site-searchform a:hover {
  background-image: url("../images/icons/icon--search2--pink.svg");
}

.search-results .site-main .mod_search > form {
  display: none;
}

.search-results .header,
.search-results .relevance,
.search-results .url {
  display: none;
}
.search-results h3 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
}
.search-results mark.highlight {
  padding: 0;
}

/*	CALL-TO-ACTION 
//////////////////////////////////////////////////////////////////////////////*/
.site-cta .btn,
.cta--spenden .btn {
  color: #ec008c;
  background: white;
  border: 3px solid #ec008c;
  transform: rotate(0) scale(0.8);
}
.site-cta .btn:hover,
.cta--spenden .btn:hover {
  color: white;
  background: #ec008c;
}

.loaded .site-cta .btn,
.loaded .cta--spenden .btn {
  transform: rotate(-5deg) scale(1);
  transition: transform 1s;
}
.loaded .site-cta .btn:hover,
.loaded .cta--spenden .btn:hover {
  transform: rotate(0) scale(1.1);
  transition: transform 1s;
}

.ie .site-cta .btn,
.ie .cta--spenden .btn {
  width: 10rem;
}

/*	SITE-INTRO
//////////////////////////////////////////////////////////////////////////////*/
.site-intro {
  margin-bottom: 1.833333rem;
}
.site-intro * {
  margin: 0;
}
.site-intro.cols-2 {
  padding-right: 0;
}
@media (min-width: 640px) {
  .site-intro.cols-2 {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 1.833333rem;
         column-gap: 1.833333rem;
  }
}

.social-media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-media li {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}
.social-media a {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  font-size: 0;
  line-height: 0;
}
.social-media .fb {
  background-image: url("../images/icons/icon--facebook.svg");
}
.social-media .fb:hover {
  background-image: url("../images/icons/icon--facebook--pink.svg");
}
.social-media .yt {
  background-image: url("../images/icons/icon--youtube.svg");
}
.social-media .yt:hover {
  background-image: url("../images/icons/icon--youtube--pink.svg");
}

/*	SLIDER 
//////////////////////////////////////////////////////////////////////////////*/
/* RESETS /////////////////////////////////////////////////////////////////// */
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* BASE STYLES ////////////////////////////////////////////////////////////// */
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

.site-slider {
  position: relative;
}
@media (min-width: 1260px) {
  .site-slider .flexslider {
    border-radius: 2px;
    overflow: hidden;
  }
}
.site-slider .flexslider .slides {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-slider .flex-control-nav {
  display: none;
}
.site-slider .custom-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 1rem;
  z-index: 6;
}
@media (min-width: 640px) {
  .site-slider .custom-navigation {
    right: 0;
  }
}
.site-slider .custom-navigation .prev-next {
  display: -ms-flexbox;
  display: flex;
}
.site-slider .custom-navigation .prev-next a {
  display: block;
  font-size: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.5) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.site-slider .custom-navigation .prev-next a:hover {
  cursor: pointer;
  background-color: white !important;
}
.site-slider .custom-navigation .flex-prev {
  background-image: url("../images/icons/icon--arrow-left.svg");
  background-image: url("../images/icons/icon--arrow-left2.svg");
}
.site-slider .custom-navigation .flex-prev:hover {
  background-image: url("../images/icons/icon--arrow-left2--pink.svg");
}
.site-slider .custom-navigation .flex-next {
  background-image: url("../images/icons/icon--arrow-right.svg");
  background-image: url("../images/icons/icon--arrow-right2.svg");
}
.site-slider .custom-navigation .flex-next:hover {
  background-image: url("../images/icons/icon--arrow-right2--pink.svg");
}

.site-slider .rsts-nav-bullets {
  display: none;
}
.site-slider .rsts-view {
  position: relative;
}
.site-slider .rsts-prev,
.site-slider .rsts-next {
  display: block;
  font-size: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.5) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
}
.site-slider .rsts-prev:hover,
.site-slider .rsts-next:hover {
  cursor: pointer;
  background-color: white !important;
}
.site-slider .rsts-prev {
  right: 2.5rem;
  background-image: url("../images/icons/icon--arrow-left.svg");
  background-image: url("../images/icons/icon--arrow-left2.svg");
}
.site-slider .rsts-prev:hover {
  background-image: url("../images/icons/icon--arrow-left2--pink.svg");
}
.site-slider .rsts-next {
  right: 0;
  background-image: url("../images/icons/icon--arrow-right.svg");
  background-image: url("../images/icons/icon--arrow-right2.svg");
}
.site-slider .rsts-next:hover {
  background-image: url("../images/icons/icon--arrow-right2--pink.svg");
}

/*	CARD
//////////////////////////////////////////////////////////////////////////////*/
.site-card {
  border: 1px solid white;
  background: #eee;
  padding: 1rem;
  width: calc(100% / 2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  text-align: center;
}
@media (max-width: 540px) {
  .site-card {
    width: 100%;
  }
}
.site-card > h1,
.site-card > h2,
.site-card > h3 {
  margin-bottom: auto;
}
.site-card .image_container {
  margin: 0.5rem 0;
}
.site-card > :last-child {
  margin-bottom: 0 !important;
}

/*  ANGEBOTE
///////////////////////////////////////////////////////////////////////////// */
.site-angebote,
.site-kacheln {
  margin: 0 0 1.833333rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.site-angebote > a,
.site-kacheln > a {
  width: 10rem;
  height: 10.83333rem;
  padding: 1.833333rem 1rem;
  background: #eee;
  border: 1px solid white;
  text-decoration: none;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
}
@media (max-width: 360px) {
  .site-angebote > a,
.site-kacheln > a {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 360px) and (max-width: 640px) {
  .site-angebote > a,
.site-kacheln > a {
    width: 50%;
    max-width: 50%;
    height: auto;
  }
}
.site-angebote > a .site-angebot__title,
.site-kacheln > a .site-angebot__title {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.site-angebote > a .site-angebot__age,
.site-kacheln > a .site-angebot__age {
  margin-top: 0.5rem;
}
.site-angebote > a *,
.site-kacheln > a * {
  margin: 0;
}
.site-angebote > a:hover,
.site-kacheln > a:hover {
  background: #ec008c;
  color: white;
  box-shadow: 5px 5px 0 rgba(35, 31, 32, 0.15);
  position: relative;
  z-index: 10;
  border: 1px solid #ec008c;
}
.site-angebote > a:hover .site-angebot__title,
.site-kacheln > a:hover .site-angebot__title {
  color: black;
}

/*	SPENDEN FORMULAR 
//////////////////////////////////////////////////////////////////////////////*/
.site-spenden * {
  margin: 0;
}
.site-spenden .site-spenden__fieldset1,
.site-spenden .site-spenden__fieldset2,
.site-spenden .site-spenden__fieldset3,
.site-spenden .site-spenden__fieldset4,
.site-spenden .site-spenden__fieldset5,
.site-spenden .site-spenden__account {
  padding-top: 1rem;
  margin-bottom: 1.833333rem;
}
@media (min-width: 1140px) {
  .site-spenden .site-spenden__fieldset1,
.site-spenden .site-spenden__fieldset2,
.site-spenden .site-spenden__fieldset3,
.site-spenden .site-spenden__fieldset4,
.site-spenden .site-spenden__fieldset5,
.site-spenden .site-spenden__account {
    border-left: 0.5rem solid #eee;
    padding-left: 0.5rem;
    margin-left: -1rem;
  }
}
.site-spenden .site-spenden__fieldset1 .widget-explanation {
  margin-bottom: 0.5rem;
}
.site-spenden .site-spenden__intervall {
  margin-bottom: 0.5rem;
}
.site-spenden .site-spenden__intervall select {
  margin: 0;
}
.site-spenden .site-spenden__amount legend {
  font-family: Roboto, arial, helvetica;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.site-spenden .widget.site-spenden__freifeld {
  display: none;
}
.site-spenden .widget.site-spenden__freifeld.is-checked {
  display: -ms-flexbox;
  display: flex;
}
.site-spenden .site-spenden__dataprotection legend {
  display: none;
}
.site-spenden .site-spenden__account {
  margin-bottom: 3.666666rem;
}

/*	SPENDENKONTO BOX 
//////////////////////////////////////////////////////////////////////////////*/
.site-spendenkonto {
  position: relative;
  smargin-top: 1.833333rem;
  /*
  &:before {
      content: "";
      position: absolute;
      display: block;
      top: -$spacing-xl;
      background: $magenta;
      width: $bar-width / 2;
      height: $bar-height / 2;
  }*/
}
.site-spendenkonto h1,
.site-spendenkonto h2,
.site-spendenkonto h3,
.site-spendenkonto h4,
.site-spendenkonto h5,
.site-spendenkonto h6 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
}
.site-spendenkonto p, .site-spendenkonto .p {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 0.77777rem;
}
.site-spendenkonto strong {
  font-family: Roboto, arial, helvetica;
}

/*	STÖRER 
//////////////////////////////////////////////////////////////////////////////*/
.site-stoerer {
  background: #eee;
  border-left: 50vw solid #eee;
  border-right: 50vw solid #eee;
  margin: 1.833333rem -50vw;
  padding: 1.833333rem 0;
}

/*	SITE-NEWSLETTER
//////////////////////////////////////////////////////////////////////////////*/
.mod_subscribe .widget-text input.text {
  padding: 0.5rem;
}

.mod_unsubscribe .widget-text input.text {
  padding: 0.5rem;
}

.mod_newsletterreader > h1 {
  display: none;
}

/*	GALLERY 
//////////////////////////////////////////////////////////////////////////////*/
.ce_gallery {
  margin-bottom: 1.833333rem;
}
.ce_gallery ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 !important;
}
.ce_gallery ul li {
  margin-bottom: 0 !important;
  border: 1px solid white;
}
.ce_gallery ul li:hover {
  border: 1px solid #231f20;
  outline: 1px solid #231f20;
  position: relative;
  box-shadow: 0 0 5px rgba(35, 31, 32, 0.5);
}
.ce_gallery .cols_1 li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.ce_gallery .cols_2 li {
  -ms-flex-preferred-size: calc(100% / 2);
      flex-basis: calc(100% / 2);
}
.ce_gallery .cols_3 li {
  -ms-flex-preferred-size: calc(100% / 3);
      flex-basis: calc(100% / 3);
}
.ce_gallery .cols_4 li {
  -ms-flex-preferred-size: calc(100% / 4);
      flex-basis: calc(100% / 4);
}
.ce_gallery .cols_5 li {
  -ms-flex-preferred-size: calc(100% / 5);
      flex-basis: calc(100% / 5);
}
@media (max-width: 640px) {
  .ce_gallery .cols_5 li {
    -ms-flex-preferred-size: calc(100% / 4);
        flex-basis: calc(100% / 4);
  }
}
@media (max-width: 540px) {
  .ce_gallery .cols_5 li {
    -ms-flex-preferred-size: calc(100% / 3);
        flex-basis: calc(100% / 3);
  }
}
@media (max-width: 360px) {
  .ce_gallery .cols_5 li {
    -ms-flex-preferred-size: calc(100% / 2);
        flex-basis: calc(100% / 2);
  }
}
.ce_gallery .cols_6 li {
  -ms-flex-preferred-size: calc(100% / 6);
      flex-basis: calc(100% / 6);
}
.ce_gallery .cols_7 li {
  -ms-flex-preferred-size: calc(100% / 7);
      flex-basis: calc(100% / 7);
}
.ce_gallery .cols_8 li {
  -ms-flex-preferred-size: calc(100% / 8);
      flex-basis: calc(100% / 8);
}
.ce_gallery .cols_9 li {
  -ms-flex-preferred-size: calc(100% / 9);
      flex-basis: calc(100% / 9);
}
.ce_gallery .cols_10 li {
  -ms-flex-preferred-size: calc(100% / 10);
      flex-basis: calc(100% / 10);
}
.ce_gallery .cols_11 li {
  -ms-flex-preferred-size: calc(100% / 11);
      flex-basis: calc(100% / 11);
}
.ce_gallery .cols_12 li {
  -ms-flex-preferred-size: calc(100% / 12);
      flex-basis: calc(100% / 12);
}
.ce_gallery .image_container {
  margin: 0;
}

.gallery-link {
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
.gallery-link .image-container {
  padding-right: 1.833333rem;
}
.gallery-link figcaption {
  margin-top: 0;
  -ms-flex-item-align: center;
      align-self: center;
  border: 5px solid;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
}

@media (min-width: 1260px) {
  .ce_youtube iframe {
    smargin-left: -1.83333rem;
    smargin-right: -1.83333rem;
    swidth: calc(100% + 3.6666rem);
  }
}

/*	ACCORDION 
//////////////////////////////////////////////////////////////////////////////*/
.ce_accordion * {
  margin: 0;
}
.ce_accordion .ui-accordion-header:hover {
  cursor: pointer;
}
.ce_accordion .ui-accordion-header .ui-accordion-header-icon {
  display: block;
  width: 1.33333rem;
  height: 1.33333rem;
  background-image: url("../images/icons/icon--accordion-plus.svg");
  transform: rotate(0);
  transition: transform 0.5s;
}
.ce_accordion .ui-accordion-header.ui-state-focus .ui-accordion-header-icon {
  transform: rotate(0);
  transition: transform 0.5s;
}
.ce_accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  transform: rotate(45deg);
  transition: transform 0.5s;
}
.ce_accordion .ui-accordion-content {
  padding-top: 0.5rem;
  opacity: 0;
  transition: opacity 0.5s;
}
.ce_accordion .ui-accordion-content.ui-accordion-content-active {
  opacity: 1;
  transition: opacity 0.5s;
}
.ce_accordion .ui-accordion-content ul {
  margin-bottom: 0;
}
.ce_accordion.ce_accordionSingle {
  position: relative;
  margin-bottom: 0.5rem;
}
@media (max-width: 640px) {
  .ce_accordion.ce_accordionSingle {
    padding-left: 1.833333rem;
  }
}
.ce_accordion.ce_accordionSingle .ui-accordion-header-icon {
  position: absolute;
  left: -1.833333rem;
}
@media (max-width: 640px) {
  .ce_accordion.ce_accordionSingle .ui-accordion-header-icon {
    left: 0;
  }
}
.ce_accordion .toggler:focus {
  outline: 0;
}

/*	DOWNLOADS 
//////////////////////////////////////////////////////////////////////////////*/
.ce_downloads {
  sborder: 1px solid;
}
.ce_downloads ul {
  list-style: none;
  margin-left: 0;
}
.ce_downloads .download-element {
  position: relative;
  sdisplay: inline-block;
  margin-bottom: 0.25rem;
}
.ce_downloads .download-element a {
  display: block;
  padding: 0.55rem 0.5rem 0.45rem 2rem;
  border-left: 0.5rem solid #646464;
  background: #eee;
  text-decoration: none;
  font-family: Roboto, arial, helvetica;
  font-size: 0.77777rem;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ce_downloads .download-element a:hover {
  border-color: #ec008c;
  sbackground: #ec008c;
}
.ce_downloads .download-element a:hover * {
  color: #ec008c;
}
.ce_downloads .download-element a:hover .size {
  opacity: 1;
}
.ce_downloads .download-element .size {
  opacity: 0;
  font-size: 0.85em;
  sdisplay: none;
}
.ce_downloads .download-element.ext-pdf::before {
  content: "";
  position: absolute;
  display: block;
  width: 1.33333rem;
  height: 1.33333rem;
  left: 0.8rem;
  top: 0.3rem;
  background-image: url("../images/icons/icon--file.svg");
}

.site-sidebar .download-element {
  display: block;
}

/*	BREADCRUMBS 
//////////////////////////////////////////////////////////////////////////////*/
.site-breadcrumbs {
  height: 1rem;
}
.site-breadcrumbs ul {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-breadcrumbs ul li {
  color: #646464;
  font-size: 0.77777rem;
  font-family: "Futura Std";
  line-height: 1.25;
  font-stretch: condensed;
}
.site-breadcrumbs ul li:after {
  content: "/";
  margin: 0 0.15rem;
  color: #eee;
}
.site-breadcrumbs ul li a {
  text-decoration: none;
  color: #646464;
  font-weight: 400;
}
@media (max-width: 640px) {
  .site-breadcrumbs ul li a {
    color: #231f20;
  }
}
.site-breadcrumbs ul li a:hover {
  color: #ec008c;
}
.site-breadcrumbs ul li.first,
.site-breadcrumbs ul li.last {
  display: none;
}
@media (max-width: 640px) {
  .site-breadcrumbs ul li.first,
.site-breadcrumbs ul li.last {
    display: block;
  }
}
.site-branding .site-breadcrumbs ul li.active {
  display: none;
}
.site-breadcrumbs ul li.active:after {
  content: "";
}

/*	PRODUKTLISTE 
//////////////////////////////////////////////////////////////////////////////*/
.mod_iso_productlist .product_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin-right: -1px;
}
.mod_iso_productlist .product_list > .product {
  -ms-flex-preferred-size: calc(100% / 1);
      flex-basis: calc(100% / 1);
  max-width: calc(100% / 1);
}
@media (min-width: 480px) {
  .mod_iso_productlist .product_list > .product {
    -ms-flex-preferred-size: calc(100% / 2);
        flex-basis: calc(100% / 2);
    max-width: calc(100% / 2);
  }
}
@media (min-width: 1140px) {
  .mod_iso_productlist .product_list > .product {
    -ms-flex-preferred-size: calc(100% / 4);
        flex-basis: calc(100% / 4);
    max-width: calc(100% / 4);
  }
}
.mod_iso_productlist .empty {
  margin: 1.833333rem;
}
.mod_iso_productlist .product {
  padding: 0.5rem;
  border: 1px solid white;
  background: #eee;
}
.mod_iso_productlist .product form,
.mod_iso_productlist .product .formbody {
  margin: 0;
  height: 100%;
}
.mod_iso_productlist .product .product__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.mod_iso_productlist .product .product__item .product__title {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
}
@media (min-width: 480px) {
  .mod_iso_productlist .product .product__item .product__title {
    height: 3.375rem;
    margin: 0;
  }
}
.mod_iso_productlist .product .product__item .product__title a {
  text-decoration: none;
}
.mod_iso_productlist .product .product__item .product__sku {
  display: none;
}
.mod_iso_productlist .product .product__item .product__teaser {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.mod_iso_productlist .product .product__item .product__offer {
  margin-bottom: 1rem;
}
.mod_iso_productlist .product .product__item .product__offer .product__price {
  text-align: right;
  font-weight: 700;
}
.mod_iso_productlist .product .product__item .product__offer .product__price .currency {
  font-weight: 400;
}
.mod_iso_productlist .product .product__item .product__details {
  display: none;
}
.mod_iso_productlist .product .product__item .product__submit-container {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.mod_iso_productlist .product .product__item .product__submit-container label {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  font-weight: 400;
}
.mod_iso_productlist .product .product__item .product__submit-container .product__options .widget-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.mod_iso_productlist .product .product__item .product__submit-container .product__options .widget-select label {
  width: auto;
}
.mod_iso_productlist .product .product__item .product__submit-container .product__options .widget-select select.select {
  padding: 0.5rem;
  -ms-flex: none;
      flex: none;
  width: 50%;
}
.mod_iso_productlist .product .product__item .product__submit-container .product__quantity-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.mod_iso_productlist .product .product__item .product__submit-container .product__quantity-container .product__quantity {
  line-height: inherit;
  padding: 0.5rem;
  width: 50%;
}
.mod_iso_productlist .product .product__item .product__submit-container .submit, .mod_iso_productlist .product .product__item .product__submit-container .back a, .back .mod_iso_productlist .product .product__item .product__submit-container a {
  margin-top: 0.5rem;
  font-size: 0.77777rem;
  width: 100%;
  padding: 0 1rem;
}

.ie .mod_iso_productlist .product_list > .product {
  min-height: 32rem;
}
.ie .mod_iso_productlist .product .product__item .product__submit-container .submit, .ie .mod_iso_productlist .product .product__item .product__submit-container .back a, .back .ie .mod_iso_productlist .product .product__item .product__submit-container a {
  text-align: left;
}

/*
.product {

    position: relative;
    overflow: hidden;

    form,
    .formbody {
        sheight: 100%;
        min-height: 28rem;
        margin-bottom: 0;
    }
    .formbody {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        padding-top: 3rem;
        h3 {
            @include text-display-m;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3rem;
            a {
                text-decoration: none;
            }
        }
        figure {
            margin-bottom: $spacing-m;
            img {
                width: 100%;
                box-shadow: $box-shadow;
            }
        }
        .teaser {
            @include text-display-m;
            margin-bottom: $spacing-s;
            flex: 1;
        }
        .sku {
            position: absolute;
            top: $spacing-s;
            right: $spacing-s;
            @include text-copy-s;
            color: $grey;
            display: none;
        }
        .offer {
            margin-bottom: $spacing-s;
        }
        .details {
            display: none;
        }
        .submit_container {
            display: flex;
            flex-wrap: wrap;
            label {
                @include text-display-m;
            }

            .text {
                width: 2.5rem;
                padding: 0.25rem;
                line-height: inherit;
            }
            .submit {
                width: 100%;
                margin-top: $spacing-s;
                font-size: $font-size-s;
                text-align: center;
                padding: 0 0.25rem;
                line-height: $spacing-l;
            }
            .quantity_container {
                margin-right: auto;
            }
            .submit {
            }
        }
    }
    .widget-select {
        display: block;
    }
}
*/
/*	PRODUKTLESER 
//////////////////////////////////////////////////////////////////////////////*/
.mod_iso_productreader {
  margin-right: -1.83333rem;
  position: relative;
}
.mod_iso_productreader .back {
  margin: 1.833333rem 0;
}
.mod_iso_productreader > .product {
  padding: 0;
  margin-bottom: 1rem;
}
.mod_iso_productreader > .product img {
  width: auto !important;
}
.mod_iso_productreader > .product form {
  margin: 0;
}
.mod_iso_productreader > .product form h2 {
  display: none;
}
.mod_iso_productreader > .product .sku {
  display: none;
}
.mod_iso_productreader > .product .formbody {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.mod_iso_productreader > .product .formbody .image_container {
  -ms-flex-preferred-size: 10rem;
      flex-basis: 10rem;
  margin: 0;
}
.mod_iso_productreader > .product .formbody .description {
  -ms-flex-preferred-size: 30rem;
      flex-basis: 30rem;
  padding: 0 1.833333rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.mod_iso_productreader > .product .formbody .description > *:last-of-type {
  margin-bottom: 0;
}
.mod_iso_productreader > .product .formbody .offer {
  -ms-flex-preferred-size: 10rem;
      flex-basis: 10rem;
  spadding: 0 1.833333rem;
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 1.833333rem;
}
.mod_iso_productreader > .product .formbody .offer .price {
  text-align: center;
  font-weight: 700;
}
.mod_iso_productreader > .product .formbody .offer .price .currency {
  font-weight: 400;
}
.mod_iso_productreader > .product .formbody .submit_container {
  sflex-basis: 10rem;
  margin-top: 1.833333rem;
  margin-left: 1.833333rem;
}
.mod_iso_productreader > .product .formbody .submit_container .submit, .mod_iso_productreader > .product .formbody .submit_container .back a, .back .mod_iso_productreader > .product .formbody .submit_container a {
  margin-top: 0;
}

.mod_iso_productreader + .mod_iso_productlist {
  display: none;
}

.ie .mod_iso_productreader > .product .formbody .description {
  -ms-flex-preferred-size: 26rem;
      flex-basis: 26rem;
}
.ie .mod_iso_productreader > .product .formbody .add_to_cart {
  width: 12rem;
  max-width: auto;
}

/*  WARENKORB
///////////////////////////////////////////////////////////////////////////// */
.mod_iso_cart {
  position: relative;
  z-index: 2;
}
@media (max-width: 640px) {
  .mod_iso_cart form .formbody table {
    width: 100%;
  }
  .mod_iso_cart form .formbody table td,
.mod_iso_cart form .formbody table th {
    padding: 0.25rem;
  }
  .mod_iso_cart form .formbody table *,
.mod_iso_cart form .formbody table .product td.name a {
    font-size: 12px;
  }
  .mod_iso_cart form .formbody table td.image {
    width: 4rem;
  }
}
@media (max-width: 320px) {
  .mod_iso_cart form .formbody table td,
.mod_iso_cart form .formbody table th {
    padding: 0.15rem;
  }
  .mod_iso_cart form .formbody table *,
.mod_iso_cart form .formbody table .product td.name a {
    font-size: 10px;
  }
}
.mod_iso_cart form .formbody table td {
  vertical-align: middle;
}
.mod_iso_cart form .formbody table td.image {
  min-width: 2rem;
}
.mod_iso_cart form .formbody table td.image img {
  box-shadow: 2px 2px 0 rgba(35, 31, 32, 0.15);
}
.mod_iso_cart form .formbody table td.name a {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
  text-decoration: none;
}
.mod_iso_cart form .formbody table td.quantity input {
  width: 2rem;
  line-height: inherit;
  padding: 0.25rem;
}
.mod_iso_cart form .formbody table td.actions {
  max-width: 2.75rem;
}
.mod_iso_cart form .formbody table td.actions .edit {
  display: none;
}
.mod_iso_cart form .formbody table td.actions .remove {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(../images/icons/icon--close.svg);
}
@media (max-width: 640px) {
  .mod_iso_cart form .formbody table td.actions .remove {
    width: 1rem;
    height: 1rem;
    background-size: 100%;
  }
}
.mod_iso_cart form .formbody table td.actions .remove:hover {
  background-image: url(../images/icons/icon--close--pink.svg);
}
.mod_iso_cart form .formbody table td.price.total {
  font-weight: 700;
}
.mod_iso_cart .submit_container .update {
  background: #646464;
  margin-bottom: 0.25rem;
}
.site--cart {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  position: relative;
  background: #eee;
  border-left: 1px solid white;
  padding: 1rem;
}
.site--cart::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  background-image: url(../images/icons/icon--cart.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.site--cart #cart--mini > h3 {
  margin-bottom: 1.833333rem !important;
}
.site--cart .product {
  padding: 0;
  position: relative;
  margin-bottom: 1rem;
}
.site--cart .product a {
  text-decoration: none;
}
.site--cart .product .remove {
  font-size: 0;
  line-height: 0;
}
.site--cart .product .remove a {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.15rem;
  right: -0.15rem;
  background-image: url(../images/icons/icon--close.svg);
  background-size: 100%;
}
.site--cart .product .remove a:hover {
  background-image: url(../images/icons/icon--close--pink.svg);
}
.site--cart .product .name {
  font-weight: 700;
  padding-right: 1.5rem;
}
.site--cart .product .info {
  margin-top: 0.5rem;
}
.site--cart .product .clear {
  display: none;
}
.site--cart .subtotal {
  border-top: 1px dashed #231f20;
  padding-top: 1rem;
  border-bottom: 1px dashed #231f20;
  text-align: right;
  font-weight: 700;
  margin: 1rem -1rem;
  padding: 1rem;
}
.site--cart .cart {
  margin-bottom: 0.5rem;
}
.site--cart .checkout a.btn,
.site--cart .cart a.btn {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 0.77777rem;
  width: 100%;
  text-align: center;
  padding: 0 1rem;
  line-height: 2.33333rem;
}
.site--cart .cart a.btn {
  background: #646464;
  color: white;
}

@media (min-width: 640px) and (max-width: 960px) {
  .layout--3columns .site-content {
    width: calc(100% - 11rem);
  }
}

.kasse .site--cart .checkout {
  display: none;
}

/*  KASSE
///////////////////////////////////////////////////////////////////////////// */
.mod_iso_checkout {
  padding-right: 1rem;
}
.mod_iso_checkout .steps ol {
  margin: 0 0 1.833333rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  background: #eee;
}
@media (max-width: 840px) {
  .mod_iso_checkout .steps ol {
    display: block;
  }
}
.mod_iso_checkout .steps ol li {
  margin-left: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  -ms-flex: 1;
      flex: 1;
  background: #eee;
  height: 1.5rem;
  line-height: 1.5rem;
  margin-right: 2px;
  position: relative;
}
.mod_iso_checkout .steps ol li.last {
  margin-right: 0;
}
.mod_iso_checkout .steps ol li.active {
  background: #ec008c;
}
.mod_iso_checkout .steps ol li.active::before {
  background: #ec008c;
}
.mod_iso_checkout .steps ol li::before {
  margin-left: -1.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #eee;
  color: #231f20;
  text-align: center;
  bottom: 0;
}
.mod_iso_checkout .steps ol a {
  text-decoration: none;
}
.mod_iso_checkout td.name a {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
  text-decoration: none;
}
.mod_iso_checkout .info {
  background: #eee;
  margin-bottom: 1rem;
  padding: 1rem;
}
.mod_iso_checkout .edit {
  display: block;
  margin-bottom: 1rem;
}
.mod_iso_checkout td.quantity {
  min-width: 2.5rem;
}
.mod_iso_checkout tr.total {
  font-weight: 700;
}
@media (max-width: 720px) {
  .mod_iso_checkout #ctrl_shippingaddress span {
    display: block;
    margin-bottom: 1rem;
  }
}

form .widget label .note {
  display: block;
  margin-top: 1rem;
  font-weight: 400;
}

.kasse .page-title {
  display: none;
}

/*  BESTELLESTÄTIGUNG
///////////////////////////////////////////////////////////////////////////// */
.mod_iso_orderdetails .order_status {
  margin-bottom: 1rem;
}
.mod_iso_orderdetails .info {
  background: #eee;
  margin-bottom: 1rem;
  padding: 1rem;
}
.mod_iso_orderdetails .edit {
  display: block;
  margin-bottom: 1rem;
}
.mod_iso_orderdetails td.name a {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
  text-decoration: none;
}
.mod_iso_orderdetails td.quantity {
  min-width: 2.5rem;
}
.mod_iso_orderdetails tr.total {
  font-weight: 700;
}

/*  SITEMAP
///////////////////////////////////////////////////////////////////////////// */
.site-sitemap .level_1 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.66666rem;
  line-height: 1.16666;
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
.site-sitemap .level_1 > li > a {
  display: block;
  margin-bottom: 1rem !important;
}
.site-sitemap .level_2 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-weight: 700;
  font-size: 1.33333rem;
  line-height: 1.125;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.site-sitemap .level_2 > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.site-sitemap .level_2 > li a {
  font-weight: 400;
}
.site-sitemap .level_3 {
  margin-bottom: 0 !important;
}

/*	NEWSLISTE 
//////////////////////////////////////////////////////////////////////////////*/
.site-content .mod_newslist .layout_latest {
  position: relative;
  margin-bottom: 1.833333rem;
}
.site-content .mod_newslist .layout_latest .info {
  margin-bottom: 0;
  color: #646464;
}

.site-sidebar .mod_newslist .layout_latest {
  border-left: 0.5rem solid #eee;
  margin-bottom: 0.5rem;
  margin-left: -1rem;
  padding-left: 0.5rem;
}
.site-sidebar .mod_newslist .layout_latest:hover {
  border-color: #ec008c;
}
.site-sidebar .mod_newslist .layout_latest * {
  margin-bottom: 0;
}
.site-sidebar .mod_newslist .layout_latest .info {
  font-family: Roboto, arial, helvetica;
  font-size: 0.77777rem;
  color: #646464;
}
.site-sidebar .mod_newslist .layout_latest h1,
.site-sidebar .mod_newslist .layout_latest h2,
.site-sidebar .mod_newslist .layout_latest h3 {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
}
/*	NEWSREADER 
//////////////////////////////////////////////////////////////////////////////*/
/*  NEWSLETTER BESTELLEN
///////////////////////////////////////////////////////////////////////////// */
/*  NEWSLETTER ABBESTELLEN
///////////////////////////////////////////////////////////////////////////// */
.mod_unsubscribe .error {
  margin: 0 0 1rem 0;
}

/*	COLORBOX 
//////////////////////////////////////////////////////////////////////////////*/
#cboxOverlay {
  background: #231f20;
  opacity: 0.8 !important;
}

#colorbox #cboxTitle,
#colorbox #cboxCurrent {
  display: none !important;
}
#colorbox button {
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 2px 2px 0 rgba(35, 31, 32, 0.15);
  transition: background-color 0.3s;
}
#colorbox #cboxPrevious {
  margin-top: -1.25rem;
  background-image: url(../images/icons/icon--arrow-left2.svg);
}
#colorbox #cboxPrevious:hover {
  background-image: url(../images/icons/icon--arrow-left2--pink.svg);
}
#colorbox #cboxNext {
  margin-top: -1.25rem;
  background-image: url(../images/icons/icon--arrow-right2.svg);
}
#colorbox #cboxNext:hover {
  background-image: url(../images/icons/icon--arrow-right2--pink.svg);
}
#colorbox #cboxClose {
  background-image: url(../images/icons/icon--close.svg);
}
#colorbox #cboxClose:hover {
  background-image: url(../images/icons/icon--close--pink.svg);
}

/*	COOKIES
//////////////////////////////////////////////////////////////////////////////*/
.cc-link {
  padding: 0 !important;
}

/*//////////////////////////////////////////////////////////////////////////////
//	3 LAYOUT
//////////////////////////////////////////////////////////////////////////////*/
/*	DEFAULT PAGE LAYOUT 
//////////////////////////////////////////////////////////////////////////////*/
.row {
  margin: 0 auto;
  max-width: 71.83333rem;
  position: relative;
  padding: 0 0 0 10rem;
}
@media (max-width: 1140px) {
  .row {
    padding: 0 1rem;
  }
}

.ie .row,
.ie .site-header .inside {
  min-width: 1140px;
}

.site-header {
  padding-top: 1rem;
}
@media (min-width: 680px) {
  .site-header {
    padding-top: 1.833333rem;
  }
}
.site-header .inside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  max-width: 71.83333rem;
  margin: 0 auto;
}
.site-header .inside .site-branding {
  margin-left: 1rem;
  z-index: 2;
}
@media (min-width: 1040px) {
  .site-header .inside .site-branding {
    margin-left: 10rem;
  }
}
.site-header .inside .mod_navigation {
  -ms-flex-item-align: end;
      align-self: flex-end;
  z-index: 3;
  width: 100%;
  margin-right: 1rem;
  margin-left: 1rem;
}
@media (max-width: 680px) {
  .site-header .inside .mod_navigation {
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
}
@media (min-width: 841px) {
  .site-header .inside .mod_navigation {
    width: auto;
    -ms-flex: 1;
        flex: 1;
    margin-left: 0;
  }
}
@media (min-width: 1140px) {
  .site-header .inside .mod_navigation {
    margin-right: 0;
  }
}
.site-header .inside .mod_navigation > ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 0;
  margin-bottom: 0.611111rem;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex: 1;
      flex: 1;
  background: #ec008c;
}
@media (max-width: 840px) {
  .site-header .inside .mod_navigation > ul {
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (max-width: 640px) {
  .site-header .inside .mod_navigation > ul {
    border-radius: 2px;
    -ms-flex-pack: start;
        justify-content: flex-start;
    height: calc(100vh - 2rem);
  }
}
.site-header .inside .mod_search {
  -ms-flex-item-align: end;
      align-self: flex-end;
  z-index: 2;
  margin-bottom: 0.611111rem;
  -ms-flex: 1;
      flex: 1;
}
@media (max-width: 1140px) {
  .site-header .inside .mod_search {
    position: absolute;
    top: 0;
    right: 1rem;
  }
}
@media (max-width: 680px) {
  .site-header .inside .mod_search {
    bottom: auto;
    top: 0;
    right: 4.83333rem;
    left: 12.25rem;
  }
}
@media (max-width: 480px) {
  .site-header .inside .mod_search {
    left: 7.25rem;
  }
}
.site-header .inside .mod_article {
  z-index: 1;
  width: 100%;
  margin-top: -1.55rem;
}
@media (min-width: 680px) {
  .site-header .inside .mod_article {
    margin-top: -3.111111rem;
  }
}
.site-header .inside .social-media {
  position: absolute;
  right: 1rem;
  left: 11.833333rem;
}
@media (min-width: 960px) {
  .site-header .inside .social-media {
    left: auto;
    right: 1rem;
  }
}
@media (min-width: 1260px) {
  .site-header .inside .social-media {
    left: auto;
    right: 0;
  }
}
.site-header .inside .mod_breadcrumb {
  width: 100%;
  margin-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {
  .site-header .inside .mod_breadcrumb {
    padding-left: 11.5rem;
  }
}
@media (min-width: 960px) {
  .site-header .inside .mod_breadcrumb {
    margin-top: 1.833333rem;
  }
}
@media (min-width: 1040px) {
  .site-header .inside .mod_breadcrumb {
    padding-left: 11.83333rem;
  }
}
@media (min-width: 1140px) {
  .site-header .inside .mod_breadcrumb {
    padding-left: 22rem;
  }
}

@media (min-width: 841px) {
  .ie .site-header .inside .mod_navigation {
    -ms-flex: 1 auto;
        flex: 1 auto;
  }
}
@media (min-width: 841px) {
  .ie .site-header .inside .mod_search {
    width: 10rem;
    -ms-flex: auto;
        flex: auto;
  }
}

.site-content {
  padding: 0;
  -ms-flex: 1;
      flex: 1;
  margin-bottom: 3.666666rem;
}
.site-content .mod_article .ce_text {
  padding-right: 1.833333rem;
}
@media (min-width: 1040px) and (max-width: 1140px) {
  .site-content {
    padding-left: 0.9166rem;
  }
}
@media (min-width: 1140px) {
  .site-content {
    padding-left: 1.833333rem;
  }
}

.no-right-column .site-content {
  -ms-flex: 1;
      flex: 1;
}

.site-main > .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 960px) {
  .site-main > .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.site-main > .row .site-content {
  max-width: 100%;
  -ms-flex-order: 2;
      order: 2;
  -ms-flex: 1;
      flex: 1;
}
.site-main > .row .site-sidebar {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.site-main > .row .site-sidebar--left {
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10rem;
}
@media (max-width: 1040px) {
  .site-main > .row .site-sidebar--left {
    margin-right: 0.5rem;
  }
}
@media (max-width: 640px) {
  .site-main > .row .site-sidebar--left {
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.site-main > .row .site-sidebar--right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 0;
  -ms-flex-order: 3;
      order: 3;
  width: 100%;
}
@media (min-width: 960px) {
  .site-main > .row .site-sidebar--right {
    width: 10rem;
  }
}

@media (min-width: 960px) {
  .layout--3columns .site-main > .row .site-content {
    width: 40rem;
  }
}
@media (min-width: 960px) {
  .layout--3columns .site-main > .row .site-sidebar--left {
    width: 10rem;
  }
}
@media (min-width: 960px) {
  .layout--3columns .site-main > .row .site-sidebar--right {
    width: 10rem;
  }
}

/*	FRONTPAGE 
//////////////////////////////////////////////////////////////////////////////*/
.front .mod_breadcrumb,
.front .page-title {
  display: none;
}
@media (max-width: 640px) {
  .front .site-main .row {
    padding: 1rem;
  }
}
@media (min-width: 1140px) {
  .front .site-main .row {
    padding-left: 0;
  }
}
.front .site-main .row .site-sidebar--left {
  width: 100%;
}
@media (min-width: 960px) {
  .front .site-main .row .site-sidebar--left {
    width: 20rem;
    padding: 1.833333rem;
  }
}
@media (max-width: 960px) {
  .front .site-main .row .site-sidebar--left {
    -ms-flex-order: 2;
        order: 2;
    margin-bottom: 1.833333rem;
  }
}
@media (min-width: 640px) {
  .front .site-content {
    padding-top: 1.833333rem;
  }
}
.front .site-content .ce_text {
  max-width: 100%;
}

/*	HEADER 
//////////////////////////////////////////////////////////////////////////////*/
.site-header .site-cta {
  position: absolute;
  top: 0;
  right: 0;
  width: 10rem !important;
  margin-top: 0 !important;
}
@media (max-width: 1140px) {
  .site-header .site-cta {
    display: none;
  }
}
@media (min-width: 1140px) and (max-width: 1280px) {
  .site-header .site-cta {
    right: 1rem;
  }
}

.loaded .site-cta .btn {
  transform: rotate(-5deg) scale(1);
  transition: transform 1s;
}
.loaded .site-cta .btn:hover {
  transform: rotate(0) scale(1.1);
  transition: transform 1s;
}

/*	NAVIGATION 
//////////////////////////////////////////////////////////////////////////////*/
/*	MAIN 
//////////////////////////////////////////////////////////////////////////////*/
.site-content > .inside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.site-content > .inside > .site-breadcrumbs {
  -ms-flex-order: 1;
      order: 1;
}
.site-content > .inside > .page-title {
  -ms-flex-order: 2;
      order: 2;
}
.site-content > .inside > .mod_article {
  -ms-flex-order: 3;
      order: 3;
}

/*	SIDEBAR 
//////////////////////////////////////////////////////////////////////////////*/
.site-sidebar {
  font-family: "Futura Std", sans-serif;
  font-stretch: condensed;
  font-size: 1rem;
  position: relative;
}
.site-sidebar .inside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.site-sidebar .inside > .block {
  margin-bottom: 0.5rem;
}
@media (min-width: 640px) {
  .site-sidebar .inside > .block {
    padding: 1rem;
  }
}
.site-sidebar .inside > .block * > :last-child {
  margin-bottom: 0;
}
.site-sidebar ul,
.site-sidebar ol {
  list-style: none;
  line-height: 1.125;
}
.site-sidebar .cta--spenden {
  margin-top: 3.666666rem;
}
.site-sidebar .ce_image .image_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.site-sidebar--right {
  margin-top: 4.5rem;
  margin-bottom: 1.833333rem;
}
@media (min-width: 960px) {
  .site-sidebar--right .inside > .block {
    padding: 1rem 1rem;
  }
}
.site-sidebar--right .inside > .block *:last-of-type {
  margin-bottom: 0;
}
.site-sidebar--right .inside > .block h1,
.site-sidebar--right .inside > .block h2,
.site-sidebar--right .inside > .block h3 {
  margin-bottom: 0.5rem !important;
}

/*	FOOTER 
//////////////////////////////////////////////////////////////////////////////*/
#wrapper {
  background: #eee;
  min-height: 100vh;
}

.site-header,
.site-main {
  background: white;
}

.site-footer {
  padding: 1rem 0;
}
.site-footer .inside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (min-width: 960px) {
  .site-footer .inside .social-media {
    width: 10rem;
  }
}
.site-footer a {
  color: #231f20;
}
.site-footer a:hover {
  color: #ec008c;
}
@media (min-width: 960px) {
  .site-footer .inside {
    padding-left: 11.833333rem;
  }
}

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -1rem 1rem -1rem !important;
}
.grid > * {
  padding: 1rem;
}
.grid.grid-2 > * {
  width: 100%;
}
@media (min-width: 640px) {
  .grid.grid-2 > * {
    width: calc(100% / 2);
  }
}
.grid.grid-3 > * {
  width: 100%;
}
@media (min-width: 640px) {
  .grid.grid-3 > * {
    width: calc(100% / 3);
  }
}

.confirm {
  font-weight: 700;
}