/*
##### LEEU CSS STYLE #####
##### 2017-02-02 MS  #####
##########################
##### set of sass files for better overview

***** last mods:
20170404 - removed old modal css from euBase.scss
20170405 - added new modal css to separate stylesheet "_bem_modals.scss"
20170411 - added .euCopybox--stackOnMedium
         - added .euCopybox--stackOnSmall
         - added .euButton--stackOnMedium
         - added .euButton--stackOnSmall
         - renamed .euGrid__12of12--pull and .euGrid__12of12--push classes to
           .euGrid__12of12--pullOnLarge to separate breakpoints and align with .euGrid__12of12--pullOnMedium
20170420 - removed "h1, h2, h3" rules from "euBase.scss" left unused
20170421 - added "_webtypo.scss"
20170509 - changed .euCopybox--center classnames to cardinal points for easier use, f.e. centerTL(TopLeft) >> centerNE(NorthEast)
20170511 - added .euButton--stackOnSmall:last-child
20170809 - added overflow:hidden to .euOuterWrapper to fix whitespace issues in IE
         - added .euNinjaLink class, basically an invisible Link without text-decoration and special color
         - changed standard color for .euButton class to black, because of new design directions
         - changed hover effect for .euButton class to match material design directions
         - added .euButton--white class, because of common use
         - added .euButton--arrow modifier to automatically add an arrow after Buttontext
20170905 - removed euBaseMobile.css completely
*/
/*
##### LEEU CSS NORMALISE  #####
##### 2017-07-18 MS     #####
##### general setup to normalizing CSS inside the content slot

*/
/*##### NORMALIZE #main #####*/
#main {
  max-width: 98%; }

/*##### euOuterWrapper #####*/
.euOuterWrapper {
  font-size: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
  height: auto;
  position: relative;
  width: 100%; }

/* makes font-size easier to adjust on different screen widths, when headlines are defined with '%' */
.euOuterWrapper a,
.euOuterWrapper svg:not(:root) {
  overflow: visible !important; }

/* overrides a definition in min-style.css that adds invisible paddings/margins to inline-block links */
.euOuterWrapper p {
  margin: .5rem 0; }

/* equals local and online environment */
.euOuterWrapper * {
  box-sizing: border-box;
  font-size: 1em; }

.euOuterWrapper img {
  border: none; }

.euOuterWrapper button {
  border: none;
  border-radius: 0; }

#back-to-top {
  margin-right: 0 !important; }

@media only screen and (max-width: 767px) {
  #main {
    max-width: 100%; } }
/***** end (max-width:767px) *****/
/*
##### LEEU CSS WEBTYPO  #####
##### 2017-04-21 MS     #####
##### needed block: .euOuterWrapper,
##### to change font-size at breakpoint change font-size of .euOuterWrapper
*/
.euOuterWrapper {
  font-size: 1rem; }

.euOuterWrapper h1 {
  font-size: 250%;
  line-height: 1.46;
  font-family: 'Lato',Arial,sans-serif;
  margin: 0;
  padding: 0;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: normal;
  color: inherit;
  /* optimal line-lenght: 90.885rem */ }

.euOuterWrapper h2 {
  font-size: 200%;
  line-height: 1.46;
  font-family: 'Lato',Arial,sans-serif;
  margin: 0;
  padding: 0;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: normal;
  color: inherit;
  /* optimal line-lenght: 72,708rem */ }

.euOuterWrapper h3 {
  font-size: 150%;
  line-height: 1.46;
  font-family: 'Lato',Arial,sans-serif;
  margin: 0;
  padding: 0;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: normal;
  color: inherit;
  /* optimal line-lenght: 54,531rem */ }

.euOuterWrapper h4 {
  font-size: 120%;
  line-height: 1.46;
  font-family: 'Lato',Arial,sans-serif;
  margin: 0;
  padding: 0;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: normal;
  color: inherit;
  /* optimal line-lenght: 54,531rem */ }

.euOuterWrapper p {
  font-size: 100%;
  line-height: 1.46;
  font-family: 'Lato',Arial,sans-serif;
  margin: 0 0 1.46rem 0;
  padding: 0;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: normal;
  color: inherit;
  /* optimal line-lenght: 36,354rem */ }

.euOuterWrapper span {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  margin: 0;
  padding: 0;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: normal;
  color: inherit; }

.euOuterWrapper strong {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  margin: 0;
  padding: 0;
  text-transform: none;
  vertical-align: baseline;
  letter-spacing: normal;
  color: inherit; }

@media only screen and (max-width: 960px) {
  .euOuterWrapper {
    font-size: .9rem; } }
@media only screen and (max-width: 768px) {
  .euOuterWrapper {
    font-size: .8rem; } }
@media only screen and (max-width: 480px) {
  .euOuterWrapper {
    font-size: .7rem; } }
/*
##### LEEU CSS COPYBOX  #####
##### 2017-02-02 MS     #####
##### needed inline-styles: top; left; width;

BLOCK
.euCopybox

ELEMENTS

MODIFIER
.euCopybox--stackOnMedium
.euCopybox--stackOnSmall


.euCopybox--centerNW  :::::  North West
.euCopybox--centerN   :::::  North
.euCopybox--centerNE  :::::  North East
.euCopybox--centerW   :::::  West
.euCopybox--centerMM  :::::  MiddleMiddle
.euCopybox--centerE   :::::  East
.euCopybox--centerSW  :::::  South West
.euCopybox--centerS   :::::  South
.euCopybox--centerSE  :::::  South East


#############################################################
#############################################################
###         ##############         ##############         ###
###   NW    ##############    N    ##############   NE    ###
###         ##############         ##############         ###
#############################################################
#############################################################
#############################################################
###         ##############         ##############         ###
###   W     ##############   MM    ##############    E    ###
###         ##############         ##############         ###
#############################################################
#############################################################
#############################################################
###         ##############         ##############         ###
###   SW    ##############    S    ##############   SE    ###
###         ##############         ##############         ###
#############################################################
#############################################################


*/
.euCopybox {
  position: absolute;
  display: inline-block;
  text-align: center;
  overflow: visible; }

.euCopybox--centerN {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.euCopybox--centerNE {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.euCopybox--centerW {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.euCopybox--centerMM {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.euCopybox--centerE {
  -webkit-transform: translateX(-100%) translateY(-50%);
  -moz-transform: translateX(-100%) translateY(-50%);
  -ms-transform: translateX(-100%) translateY(-50%);
  -o-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%); }

.euCopybox--centerSW {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.euCopybox--centerS {
  -webkit-transform: translateX(-50%) translateY(-100%);
  -moz-transform: translateX(-50%) translateY(-100%);
  -ms-transform: translateX(-50%) translateY(-100%);
  -o-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%); }

.euCopybox--centerSE {
  -webkit-transform: translateX(-100%) translateY(-100%);
  -moz-transform: translateX(-100%) translateY(-100%);
  -ms-transform: translateX(-100%) translateY(-100%);
  -o-transform: translateX(-100%) translateY(-100%);
  transform: translateX(-100%) translateY(-100%); }

@media only screen and (max-width: 960px) {
  .euCopybox--stackOnMedium {
    transform: none  !important;
    position: relative;
    width: 100% !important;
    padding: 0;
    margin: 0;
    color: #000;
    background-color: #FFF;
    top: 0 !important;
    left: 0 !important; } }
@media only screen and (max-width: 767px) {
  .euCopybox--stackOnSmall {
    -webkit-transform: none  !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none  !important;
    position: relative;
    width: 100% !important;
    padding: 0;
    margin: 0;
    color: #000;
    background-color: #FFF;
    top: 0  !important;
    left: 0  !important; } }
/*
##### LEEU CSS GRID  #####
##### 2017-02-02 MS  #####
##### needed inline-styles: none
##### modified: 2017-03-2017 ---- medium breakpoint definitions added

.euGrid
.euGrid__1of12--large
.euGrid__1of12--medium
.euGrid__1of12--small
.euGrid__1of12--push
.euGrid__1of12--pull
.euGrid__1of12--pushOnMedium
.euGrid__1of12--pullOnMedium
*/
/* define positioning for all cols */
.euGrid {
  position: relative;
  float: left; }

/* define large cols */
.euGrid__1of12--large {
  width: 8.333%; }

.euGrid__2of12--large {
  width: 16.666%; }

.euGrid__3of12--large {
  width: 25%; }

.euGrid__4of12--large {
  width: 33.332%; }

.euGrid__5of12--large {
  width: 41.665%; }

.euGrid__6of12--large {
  width: 50%; }

.euGrid__7of12--large {
  width: 58.331%; }

.euGrid__8of12--large {
  width: 66.664%; }

.euGrid__9of12--large {
  width: 75%; }

.euGrid__10of12--large {
  width: 83.33%; }

.euGrid__11of12--large {
  width: 91.663%; }

.euGrid__12of12--large {
  width: 100%; }

.euGrid__1of5--large {
  width: 20%; }

/* hide small cols on desktop */
.euGrid__1of12--small,
.euGrid__2of12--small,
.euGrid__3of12--small,
.euGrid__4of12--small,
.euGrid__5of12--small,
.euGrid__6of12--small,
.euGrid__7of12--small,
.euGrid__8of12--small,
.euGrid__9of12--small,
.euGrid__10of12--small,
.euGrid__11of12--small,
.euGrid__12of12--small {
  display: none; }

/* hide medium cols on desktop */
.euGrid__1of12--medium,
.euGrid__2of12--medium,
.euGrid__3of12--medium,
.euGrid__4of12--medium,
.euGrid__5of12--medium,
.euGrid__6of12--medium,
.euGrid__7of12--medium,
.euGrid__8of12--medium,
.euGrid__9of12--medium,
.euGrid__10of12--medium,
.euGrid__11of12--medium,
.euGrid__12of12--medium {
  display: none; }

/* display large cols on desktop */
.euGrid__1of12--large,
.euGrid__2of12--large,
.euGrid__3of12--large,
.euGrid__4of12--large,
.euGrid__5of12--large,
.euGrid__6of12--large,
.euGrid__7of12--large,
.euGrid__8of12--large,
.euGrid__9of12--large,
.euGrid__10of12--large,
.euGrid__11of12--large,
.euGrid__12of12--large,
.euGrid__1of5--large {
  display: block; }

/* pull classes only can only be applied for large */
.euGrid__1of12--pullOnLarge {
  right: 8.333%; }

.euGrid__2of12--pullOnLarge {
  right: 16.666%; }

.euGrid__3of12--pullOnLarge {
  right: 25%; }

.euGrid__4of12--pullOnLarge {
  right: 33.332%; }

.euGrid__5of12--pullOnLarge {
  right: 41.665%; }

.euGrid__6of12--pullOnLarge {
  right: 50%; }

.euGrid__7of12--pullOnLarge {
  right: 58.331%; }

.euGrid__8of12--pullOnLarge {
  right: 66.664%; }

.euGrid__9of12--pullOnLarge {
  right: 75%; }

.euGrid__10of12--pullOnLarge {
  right: 83.33%; }

.euGrid__11of12--pullOnLarge {
  right: 91.663%; }

.euGrid__12of12--pullOnLarge {
  right: 100%; }

/* push classes only can only be applied for large */
.euGrid__1of12--pushOnLarge {
  left: 8.333%; }

.euGrid__2of12--pushOnLarge {
  left: 16.666%; }

.euGrid__3of12--pushOnLarge {
  left: 25%; }

.euGrid__4of12--pushOnLarge {
  left: 33.332%; }

.euGrid__5of12--pushOnLarge {
  left: 41.665%; }

.euGrid__6of12--pushOnLarge {
  left: 50%; }

.euGrid__7of12--pushOnLarge {
  left: 58.331%; }

.euGrid__8of12--pushOnLarge {
  left: 66.664%; }

.euGrid__9of12--pushOnLarge {
  left: 75%; }

.euGrid__10of12--pushOnLarge {
  left: 83.33%; }

.euGrid__11of12--pushOnLarge {
  left: 91.663%; }

.euGrid__12of12--pushOnLarge {
  left: 100%; }

/* MEDIUM BREAKPOINT */
@media only screen and (max-width: 960px) {
  /* reset large push and pull classes on medium */
  .euGrid__1of12--pullOnLarge,
  .euGrid__2of12--pullOnLarge,
  .euGrid__3of12--pullOnLarge,
  .euGrid__4of12--pullOnLarge,
  .euGrid__5of12--pullOnLarge,
  .euGrid__6of12--pullOnLarge,
  .euGrid__7of12--pullOnLarge,
  .euGrid__8of12--pullOnLarge,
  .euGrid__9of12--pullOnLarge,
  .euGrid__10of12--pullOnLarge,
  .euGrid__11of12--pullOnLarge,
  .euGrid__12of12--pullOnLarge,
  .euGrid__1of12--pushOnLarge,
  .euGrid__2of12--pushOnLarge,
  .euGrid__3of12--pushOnLarge,
  .euGrid__4of12--pushOnLarge,
  .euGrid__5of12--pushOnLarge,
  .euGrid__6of12--pushOnLarge,
  .euGrid__7of12--pushOnLarge,
  .euGrid__8of12--pushOnLarge,
  .euGrid__9of12--pushOnLarge,
  .euGrid__10of12--pushOnLarge,
  .euGrid__11of12--pushOnLarge,
  .euGrid__12of12--pushOnLarge {
    left: auto;
    right: auto; }

  /* pull classes only can only be applied for medium */
  .euGrid__1of12--pullOnMedium {
    right: 8.333%; }

  .euGrid__2of12--pullOnMedium {
    right: 16.666%; }

  .euGrid__3of12--pullOnMedium {
    right: 25%; }

  .euGrid__4of12--pullOnMedium {
    right: 33.332%; }

  .euGrid__5of12--pullOnMedium {
    right: 41.665%; }

  .euGrid__6of12--pullOnMedium {
    right: 50%; }

  .euGrid__7of12--pullOnMedium {
    right: 58.331%; }

  .euGrid__8of12--pullOnMedium {
    right: 66.664%; }

  .euGrid__9of12--pullOnMedium {
    right: 75%; }

  .euGrid__10of12--pullOnMedium {
    right: 83.33%; }

  .euGrid__11of12--pullOnMedium {
    right: 91.663%; }

  .euGrid__12of12--pullOnMedium {
    right: 100%; }

  /* push classes only can only be applied for medium */
  .euGrid__1of12--pushOnMedium {
    left: 8.333%; }

  .euGrid__2of12--pushOnMedium {
    left: 16.666%; }

  .euGrid__3of12--pushOnMedium {
    left: 25%; }

  .euGrid__4of12--pushOnMedium {
    left: 33.332%; }

  .euGrid__5of12--pushOnMedium {
    left: 41.665%; }

  .euGrid__6of12--pushOnMedium {
    left: 50%; }

  .euGrid__7of12--pushOnMedium {
    left: 58.331%; }

  .euGrid__8of12--pushOnMedium {
    left: 66.664%; }

  .euGrid__9of12--pushOnMedium {
    left: 75%; }

  .euGrid__10of12--pushOnMedium {
    left: 83.33%; }

  .euGrid__11of12--pushOnMedium {
    left: 91.663%; }

  .euGrid__12of12--pushOnMedium {
    left: 100%; }

  /* hide small cols on medium */
  .euGrid__1of12--small,
  .euGrid__2of12--small,
  .euGrid__3of12--small,
  .euGrid__4of12--small,
  .euGrid__5of12--small,
  .euGrid__6of12--small,
  .euGrid__7of12--small,
  .euGrid__8of12--small,
  .euGrid__9of12--small,
  .euGrid__10of12--small,
  .euGrid__11of12--small,
  .euGrid__12of12--small,
  .euGrid__1of5--small {
    display: none; }

  /* hide large cols on medium */
  .euGrid__1of12--large,
  .euGrid__2of12--large,
  .euGrid__3of12--large,
  .euGrid__4of12--large,
  .euGrid__5of12--large,
  .euGrid__6of12--large,
  .euGrid__7of12--large,
  .euGrid__8of12--large,
  .euGrid__9of12--large,
  .euGrid__10of12--large,
  .euGrid__11of12--large,
  .euGrid__12of12--large,
  .euGrid__1of5--large {
    display: none; }

  /* show medium cols on medium */
  .euGrid__1of12--medium,
  .euGrid__2of12--medium,
  .euGrid__3of12--medium,
  .euGrid__4of12--medium,
  .euGrid__5of12--medium,
  .euGrid__6of12--medium,
  .euGrid__7of12--medium,
  .euGrid__8of12--medium,
  .euGrid__9of12--medium,
  .euGrid__10of12--medium,
  .euGrid__11of12--medium,
  .euGrid__12of12--medium,
  .euGrid__1of5--medium {
    display: block; }

  /* define medium cols */
  .euGrid__1of12--medium {
    width: 8.333%; }

  .euGrid__2of12--medium {
    width: 16.666%; }

  .euGrid__3of12--medium {
    width: 25%; }

  .euGrid__4of12--medium {
    width: 33.332%; }

  .euGrid__5of12--medium {
    width: 41.665%; }

  .euGrid__6of12--medium {
    width: 50%; }

  .euGrid__7of12--medium {
    width: 58.331%; }

  .euGrid__8of12--medium {
    width: 66.664%; }

  .euGrid__9of12--medium {
    width: 75%; }

  .euGrid__10of12--medium {
    width: 83.33%; }

  .euGrid__11of12--medium {
    width: 91.663%; }

  .euGrid__12of12--medium {
    width: 100%; }

  .euGrid__1of5--medium {
    width: 20%; } }
/* SMALL BREAKPOINT */
@media only screen and (max-width: 767px) {
  /* hide large cols on mobile */
  .euGrid__1of12--large,
  .euGrid__2of12--large,
  .euGrid__3of12--large,
  .euGrid__4of12--large,
  .euGrid__5of12--large,
  .euGrid__6of12--large,
  .euGrid__7of12--large,
  .euGrid__8of12--large,
  .euGrid__9of12--large,
  .euGrid__10of12--large,
  .euGrid__11of12--large,
  .euGrid__12of12--large,
  .euGrid__1of5--large {
    display: none; }

  /* hide medium cols on mobile */
  .euGrid__1of12--medium,
  .euGrid__2of12--medium,
  .euGrid__3of12--medium,
  .euGrid__4of12--medium,
  .euGrid__5of12--medium,
  .euGrid__6of12--medium,
  .euGrid__7of12--medium,
  .euGrid__8of12--medium,
  .euGrid__9of12--medium,
  .euGrid__10of12--medium,
  .euGrid__11of12--medium,
  .euGrid__12of12--medium,
  .euGrid__1of5--medium {
    display: none; }

  /* display small cols on mobile */
  .euGrid__1of12--small,
  .euGrid__2of12--small,
  .euGrid__3of12--small,
  .euGrid__4of12--small,
  .euGrid__5of12--small,
  .euGrid__6of12--small,
  .euGrid__7of12--small,
  .euGrid__8of12--small,
  .euGrid__9of12--small,
  .euGrid__10of12--small,
  .euGrid__11of12--small,
  .euGrid__12of12--small,
  .euGrid__1of5--small {
    display: block; }

  /* reset large push and pull classes on mobile */
  .euGrid__1of12--pullOnLarge,
  .euGrid__2of12--pullOnLarge,
  .euGrid__3of12--pullOnLarge,
  .euGrid__4of12--pullOnLarge,
  .euGrid__5of12--pullOnLarge,
  .euGrid__6of12--pullOnLarge,
  .euGrid__7of12--pullOnLarge,
  .euGrid__8of12--pullOnLarge,
  .euGrid__9of12--pullOnLarge,
  .euGrid__10of12--pullOnLarge,
  .euGrid__11of12--pullOnLarge,
  .euGrid__12of12--pullOnLarge,
  .euGrid__1of12--pushOnLarge,
  .euGrid__2of12--pushOnLarge,
  .euGrid__3of12--pushOnLarge,
  .euGrid__4of12--pushOnLarge,
  .euGrid__5of12--pushOnLarge,
  .euGrid__6of12--pushOnLarge,
  .euGrid__7of12--pushOnLarge,
  .euGrid__8of12--pushOnLarge,
  .euGrid__9of12--pushOnLarge,
  .euGrid__10of12--pushOnLarge,
  .euGrid__11of12--pushOnLarge,
  .euGrid__12of12--pushOnLarge {
    left: auto;
    right: auto; }

  /* reset medium push and pull classes on mobile */
  .euGrid__1of12--pullOnMedium,
  .euGrid__2of12--pullOnMedium,
  .euGrid__3of12--pullOnMedium,
  .euGrid__4of12--pullOnMedium,
  .euGrid__5of12--pullOnMedium,
  .euGrid__6of12--pullOnMedium,
  .euGrid__7of12--pullOnMedium,
  .euGrid__8of12--pullOnMedium,
  .euGrid__9of12--pullOnMedium,
  .euGrid__10of12--pullOnMedium,
  .euGrid__11of12--pullOnMedium,
  .euGrid__12of12--pullOnMedium,
  .euGrid__1of12--pushOnMedium,
  .euGrid__2of12--pushOnMedium,
  .euGrid__3of12--pushOnMedium,
  .euGrid__4of12--pushOnMedium,
  .euGrid__5of12--pushOnMedium,
  .euGrid__6of12--pushOnMedium,
  .euGrid__7of12--pushOnMedium,
  .euGrid__8of12--pushOnMedium,
  .euGrid__9of12--pushOnMedium,
  .euGrid__10of12--pushOnMedium,
  .euGrid__11of12--pushOnMedium,
  .euGrid__12of12--pushOnMedium {
    left: auto;
    right: auto; }

  /* define small cols */
  .euGrid__1of12--small {
    width: 8.333%; }

  .euGrid__2of12--small {
    width: 16.666%; }

  .euGrid__3of12--small {
    width: 25%; }

  .euGrid__4of12--small {
    width: 33.332%; }

  .euGrid__5of12--small {
    width: 41.665%; }

  .euGrid__6of12--small {
    width: 50%; }

  .euGrid__7of12--small {
    width: 58.331%; }

  .euGrid__8of12--small {
    width: 66.664%; }

  .euGrid__9of12--small {
    width: 75%; }

  .euGrid__10of12--small {
    width: 83.33%; }

  .euGrid__11of12--small {
    width: 91.663%; }

  .euGrid__12of12--small {
    width: 100%; }

  .euGrid__1of5--small {
    width: 20%; } }
/*
##### LEEU CSS BUTTONS  #####
##### 2017-02-02 MS     #####
##### optional inline-styles: "width", "white-space: nowrap"
##### to change color, only change background on euButton and euButton:hover in respective style element or add special modifier class

BLOCK
.euButton

ELEMENTS
.euButton__multi

MODIFIER
.euButton--outlined
.euButton--underlined
.euButton--modal
.euButton--mobile
.euButton--mobileFirst

*/
/*##### BLOCK #####*/
.euButton {
  display: inline-block;
  padding: 12px 20px;
  line-height: 1.2;
  font-size: 0.8rem;
  font-family: 'Lato', Arial, Helvetica, sans serif;
  letter-spacing: .05rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  margin: .5rem;
  color: #FFF;
  background: black;
  transition-duration: .5s; }

.euButton:hover {
  cursor: pointer; }

/*##### MODIFIER #####*/
.euButton--outlined {
  border: 1px solid black;
  background: rgba(255, 255, 255, 0); }

.euButton--underlined {
  border-bottom-style: inset;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  padding: 10px 10px;
  margin: .5rem 2rem;
  background: rgba(255, 255, 255, 0); }

.euButton--arrow:after {
  content: ">"; }

.euButton--white {
  color: #000;
  background: white; }

/*##### ELEMENTS #####*/
.euButton__multi {
  padding: 0 4px;
  margin: 0;
  border-right: 1px solid #FFF;
  color: #FFF; }

.euButton a.euButton__multi:first-child {
  padding: 0 4px 0 0; }

.euButton a.euButton__multi:last-child {
  padding: 0 0 0 4px;
  border-right: none;
  background: rgba(255, 255, 255, 0); }

.euButton__multi:hover {
  text-decoration: underline; }

@media screen and (max-width: 960px) {
  .euButton {
    padding: 8px 16px;
    font-size: .7rem; }

  .euButton__multi {
    padding: 0 4px;
    margin: 0;
    background: rgba(255, 255, 255, 0);
    border-right: 1px solid #000; }

  .euButton--stackOnMedium {
    display: block;
    padding: 15px 0;
    background: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #000;
    width: 100%;
    margin: 0 0 0 0; } }
@media screen and (max-width: 767px) {
  .euButton--multiContainer {
    padding: 0 16px; }

  .euButton--stackOnSmall {
    display: block;
    padding: 15px 0;
    background: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #000;
    width: 100%;
    margin: 0 0 0 0; } }
/*
##### LEEU CSS WEBTYPO  #####
##### 2017-04-21 MS     #####
##### needed block: .euOuterWrapper,
##### to change font-size at breakpoint change font-size of .euOuterWrapper
*/
#category-copy {
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: Arial, Helvetica, sans-serif;
  color: #7e7d7d; }

#category-copy h1 {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 24px !important;
  line-height: 1.5rem !important;
  color: #7e7d7d;
  font-weight: normal; }

#category-copy h2 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 20px !important;
  line-height: 1.25rem !important;
  color: #7e7d7d;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px; }

#category-copy h3 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 20px !important;
  line-height: 1.25rem !important;
  color: #7e7d7d;
  font-weight: normal;
  padding-left: 0;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px; }

#category-copy p {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  line-height: 17px !important;
  line-height: 1.0625rem !important;
  padding: 0; }

#category-copy ul {
  list-style: circle;
  margin: 12px; }

/*
##### LEEU CSS BUTTONS  #####
##### 2017-02-02 MS     #####
##### optional inline-styles: "width", "white-space: nowrap"
##### to change color, only change background on euButton and euButton:hover in respective style element or add special modifier class

BLOCK
.modalLayer

ELEMENTS
.euModalLayer
.euModalLayer__outerBox
.euModalLayer__innerBox
.euModalLayer__closeIcon
.euModalLayer__headline
.euModalLayer__paragraph

MODIFIER

*/
.euOpenTncs {
  cursor: pointer; }

.euModalLayer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: transparent;
  display: none;
  text-align: center;
  z-index: 99999;
  overflow: auto; }

.euModalLayer__outerBox {
  position: relative;
  display: inline-block;
  top: 100px;
  background-color: white;
  color: #000;
  text-align: center;
  padding: 5% 5%;
  width: 80%;
  margin-bottom: 5rem;
  border: 1px solid #000;
  box-shadow: 0 0 50px;
  transition: 1s;
  max-width: 700px; }

.euModalLayer__closeIcon {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  display: inline-block;
  float: right;
  cursor: pointer;
  font-size: 2rem;
  text-align: center;
  width: 26px; }

.euModalLayer__innerBox {
  max-width: 1140px;
  display: inline-block; }

.euModalLayer__headline {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1.4rem; }

.euModalLayer__paragraph {
  margin: .5rem 1.25rem 0; }

.euButton--modal {
  background: #000;
  color: #FFF;
  border: 1px solid #000;
  cursor: pointer; }

.euButton--modal:hover {
  background: #FFF;
  color: #000;
  border: 1px solid #000; }

/*
##### LEEU CSS HELPER  #####
##### 2017-02-02 MS    #####
#####                  #####
*/
/* Clearfix */
.euClearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

/* invisible link */
.euNinjaLink {
  text-decoration: none;
  color: inherit; }

/* <img> classes */
.euImg {
  height: auto;
  max-width: 100%;
  -ms-interpolation-mode: bicubic; }

.euImg2 {
  height: auto;
  width: 100%;
  -ms-interpolation-mode: bicubic; }

/* Hide */
.euHideForSmall--block {
  display: block; }

.euHideForLarge--block {
  display: none; }

.euHideForSmall--inline {
  display: inline; }

.euHideForLarge--inline {
  display: none; }

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

.euHideForLarge--inline-block {
  display: none !important; }

@media only screen and (max-width: 767px) {
  .euHideForSmall--block {
    display: none; }

  .euHideForLarge--block {
    display: block; }

  .euHideForSmall--inline {
    display: none; }

  .euHideForLarge--inline {
    display: inline; }

  .euHideForSmall--inline-block {
    display: none !important; }

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

/*# sourceMappingURL=euStyle.css.map */