/*---------------------------------
-----  dimension variables --------
----------------------------------*/
/*------  standard elements padding & margin  -------*/
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/* special breakpoint for the 100 Years special navigation */
.row--gutter {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

/**
**  Official Font sizes
------------------------------- */
/** patternlab style takeover for a tags */
a {
  color: #727272;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transition: color 0.5s ease;
}
a:hover {
  color: #131313;
}

/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/* special breakpoint for the 100 Years special navigation */
.row--gutter {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

.ux-iws-spinner-message {
  display: block;
  height: 100%;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3999;
}
.ux-iws-spinner-message--closed {
  display: none;
}
.ux-iws-spinner-message__backdrop {
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
}
.ux-spinner-overlay--opening .ux-iws-spinner-message__backdrop {
  opacity: 0;
}
.ux-spinner-overlay--opened .ux-iws-spinner-message__backdrop {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
.ux-spinner-overlay--closing .ux-iws-spinner-message__backdrop {
  opacity: 0;
  transition: opacity 250ms ease-out;
}
.ux-spinner-overlay--closed .ux-iws-spinner-message__backdrop {
  opacity: 0;
}
.ux-iws-spinner-message__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ux-iws-spinner-message ux-loader {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
.ux-iws-spinner-message__message-container {
  background-color: white;
  z-index: 4000;
  margin-top: 30px;
}