/**
 * Created by marcokernler on 17.10.17.
 */
@import url("//fonts.googleapis.com/css?family=Open%20Sans%3A300%2C400");
@import url("//fonts.googleapis.com/css?family=Cormorant%20Garamond%3A400%2C400i");
/**
 * modified version of eric meyer's reset 2.0
 * http://meyerweb.com/eric/tools/css/reset/
 */
/**
 * basic reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/**
 * HTML5 display-role reset for older browsers
 */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section,
main, summary {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * modified version of normalize.css 3.0.2
 * http://necolas.github.io/normalize.css/
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

/**
 * HTML5 display definitions
 * =============================================================================
 */
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/**
 * Links
 * =============================================================================
 */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * Text-level semantics
 * =============================================================================
 */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * 1. Address styling not present in Safari and Chrome.
 * 2. Set previously resetted italic font-style
 */
dfn,
i, em {
  font-style: italic; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/**
 * Embedded content
 * =============================================================================
 */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/**
 * Grouping content
 * =============================================================================
 */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

/**
 * Forms
 * =============================================================================
 */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 20.10.17.
 */
/**
 * Created by marcokernler on 20.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.half-col {
  float: left;
  width: 50%; }
  @media (max-width: 767px) {
    .half-col {
      width: 100%; } }

.third-col {
  float: left;
  width: 33%; }
  @media (max-width: 767px) {
    .third-col {
      width: 100%; } }

.text-uppercase {
  text-transform: uppercase; }

.text-center {
  text-align: center; }

.hidden {
  display: none; }

.visible {
  display: block; }

ul.list-inline li {
  display: inline-block;
  margin-right: 10px; }
  ul.list-inline li:last-child {
    margin-right: 0; }

/**
 * Created by marcokernler on 20.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
.login-form {
  margin-top: 100px; }
  .login-form .message {
    margin-left: 410px;
    width: auto !important; }
    @media (max-width: 767px) {
      .login-form .message {
        margin-left: 0; } }
  .login-form #LabelParkMemberLoginForm_LoginForm_Password_Holder {
    margin-bottom: 20px; }
  .login-form #LabelParkMemberLoginForm_LoginForm_Remember_Holder {
    margin-bottom: 20px; }
  .login-form #LabelParkMemberLoginForm_LoginForm_Remember_Holder,
  .login-form .Actions {
    margin-left: 410px; }
    @media (max-width: 767px) {
      .login-form #LabelParkMemberLoginForm_LoginForm_Remember_Holder,
      .login-form .Actions {
        margin-left: 0; } }
  .login-form .Actions input[type='submit'],
  .login-form .Actions button {
    margin-bottom: 20px; }
  .login-form .Actions #ForgotPassword {
    font-size: 12px; }

/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
textarea:focus,
input:focus,
select:focus,
button {
  outline: none; }

/** LABEL */
form .alert {
  margin-left: 410px;
  display: block; }

form .Actions {
  margin: 20px 0 0 410px; }
  @media (max-width: 767px) {
    form .Actions {
      margin-left: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    form .Actions {
      margin-left: 0; } }

.message {
  display: block;
  width: calc(100% + 31px); }
  .message.error {
    background-color: #ff0000;
    color: #fff; }

label {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase; }
  label.inline {
    display: inline-block;
    margin-right: 0; }

.field {
  /*
	label {
		margin-left: 194px;
		margin-right: 117px;
		vertical-align: middle;
		float: left;
	}*/
  margin-bottom: 13px; }
  .field.CompositeField {
    margin: 0; }
  .field .leftColumn {
    float: left;
    width: 410px; }
    @media (max-width: 767px) {
      .field .leftColumn {
        width: 100%;
        float: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .field .leftColumn {
        width: 20%; } }
    .field .leftColumn label {
      margin: 0 0 0 194px;
      padding-top: 16px;
      display: inline-block; }
      @media (max-width: 767px) {
        .field .leftColumn label {
          margin: 15px 0;
          padding-top: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .field .leftColumn label {
          margin-left: 0; } }
  .field .middleColumn {
    float: left;
    width: 481px; }
    @media (max-width: 767px) {
      .field .middleColumn {
        width: 100%;
        float: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .field .middleColumn {
        width: 80%; } }

/** INPUT */
input {
  font-family: "Open Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important; }
  input[type='text'], input[type='password'], input[type='email'] {
    border: none;
    background-color: #f8f8f8;
    padding: 13px 32px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media (min-width: 0) and (max-width: 991px) {
      input[type='text'], input[type='password'], input[type='email'] {
        width: calc(100% - 64px); } }
  input:disabled {
    cursor: not-allowed !important;
    color: #a0a0a0; }

textarea {
  font-family: "Open Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  border: none;
  background-color: #f8f8f8;
  padding: 13px 32px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/** CHECKBOX **/
#UserForm_Form .checkbox label.left {
  display: none; }

.field.checkbox label {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  color: #1a171b;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .field.checkbox label .description {
    display: inline-block;
    font-size: 10px;
    text-transform: none; }
  .field.checkbox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .field.checkbox label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee; }
    .field.checkbox label .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 7px;
      top: 3px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .field.checkbox label:hover input ~ .checkmark {
    background-color: #e8e7e7; }
  .field.checkbox label input:checked ~ .checkmark {
    background-color: #ea5d0e; }
  .field.checkbox label input:checked ~ .checkmark:after {
    display: block; }

.field.checkbox .middleColumn {
  width: 423px;
  text-align: right; }
  @media (max-width: 767px) {
    .field.checkbox .middleColumn {
      width: 100%; } }

.field.checkbox .right-title {
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 10px; }

.field.checkbox .error {
  margin-left: 410px;
  width: 513px;
  margin-top: 5px; }
  @media (max-width: 767px) {
    .field.checkbox .error {
      width: 100%; } }

/** CUSTOM SELECT */
.goelzcountrydropdown .middleColumn {
  width: 545px; }

.goelzcountrydropdown select {
  text-transform: none !important;
  padding: 11px 16px 11px 32px !important; }

.styled-select {
  background: url("../img/icon-up-down.svg") #f8f8f8;
  background-size: 20px 12px;
  background-repeat: no-repeat;
  background-position: 95% 10px; }
  .styled-select select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    padding: 11px 16px;
    background-color: transparent;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 300 !important; }
    .styled-select select:after {
      content: " ";
      display: block;
      background-image: url("../img/icon-up-down.svg");
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 12px;
      pointer-events: all; }

/** OPTIONSET */
.optionset ul,
.goelzoptionset ul {
  list-style-type: none !important;
  padding: 0 !important;
  color: #1a171b !important; }
  .optionset ul li,
  .goelzoptionset ul li {
    position: relative;
    padding: 10px 0 !important; }
    .optionset ul li .check,
    .goelzoptionset ul li .check {
      top: 5px; }

.optionset label,
.goelzoptionset label {
  margin-left: 30px;
  cursor: pointer; }

.optionset.inline,
.goelzoptionset.inline {
  display: inline-block;
  vertical-align: top;
  margin-left: 307px;
  width: 543px; }
  @media (max-width: 767px) {
    .optionset.inline,
    .goelzoptionset.inline {
      width: 100%; } }
  .optionset.inline ul,
  .goelzoptionset.inline ul {
    margin-left: 0;
    padding-left: 0; }
  .optionset.inline li,
  .goelzoptionset.inline li {
    display: inline-block;
    margin-left: 83px; }
    .optionset.inline li label,
    .goelzoptionset.inline li label {
      margin-right: 0;
      line-height: 13px; }
      .optionset.inline li label .description,
      .goelzoptionset.inline li label .description {
        display: inline-block;
        font-size: 10px;
        line-height: 13px;
        text-transform: none; }
  .optionset.inline li.first,
  .goelzoptionset.inline li.first {
    margin-left: 0; }

.optionset.right li .check,
.goelzoptionset.right li .check {
  right: 0; }

.optionset.right li label,
.goelzoptionset.right li label {
  margin-left: 0;
  margin-right: 40px; }
  .optionset.right li label .description,
  .goelzoptionset.right li label .description {
    display: inline-block;
    font-size: 10px;
    line-height: 13px;
    text-transform: none; }

.optionset li.disabled,
.goelzoptionset li.disabled {
  pointer-events: none; }
  .optionset li.disabled label,
  .goelzoptionset li.disabled label {
    cursor: not-allowed;
    opacity: .5; }
  .optionset li.disabled .check,
  .goelzoptionset li.disabled .check {
    opacity: .5; }

.optionset .alert,
.goelzoptionset .alert {
  margin-left: 0 !important; }

/** RADIO */
input[type='radio'] {
  position: absolute;
  visibility: hidden; }

.check {
  display: block;
  position: absolute;
  border: 1px solid #aaa;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: -4px;
  cursor: pointer; }
  .check:before {
    position: relative;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    top: 4px;
    left: 4px; }

input[type=radio]:checked ~ .check::before {
  background-color: #ea5d0e; }

.check ~ label {
  cursor: pointer; }

/** TOGGLE COMPOSITE */
.togglecomposite h3 {
  display: none !important; }

.togglecomposite > div {
  border: none;
  padding: 10px 0 20px !important; }

.togglecomposite .alert {
  font-family: "Open Sans", sans-serif;
  font-size: 14px; }

/** TOGGLE COMPOSITE */
@media (min-width: 768px) and (max-width: 991px) {
  .Actions {
    padding-left: 20%; } }

.Actions input[type='submit'],
.Actions button {
  background-color: #f8f8f8;
  border: none;
  text-transform: uppercase;
  padding: 10px 20px; }
  .Actions input[type='submit']:hover,
  .Actions button:hover {
    background-color: #ececec; }

/** PRIVACY HINT - USER DEFINED FORMS */
.privacyHint {
  margin-left: 413px !important; }

/**
 * Created by marcokernler on 17.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
.container > header {
  margin: 14px 0 81px;
  padding: 0 10px; }
  .container > header nav li {
    float: left;
    margin-right: 20px;
    position: relative;
    /*
			ul {
				//display: none;
				padding: 10px 0 0;
				position: relative;
				//background-color: rgba(255, 255, 255, 0.9);
				//border: 1px solid #ccc;
				//width: 215px;
				z-index: 9999;

				li {
					float: none;
					display: block;
					//border-top: 1px solid #ccc;
					margin: 0;

					a {
						margin: 8px 0;
						display: block;
						color: #58585a !important;
					}
				}

				li:first-child { border-top: none; }
				li.current a,
				li.section a { color: $colorOrange !important; }
			}
			*/ }
    .container > header nav li a {
      color: #58585a;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 100; }
  .container > header nav li.current a,
  .container > header nav li.section a {
    color: #ea5d0e; }
  .container > header nav li:last-child {
    margin-right: 0; }
  .container > header nav li:hover ul {
    display: block; }
  .container > header nav.right li:last-child a {
    position: relative; }
  .container > header nav.right li:last-child a:after {
    content: " ";
    position: absolute;
    width: 26px;
    height: 26px;
    top: -5px;
    left: calc(100% + 25px);
    background: url("../img/basket.svg") no-repeat; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .container > header nav.right li:last-child a:after {
        left: calc(100% + 12px); } }
  .container > header nav.right li:last-child .num-items {
    position: absolute;
    right: -35px;
    top: -8px;
    font-size: 10px;
    color: #ea5d0e; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .container > header nav.right li:last-child .num-items {
        right: -24px; } }
  .container > header .overlay {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    padding-top: 5px;
    top: 30px;
    width: 955px;
    min-height: 150px;
    z-index: 9999; }
    .container > header .overlay ul {
      float: left;
      margin-right: 66px;
      display: none; }
      .container > header .overlay ul li {
        margin-bottom: 16px; }
        .container > header .overlay ul li a {
          margin: 8px 0;
          display: block;
          color: #58585a !important;
          text-decoration: none;
          font-size: 11px;
          text-transform: uppercase;
          font-weight: 100; }
          .container > header .overlay ul li a:hover {
            color: #ea5d0e !important; }
        .container > header .overlay ul li.section a,
        .container > header .overlay ul li.current a {
          color: #ea5d0e !important; }

/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 18.10.17.
 */
footer {
  font-size: 12px;
  color: #535355;
  font-weight: 200;
  margin-top: 140px; }
  footer .logo {
    text-align: center;
    margin-bottom: 150px; }
    footer .logo a:hover {
      text-decoration: none; }
    footer .logo img {
      margin-left: 0;
      width: 372px; }
      @media (orientation: portrait) and (max-width: 767px) {
        footer .logo img {
          width: 90%;
          text-align: center; } }
    footer .logo .slogan {
      display: block;
      margin-left: 263px;
      font-size: 15px;
      letter-spacing: 1.6px;
      color: #535355;
      text-transform: uppercase; }
      @media (orientation: portrait) and (max-width: 767px) {
        footer .logo .slogan {
          margin-left: 63px;
          max-width: 300px;
          text-align: left; } }
      @media (orientation: landscape) and (max-width: 767px) {
        footer .logo .slogan {
          margin-left: 199px;
          width: 450px;
          text-align: left; } }
      @media (min-width: 768px) and (max-width: 991px) {
        footer .logo .slogan {
          text-align: left;
          width: 430px;
          margin-left: 248px; } }
  footer .headerimage {
    margin: 0 0 20px; }
    @media (min-width: 0) and (max-width: 991px) {
      footer .headerimage {
        max-width: 100%;
        padding: 0 15px; } }
  @media (max-width: 767px) {
    footer .slider .slick-arrow {
      top: 70px !important;
      width: 20px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    footer .slider .slick-arrow {
      top: 125px !important;
      width: 30px !important; } }
  footer .slider .slick-arrow.slick-prev, footer .slider .slick-arrow.slick-next {
    background-repeat: no-repeat;
    z-index: 10;
    top: 228px;
    width: 67px;
    height: 67px; }
    footer .slider .slick-arrow.slick-prev:before, footer .slider .slick-arrow.slick-next:before {
      content: ""; }
  footer .slider .slick-arrow.slick-prev {
    left: 45px;
    background-image: url("../img/slider-arrow-left.svg"); }
    @media (max-width: 767px) {
      footer .slider .slick-arrow.slick-prev {
        left: 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .slider .slick-arrow.slick-prev {
        left: 20px; } }
  footer .slider .slick-arrow.slick-next {
    right: 16px;
    background-image: url("../img/slider-arrow-right.svg"); }
    @media (max-width: 767px) {
      footer .slider .slick-arrow.slick-next {
        right: 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .slider .slick-arrow.slick-next {
        right: 20px; } }
  footer .slider .slick-dots {
    bottom: 30px; }
    @media (max-width: 767px) {
      footer .slider .slick-dots {
        bottom: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .slider .slick-dots {
        bottom: 0; } }
    footer .slider .slick-dots li {
      padding: 0 !important; }
      footer .slider .slick-dots li button {
        width: 10px;
        height: 10px;
        border: 1px solid #fff;
        border-radius: 20px; }
        footer .slider .slick-dots li button:before {
          color: transparent; }
    footer .slider .slick-dots li.slick-active button {
      background-color: #fff; }
  @media (min-width: 0) and (max-width: 991px) {
    footer .content {
      padding: 0 15px; } }
  footer p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 10px; }
  footer h1, footer h2, footer h3, footer h4 {
    text-transform: uppercase; }
  footer h1 {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
    margin-bottom: 80px; }
    @media (max-width: 767px) {
      footer h1 {
        font-size: 25px;
        padding: 0 15px;
        line-height: 30px; } }
  footer h2 {
    font-size: 16px;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 30px; }
  footer h3 {
    font-size: 14px;
    margin-bottom: 20px; }
  footer a {
    color: #ea5d0e;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
    footer a.btn.btn-orange {
      padding: 5px 8px;
      background-color: #ea5d0e;
      color: #fff;
      font-size: 12px; }
  footer ul {
    color: #ea5d0e;
    list-style-type: disc;
    padding-left: 17px; }
    footer ul li {
      padding: 0 0 20px 15px; }
  footer hr {
    background: #e6e7e7;
    border: none;
    height: 1px; }
  footer table {
    width: 100%; }
  footer img {
    max-width: 100%; }
  footer .alert,
  footer .message {
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid transparent; }
    footer .alert.alert-info,
    footer .message.alert-info {
      color: #004085;
      background-color: #cce5ff;
      border-color: #b8daff; }
    footer .alert.alert-success, footer .alert.good,
    footer .message.alert-success,
    footer .message.good {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb; }
    footer .alert.alert-danger, footer .alert.bad, footer .alert.validation,
    footer .message.alert-danger,
    footer .message.bad,
    footer .message.validation {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb; }
    footer .alert.alert-warning,
    footer .message.alert-warning {
      color: #856404;
      background-color: #fff3cd;
      border-color: #ffeeba; }
    footer .alert.alert-goelz,
    footer .message.alert-goelz {
      color: #fff;
      background-color: #ea5d0e;
      border-color: #EA9059; }
  footer .textTall {
    font-size: 20px;
    line-height: 22px; }
  footer .textSmall {
    line-height: 15px; }
  footer .textOrange {
    color: #ea5d0e;
    text-transform: uppercase; }
  footer .text19 {
    font-size: 19px;
    line-height: 15px; }
  footer .text18 {
    font-size: 18px;
    line-height: 19px; }
  footer h2 {
    font-size: 27px; }
  footer p {
    line-height: 12px; }
  @media (max-width: 767px) {
    footer .left {
      text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    footer .left {
      width: calc(50% - 15px);
      padding-left: 15px; } }
  footer .left .description1,
  footer .left .opening-times {
    display: inline-block;
    vertical-align: top; }
  footer .left .description1 {
    margin-right: 25px;
    text-transform: uppercase; }
    footer .left .description1 p {
      font-size: 20px; }
  footer .left.copy img {
    width: 28px !important; }
  @media (max-width: 767px) {
    footer .right {
      text-align: center;
      margin-top: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    footer .right {
      width: calc(50% - 15px);
      padding-right: 15px; } }
  footer .right .pull-right {
    margin-right: 18px; }
    @media (max-width: 767px) {
      footer .right .pull-right {
        margin-right: 0;
        float: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .right .pull-right {
        margin-right: 0; } }
  footer .right h2 {
    margin-bottom: 35px; }
  footer .orange {
    background-color: #ea5d0e;
    margin-top: 30px;
    padding: 45px 0 50px;
    color: #fff; }
    footer .orange a {
      color: #fff;
      font-size: 13px;
      text-decoration: none; }
    footer .orange .third-col img {
      width: auto;
      height: 35px;
      margin-top: -8px; }
    footer .orange .third-col span {
      vertical-align: top;
      margin: 8px 0 0 12px;
      display: inline-block;
      font-size: 13px;
      text-transform: uppercase; }
    footer .orange .third-col ul.list-inline li {
      padding: 0;
      margin-right: 28px; }
    @media (max-width: 767px) {
      footer .orange .left,
      footer .orange .middle,
      footer .orange .right {
        margin-top: 50px; }
        footer .orange .left.copy,
        footer .orange .middle.copy,
        footer .orange .right.copy {
          margin-top: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .orange .left,
      footer .orange .middle,
      footer .orange .right {
        width: 33%;
        padding: 0; } }
    @media (max-width: 767px) {
      footer .orange .left a,
      footer .orange .middle a,
      footer .orange .right a {
        display: block;
        text-align: center; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .orange .copy a {
        padding-left: 15px; } }
    footer .orange .middle img {
      margin-left: 20px;
      width: auto;
      height: 35px;
      margin-top: -8px; }
      @media (max-width: 767px) {
        footer .orange .middle img {
          margin-left: 0; } }
    footer .orange .right ul {
      margin-left: 22px; }
      @media (max-width: 767px) {
        footer .orange .right ul {
          margin-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        footer .orange .right ul {
          float: right;
          margin-right: 8px; }
          footer .orange .right ul li:last-child {
            margin: 0; } }
    footer .orange .mail img {
      width: 40px; }

/**
 * Created by marcokernler on 12.01.18.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
/** ACCOUNT NAVIGATION **/
.account-navigation {
  padding-left: 0 !important;
  margin-bottom: 56px; }
  .account-navigation li {
    display: inline-block;
    padding: 0 61px 0 0 !important; }
    @media (max-width: 767px) {
      .account-navigation li {
        padding-top: 15px !important; } }
    .account-navigation li.first {
      padding-left: 0; }
    .account-navigation li.login-logout {
      float: right;
      text-align: right;
      padding-right: 0 !important; }
      @media (max-width: 767px) {
        .account-navigation li.login-logout {
          float: none; } }
    .account-navigation li a {
      color: #ea5d0e;
      font-size: 20px;
      text-transform: uppercase; }
      .account-navigation li a:hover {
        text-decoration: none; }
      .account-navigation li a.not-active {
        opacity: .5; }

.user-account section {
  margin-bottom: 120px; }

.user-account h4 {
  position: absolute; }
  @media (min-width: 0) and (max-width: 991px) {
    .user-account h4 {
      position: relative;
      margin-bottom: 40px; } }

.user-account .message {
  max-width: 510px; }

.user-account #CustomerType,
.user-account #Salutation {
  margin-left: 410px; }
  @media (max-width: 767px) {
    .user-account #CustomerType,
    .user-account #Salutation {
      margin-left: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .user-account #CustomerType,
    .user-account #Salutation {
      margin-left: 20%; } }

.user-account #Salutation li.valFrau {
  margin-left: 132px; }

@media (min-width: 768px) and (max-width: 991px) {
  .user-account #Form_MemberPasswordForm_PasswordConfirm_Holder label {
    padding-right: 10px; } }

.user-account #Shipping ul li,
.user-account #Payment ul li {
  max-width: 432px; }
  @media (max-width: 767px) {
    .user-account #Shipping ul li,
    .user-account #Payment ul li {
      max-width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .user-account #Shipping ul li,
    .user-account #Payment ul li {
      max-width: calc(20% + 22px); } }

.user-account #Shipping ul label,
.user-account #Payment ul label {
  margin-left: 194px; }
  @media (min-width: 0) and (max-width: 991px) {
    .user-account #Shipping ul label,
    .user-account #Payment ul label {
      margin-left: 0; } }

.user-account #Payment li.valpayment-paypal label {
  display: inline-block;
  background-image: url("../img/paypal-logo.png");
  background-repeat: no-repeat;
  background-position: 0 -3px;
  width: 140px;
  height: 17px;
  text-indent: -9999px; }

/** ORDERS **/
.order-items .order-item {
  float: left;
  width: 443px;
  margin: 0 64px 86px 0; }
  .order-items .order-item.last {
    margin-right: 0; }
  .order-items .order-item .cols .meta {
    float: left;
    width: 150px; }
    .order-items .order-item .cols .meta .label {
      text-transform: uppercase;
      font-size: 12px;
      margin-bottom: 17px; }
    .order-items .order-item .cols .meta .title .value,
    .order-items .order-item .cols .meta .title .position {
      font-size: 15px;
      text-transform: uppercase;
      color: #ea5d0e; }
    .order-items .order-item .cols .meta .title .value {
      margin-bottom: 24px; }
    .order-items .order-item .cols .meta .title .position {
      margin-bottom: 38px; }
    .order-items .order-item .cols .meta .ordernumber .value {
      font-size: 15px;
      text-transform: uppercase;
      color: #ea5d0e;
      margin-bottom: 44px; }
    .order-items .order-item .cols .meta .orderdate .date {
      font-size: 15px;
      text-transform: uppercase;
      color: #ea5d0e; }
    .order-items .order-item .cols .meta .orderdate .time {
      font-size: 15px;
      text-transform: uppercase;
      color: #ea5d0e; }
  .order-items .order-item .cols .image {
    float: left;
    width: 293px;
    text-align: center; }
    .order-items .order-item .cols .image img {
      max-width: 100%; }
  .order-items .order-item .footer {
    margin-top: 35px; }
    .order-items .order-item .footer .meta {
      float: left; }
    .order-items .order-item .footer .actions {
      float: right; }
    .order-items .order-item .footer .meta p {
      text-transform: uppercase;
      font-size: 12px;
      margin-bottom: 8px; }
    .order-items .order-item .footer .meta .amount .label {
      margin-right: 66px; }
    .order-items .order-item .footer .meta .paper .label {
      margin-right: 78px; }
    .order-items .order-item .footer .meta .handling .label {
      margin-right: 32px; }
    .order-items .order-item .footer .actions li {
      display: inline-block;
      margin-right: 10px; }
      .order-items .order-item .footer .actions li.last {
        margin-right: 0; }
    .order-items .order-item .footer .actions a {
      display: block;
      text-align: center;
      width: 53px; }
      .order-items .order-item .footer .actions a img {
        width: 24px; }
      .order-items .order-item .footer .actions a span {
        margin-top: 13px;
        font-family: 'Cormorant Garamond', serif;
        font-style: italic;
        font-size: 14px; }

/** PROJECTS **/
.projects .project {
  margin-bottom: 75px; }
  .projects .project .title {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 17px; }

.projects .documents .document,
.projects .documents .designTemplate,
.projects .designTemplates .document,
.projects .designTemplates .designTemplate {
  width: 270px;
  float: left;
  margin-right: 72px; }
  .projects .documents .document.last,
  .projects .documents .designTemplate.last,
  .projects .designTemplates .document.last,
  .projects .designTemplates .designTemplate.last {
    margin-right: 0; }
  .projects .documents .document .title,
  .projects .documents .designTemplate .title,
  .projects .designTemplates .document .title,
  .projects .designTemplates .designTemplate .title {
    font-size: 15px;
    text-transform: uppercase;
    color: #ea5d0e;
    margin-bottom: 53px; }
  .projects .documents .document .meta,
  .projects .documents .document .preview-image,
  .projects .documents .designTemplate .meta,
  .projects .documents .designTemplate .preview-image,
  .projects .designTemplates .document .meta,
  .projects .designTemplates .document .preview-image,
  .projects .designTemplates .designTemplate .meta,
  .projects .designTemplates .designTemplate .preview-image {
    float: left; }
  .projects .documents .document .meta,
  .projects .documents .designTemplate .meta,
  .projects .designTemplates .document .meta,
  .projects .designTemplates .designTemplate .meta {
    width: 102px; }
    .projects .documents .document .meta .last-edited-label,
    .projects .documents .designTemplate .meta .last-edited-label,
    .projects .designTemplates .document .meta .last-edited-label,
    .projects .designTemplates .designTemplate .meta .last-edited-label {
      text-transform: uppercase;
      font-size: 12px;
      color: #1a171b;
      margin-bottom: 40px; }
    .projects .documents .document .meta .last-edited-date,
    .projects .documents .document .meta .last-edited-time,
    .projects .documents .designTemplate .meta .last-edited-date,
    .projects .documents .designTemplate .meta .last-edited-time,
    .projects .designTemplates .document .meta .last-edited-date,
    .projects .designTemplates .document .meta .last-edited-time,
    .projects .designTemplates .designTemplate .meta .last-edited-date,
    .projects .designTemplates .designTemplate .meta .last-edited-time {
      color: #ea5d0e;
      font-size: 15px; }
    .projects .documents .document .meta .last-edited-date,
    .projects .documents .designTemplate .meta .last-edited-date,
    .projects .designTemplates .document .meta .last-edited-date,
    .projects .designTemplates .designTemplate .meta .last-edited-date {
      margin-bottom: 5px; }
    .projects .documents .document .meta .last-edited-time,
    .projects .documents .designTemplate .meta .last-edited-time,
    .projects .designTemplates .document .meta .last-edited-time,
    .projects .designTemplates .designTemplate .meta .last-edited-time {
      margin-bottom: 34px; }
    .projects .documents .document .meta .edit a,
    .projects .documents .document .meta .print a,
    .projects .documents .designTemplate .meta .edit a,
    .projects .documents .designTemplate .meta .print a,
    .projects .designTemplates .document .meta .edit a,
    .projects .designTemplates .document .meta .print a,
    .projects .designTemplates .designTemplate .meta .edit a,
    .projects .designTemplates .designTemplate .meta .print a {
      display: block;
      text-align: center;
      width: 53px; }
      .projects .documents .document .meta .edit a img,
      .projects .documents .document .meta .print a img,
      .projects .documents .designTemplate .meta .edit a img,
      .projects .documents .designTemplate .meta .print a img,
      .projects .designTemplates .document .meta .edit a img,
      .projects .designTemplates .document .meta .print a img,
      .projects .designTemplates .designTemplate .meta .edit a img,
      .projects .designTemplates .designTemplate .meta .print a img {
        width: 24px; }
      .projects .documents .document .meta .edit a .label,
      .projects .documents .document .meta .print a .label,
      .projects .documents .designTemplate .meta .edit a .label,
      .projects .documents .designTemplate .meta .print a .label,
      .projects .designTemplates .document .meta .edit a .label,
      .projects .designTemplates .document .meta .print a .label,
      .projects .designTemplates .designTemplate .meta .edit a .label,
      .projects .designTemplates .designTemplate .meta .print a .label {
        display: block;
        margin-top: 13px;
        font-family: 'Cormorant Garamond', serif;
        font-style: italic;
        font-size: 14px; }
  .projects .documents .document .preview-image,
  .projects .documents .designTemplate .preview-image,
  .projects .designTemplates .document .preview-image,
  .projects .designTemplates .designTemplate .preview-image {
    width: 168px; }
    .projects .documents .document .preview-image img,
    .projects .documents .designTemplate .preview-image img,
    .projects .designTemplates .document .preview-image img,
    .projects .designTemplates .designTemplate .preview-image img {
      max-width: 100%; }
  .projects .documents .document.chest .meta,
  .projects .documents .designTemplate.chest .meta,
  .projects .designTemplates .document.chest .meta,
  .projects .designTemplates .designTemplate.chest .meta {
    width: 134px; }
  .projects .documents .document.chest .preview-image,
  .projects .documents .designTemplate.chest .preview-image,
  .projects .designTemplates .document.chest .preview-image,
  .projects .designTemplates .designTemplate.chest .preview-image {
    width: 136px; }
  .projects .documents .document.back .meta,
  .projects .documents .designTemplate.back .meta,
  .projects .designTemplates .document.back .meta,
  .projects .designTemplates .designTemplate.back .meta {
    width: 97px; }
  .projects .documents .document.back .preview-image,
  .projects .documents .designTemplate.back .preview-image,
  .projects .designTemplates .document.back .preview-image,
  .projects .designTemplates .designTemplate.back .preview-image {
    width: 173px; }
  .projects .documents .document.belly .meta,
  .projects .documents .designTemplate.belly .meta,
  .projects .designTemplates .document.belly .meta,
  .projects .designTemplates .designTemplate.belly .meta {
    width: 98px; }
  .projects .documents .document.belly .preview-image,
  .projects .documents .designTemplate.belly .preview-image,
  .projects .designTemplates .document.belly .preview-image,
  .projects .designTemplates .designTemplate.belly .preview-image {
    width: 172px; }

/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 18.10.17.
 */
.checkout-steps {
  margin-bottom: 60px; }
  .checkout-steps li {
    display: inline-block;
    margin-right: 50px; }
    .checkout-steps li.last {
      margin-right: 0; }
    .checkout-steps li a {
      font-size: 18px;
      color: #ea5d0e !important;
      text-transform: uppercase;
      opacity: .4; }
      .checkout-steps li a:hover {
        text-decoration: none !important; }
    .checkout-steps li a.active {
      opacity: 1; }

.cart-loader {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  color: white;
  /* display: none; */
  text-align: center;
  z-index: 9999; }
  .cart-loader > img {
    margin-top: 210px; }

.shopping-cart .order-item table {
  width: 100%;
  margin-bottom: 30px; }
  .shopping-cart .order-item table thead td {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 0 38px 4px; }
  .shopping-cart .order-item table thead .label {
    width: 330px; }
  .shopping-cart .order-item table thead .paper {
    width: 230px; }
  .shopping-cart .order-item table thead .quantity {
    width: 180px; }
  .shopping-cart .order-item table thead .price-per {
    text-align: right; }
  .shopping-cart .order-item table thead .price-total {
    text-align: right; }
  .shopping-cart .order-item table tbody td {
    vertical-align: top; }
    .shopping-cart .order-item table tbody td .project-title {
      color: #ea5d0e;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 18px; }
    .shopping-cart .order-item table tbody td .punch-form-title {
      color: #ea5d0e;
      font-size: 13px;
      text-transform: uppercase;
      margin-bottom: 30px; }
    .shopping-cart .order-item table tbody td .styled-select {
      width: 80%; }
      .shopping-cart .order-item table tbody td .styled-select select {
        width: 165px; }
  .shopping-cart .order-item table tbody td.price-per {
    font-size: 12px;
    text-align: right;
    padding-top: 11px; }
  .shopping-cart .order-item table tbody td.price-total {
    font-size: 17px;
    text-align: right;
    padding-top: 7px; }
  .shopping-cart .order-item table tbody td.document-thumb img {
    max-width: 293px; }
  .shopping-cart .order-item table tbody td.options {
    vertical-align: top; }
    .shopping-cart .order-item table tbody td.options .paper-info {
      display: block;
      font-family: 'Cormorant Garamond', serif;
      font-size: 19px;
      font-style: italic;
      margin: 45px 0 80px; }
    .shopping-cart .order-item table tbody td.options .datacheckmodifier-selector {
      width: 165px; }
      .shopping-cart .order-item table tbody td.options .datacheckmodifier-selector .label {
        text-transform: uppercase; }
        .shopping-cart .order-item table tbody td.options .datacheckmodifier-selector .label label {
          cursor: pointer; }
        .shopping-cart .order-item table tbody td.options .datacheckmodifier-selector .label .description {
          display: inline-block;
          font-family: 'Cormorant Garamond', serif;
          text-transform: none;
          margin-top: 1px;
          font-size: 14px; }
      .shopping-cart .order-item table tbody td.options .datacheckmodifier-selector .input {
        position: relative; }
      .shopping-cart .order-item table tbody td.options .datacheckmodifier-selector tr:first-child td {
        padding-bottom: 37px; }

.shopping-cart .order-item .order-item-options {
  margin-top: 35px;
  padding: 0 !important;
  color: #535355; }
  .shopping-cart .order-item .order-item-options li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 23px;
    padding: 0 !important; }
    .shopping-cart .order-item .order-item-options li.last {
      margin-right: 0; }
    .shopping-cart .order-item .order-item-options li a {
      color: #585857; }
      .shopping-cart .order-item .order-item-options li a:hover {
        text-decoration: none; }
    .shopping-cart .order-item .order-item-options li img {
      vertical-align: top; }
    .shopping-cart .order-item .order-item-options li span {
      display: block;
      font-family: 'Cormorant Garamond', serif;
      font-size: 13px;
      font-style: italic;
      margin-top: 10px; }
    .shopping-cart .order-item .order-item-options li button {
      background: none;
      border: none; }
  .shopping-cart .order-item .order-item-options .refresh img {
    width: 33px;
    height: auto; }
  .shopping-cart .order-item .order-item-options .remove img {
    width: 29px;
    height: auto; }
  .shopping-cart .order-item .order-item-options .remove span {
    margin-top: 11px; }
  .shopping-cart .order-item .order-item-options .edit img {
    width: 27px;
    height: auto; }
  .shopping-cart .order-item .order-item-options .edit span {
    margin-top: 12px; }
  .shopping-cart .order-item .order-item-options .print img {
    width: 25px;
    height: auto; }
  .shopping-cart .order-item .order-item-options .print span {
    margin-top: 10px; }

.shopping-cart .order-item hr {
  margin-bottom: 30px; }

.shopping-cart .arrow-right-button {
  margin: 50px 35px 0 0;
  float: right; }
  .shopping-cart .arrow-right-button .label {
    max-width: 120px; }

.summary {
  background-color: #f8f8f8;
  padding: 40px 0 30px;
  font-size: 12px; }
  .summary table td.label {
    width: 80%;
    text-align: right; }
  .summary table td.value {
    width: 20%;
    text-align: right; }
  .summary table .subtotal .label p {
    margin-bottom: 2px; }
  .summary table .subtotal .text-uppercase {
    margin-right: 12px;
    font-size: 12px; }
  .summary table .subtotal .value {
    font-size: 15px; }
  .summary table .subtotal .service-fees-label {
    font-size: 11px; }
  .summary table .vat .label {
    font-size: 11px; }
  .summary table .vat .value {
    font-size: 12px; }
  .summary table tr:last-child td {
    padding-top: 19px; }
  .summary .vat-hint {
    font-size: 11px; }
  .summary table.fullview .servicecosts td {
    padding-top: 19px; }
  .summary table.fullview .total td {
    padding-top: 50px;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase; }

.address-shipping form > fieldset > label {
  max-width: 100px; }

.address-shipping form .alert {
  display: block;
  margin-left: 410px; }

.address-shipping form #Salutation {
  margin-left: 410px; }
  .address-shipping form #Salutation li.valFrau {
    margin-left: 132px; }

.address-shipping form #Form_AddressPaymentForm_Email_Holder {
  margin-bottom: 70px; }

.address-shipping form #AlternateShipping,
.address-shipping form #Shipping,
.address-shipping form #ShippingOptions,
.address-shipping form #Payment {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 100px; }
  .address-shipping form #AlternateShipping ul,
  .address-shipping form #Shipping ul,
  .address-shipping form #ShippingOptions ul,
  .address-shipping form #Payment ul {
    margin-top: -10px; }

.address-shipping form #AlternateShipping ul {
  margin-top: -10px; }
  .address-shipping form #AlternateShipping ul label {
    display: inline-block;
    margin-left: 90px;
    margin-right: 117px;
    max-width: 122px; }

.address-shipping form #Form_AddressPaymentForm_AltShippingFields > div {
  margin-top: -100px;
  margin-bottom: 100px; }

.address-shipping form #ShippingSalutation {
  margin-left: 410px; }

.address-shipping form #Form_AddressPaymentForm_ShippingNeutral_Holder {
  display: inline-block;
  vertical-align: top;
  margin-top: -6px;
  margin-bottom: 100px; }
  .address-shipping form #Form_AddressPaymentForm_ShippingNeutral_Holder label {
    margin-left: 55px;
    line-break: strict;
    max-width: 229px; }
  .address-shipping form #Form_AddressPaymentForm_ShippingNeutral_Holder .checkmark {
    right: -10px;
    left: auto;
    top: 6px; }
    .address-shipping form #Form_AddressPaymentForm_ShippingNeutral_Holder .checkmark:after {
      top: 3px; }

.address-shipping form #Shipping .alert,
.address-shipping form #Payment .alert {
  margin-left: 0; }

.address-shipping form #Shipping label {
  display: inline-block;
  margin-left: 138px;
  margin-right: 100px;
  max-width: 140px; }

.address-shipping form #Payment label {
  display: inline-block;
  margin-left: 108px;
  margin-right: 99px;
  max-width: 140px; }

.address-shipping form #Payment li.valpayment-paypal label {
  background-image: url("../img/paypal-logo.png");
  background-repeat: no-repeat;
  background-position: 0 0px;
  width: 140px;
  height: 23px;
  text-indent: -9999px; }

.address-shipping form #Payment li.valpayment-paypal .check {
  top: 10px; }

.address-shipping form .Actions {
  float: right; }
  .address-shipping form .Actions input[type='submit'] {
    border: none;
    background: url("../img/icon-arrow-right.svg") transparent no-repeat;
    height: 77px;
    padding-left: 93px;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 17px !important; }

/*
.arrow-right-button {
	margin: 50px 35px 0 0;
	float: right;
}*/
.order-summary {
  /*
    .arrow-right-button {
        margin: 50px 0 0 0;

        .label { max-width: 165px; }
    }*/ }
  .order-summary .left {
    text-transform: uppercase; }
    .order-summary .left .row {
      margin-bottom: 70px; }
    .order-summary .left .label {
      display: inline-block;
      vertical-align: top;
      padding-left: 4px;
      width: 190px; }
    .order-summary .left .values {
      position: relative;
      display: inline-block;
      vertical-align: top; }
    .order-summary .left .terms {
      position: relative; }
      .order-summary .left .terms label p {
        display: inline-block;
        padding-left: 32px; }
        .order-summary .left .terms label p a {
          color: #ea5d0e; }
  .order-summary .right .summary-order-item {
    margin-bottom: 100px; }
    .order-summary .right .summary-order-item.last {
      margin-bottom: 106px; }
    .order-summary .right .summary-order-item .preview-image {
      display: inline-block;
      vertical-align: top;
      margin-left: 25px;
      width: 90px; }
    .order-summary .right .summary-order-item .document-data {
      display: inline-block;
      vertical-align: top;
      margin-left: 10px;
      text-transform: uppercase;
      width: 240px;
      /*
				.paper {  }
				.quantity {}
				.datacheck {}
				*/ }
      .order-summary .right .summary-order-item .document-data p {
        margin-bottom: 4px; }
      .order-summary .right .summary-order-item .document-data .punch-form-title {
        margin-bottom: 16px; }
    .order-summary .right .summary-order-item .price {
      display: inline-block;
      vertical-align: top;
      text-align: right;
      font-size: 17px;
      margin-left: 5px;
      width: 100px; }
  .order-summary .summary table td.label {
    width: 80%;
    text-align: left;
    padding-left: 500px; }

.order-confirmation {
  margin-top: 170px;
  text-align: center; }
  .order-confirmation h2, .order-confirmation h3 {
    text-transform: uppercase; }
  .order-confirmation h2 {
    font-size: 22px;
    margin-bottom: 14px; }
  .order-confirmation h3 {
    font-size: 17px; }

/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
.home {
  /*
    .teasers.first.bottom {
        margin-top: 90px;
    }
    */ }
  @media (max-width: 767px) {
    .home .teasers {
      text-align: center; } }
  .home .teasers a {
    color: #58585a;
    text-decoration: none !important; }
  .home .teasers h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px; }
  .home .teasers.first {
    padding-top: 39px; }
    .home .teasers.first .teaser {
      display: inline-block;
      width: 137px;
      margin: 0 134px 55px 0;
      vertical-align: top; }
      @media (max-width: 767px) {
        .home .teasers.first .teaser {
          display: block;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .home .teasers.first .teaser {
          margin-right: 90px; } }
      .home .teasers.first .teaser.first {
        margin-left: 136px; }
        @media (max-width: 767px) {
          .home .teasers.first .teaser.first {
            margin-left: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .home .teasers.first .teaser.first {
            margin-left: 90px; } }
      .home .teasers.first .teaser.last {
        margin-right: 0; }
      .home .teasers.first .teaser a {
        color: #58585a;
        text-decoration: none !important; }
        @media (max-width: 767px) {
          .home .teasers.first .teaser a {
            display: block;
            text-align: center; } }
      @media (max-width: 767px) {
        .home .teasers.first .teaser > img {
          display: block;
          margin: 0 auto; } }
      .home .teasers.first .teaser h2 {
        text-transform: uppercase;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 1px;
        margin-top: 36px; }
  .home .teasers.second {
    margin-top: 75px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .home .teasers.second {
        padding: 0 15px; } }
    .home .teasers.second .teaser {
      display: inline-block;
      width: 269px;
      margin: 0 70px 0 0; }
      @media (max-width: 767px) {
        .home .teasers.second .teaser {
          width: 100%;
          margin-top: 40px;
          margin-right: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .home .teasers.second .teaser {
          width: calc(33% - 15px);
          margin-right: 0;
          padding-right: 15px; } }
      .home .teasers.second .teaser.last {
        margin-right: 0; }
      .home .teasers.second .teaser .pos {
        display: block;
        color: #ea5d0e;
        font-size: 43px;
        text-align: center;
        margin-bottom: 22px; }
      .home .teasers.second .teaser h2 {
        font-size: 20px;
        line-height: 21px;
        margin-bottom: 20px;
        font-weight: 300; }
      .home .teasers.second .teaser .animation {
        margin: 43px 0 82px;
        border-bottom: 1px solid #b1b1b1; }
        .home .teasers.second .teaser .animation > img {
          border: 1px solid #ea5d0e; }
        @media (min-width: 768px) and (max-width: 991px) {
          .home .teasers.second .teaser .animation .jsgif {
            text-align: center; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .home .teasers.second .teaser .animation .jsgif canvas {
            width: 235px; } }
        .home .teasers.second .teaser .animation .jsgif_toolbar {
          display: none; }
        .home .teasers.second .teaser .animation .play {
          display: block;
          padding: 56px 0 83px; }
          .home .teasers.second .teaser .animation .play .image {
            margin-right: 58px;
            vertical-align: middle;
            display: inline-block; }
            .home .teasers.second .teaser .animation .play .image > img {
              width: 76px;
              height: 76px; }
            .home .teasers.second .teaser .animation .play .image .btn-stop {
              display: none; }
          .home .teasers.second .teaser .animation .play .label {
            font-size: 18px;
            text-transform: uppercase;
            color: #ea5d0e;
            width: 120px;
            vertical-align: middle;
            display: inline-block; }
      .home .teasers.second .teaser .content {
        font-size: 12px;
        line-height: 15px;
        height: 290px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .home .teasers.second .teaser .content {
            padding: 0;
            height: 380px; } }
      .home .teasers.second .teaser img {
        max-width: 100%; }
  @media (max-width: 767px) {
    .home .content {
      padding: 0 15px; } }
  .home .homearticles {
    margin-top: 60px; }
    .home .homearticles .left,
    .home .homearticles .middle,
    .home .homearticles .right {
      width: 269px;
      margin: 0 70px 0 0;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 767px) {
        .home .homearticles .left,
        .home .homearticles .middle,
        .home .homearticles .right {
          width: 100%;
          margin: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .home .homearticles .left,
        .home .homearticles .middle,
        .home .homearticles .right {
          width: 33%;
          margin: 0; } }
      .home .homearticles .left > span,
      .home .homearticles .middle > span,
      .home .homearticles .right > span {
        display: block;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
        margin-bottom: 51px; }
      .home .homearticles .left article,
      .home .homearticles .middle article,
      .home .homearticles .right article {
        margin-bottom: 85px; }
        .home .homearticles .left article h3,
        .home .homearticles .middle article h3,
        .home .homearticles .right article h3 {
          color: #ea5d0e;
          text-transform: uppercase;
          font-size: 16px;
          line-height: 18px;
          margin-bottom: 15px;
          text-align: center;
          font-weight: 500; }
        @media (orientation: landscape) and (max-width: 767px) {
          .home .homearticles .left article .content,
          .home .homearticles .middle article .content,
          .home .homearticles .right article .content {
            padding: 0 120px; } }
        .home .homearticles .left article .content img,
        .home .homearticles .middle article .content img,
        .home .homearticles .right article .content img {
          max-width: 100%;
          height: auto; }
        @media (max-width: 767px) {
          .home .homearticles .left article .content .image,
          .home .homearticles .middle article .content .image,
          .home .homearticles .right article .content .image {
            text-align: center; } }
        .home .homearticles .left article .content .image .thumb,
        .home .homearticles .middle article .content .image .thumb,
        .home .homearticles .right article .content .image .thumb {
          max-width: 100%;
          height: auto;
          cursor: pointer; }
        .home .homearticles .left article .content .image .zoomer,
        .home .homearticles .middle article .content .image .zoomer,
        .home .homearticles .right article .content .image .zoomer {
          display: inline-block;
          width: 100%;
          text-align: center;
          margin-top: 23px; }
          .home .homearticles .left article .content .image .zoomer img,
          .home .homearticles .middle article .content .image .zoomer img,
          .home .homearticles .right article .content .image .zoomer img {
            width: 25px;
            height: 25px; }
    .home .homearticles .right {
      margin-right: 0; }

.mfp-container img {
  width: 1000px !important;
  height: auto !important; }

/**
 * Created by marcokernler on 25.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
.editorpage .logo {
  margin-bottom: 75px !important; }

.editor-container {
  position: relative;
  height: 1000px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .editor-container {
      height: auto; } }
  .editor-container .alert p {
    font-size: 16px; }
  .editor-container .loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    text-align: center; }
    .editor-container .loader .animation {
      margin-top: 150px; }
    .editor-container .loader span {
      display: block;
      margin-top: 10px; }

.editor-container.loaded {
  background: none; }

/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
@media (min-width: 0) and (max-width: 991px) {
  .labelcalculator .left,
  .labelcalculator .right {
    width: 100% !important;
    float: none !important; } }

.labelcalculator .left {
  width: 545px;
  float: left; }
  .labelcalculator .left p {
    color: #ea5d0e;
    font-size: 12px;
    max-width: 350px; }

.labelcalculator .right {
  width: 410px;
  float: right; }
  @media (max-width: 767px) {
    .labelcalculator .right {
      margin-top: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .labelcalculator .right {
      margin-top: 50px; } }
  .labelcalculator .right .field {
    margin-bottom: 25px; }
  .labelcalculator .right input {
    width: 215px;
    float: left;
    padding-left: 15px; }
    @media (max-width: 767px) {
      .labelcalculator .right input {
        width: calc(100% - 50px);
        float: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .labelcalculator .right input {
        width: 65%; } }
  .labelcalculator .right label {
    float: left;
    margin: 15px 0 0 25px; }
    @media (max-width: 767px) {
      .labelcalculator .right label {
        float: none;
        margin: 5px 0 10px 15px;
        display: inline-block; } }
  .labelcalculator .right .styled-select {
    float: left;
    width: 263px; }
    @media (max-width: 767px) {
      .labelcalculator .right .styled-select {
        width: 100%;
        float: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .labelcalculator .right .styled-select {
        width: calc(65% + 48px); } }
    .labelcalculator .right .styled-select + label {
      margin-top: 12px; }
  .labelcalculator .right .loader {
    display: none;
    text-align: center;
    margin-top: 46px; }
  .labelcalculator .right #calculated-price {
    margin: 46px 0 0 13px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    position: relative; }
    @media (min-width: 0) and (max-width: 991px) {
      .labelcalculator .right #calculated-price {
        margin-left: 20%; } }
    .labelcalculator .right #calculated-price .price {
      position: absolute;
      right: 0;
      top: 0;
      line-height: 27px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .labelcalculator .right #calculated-price .price {
          margin-left: 150px; } }
    .labelcalculator .right #calculated-price .vat-hint {
      text-transform: none;
      font-size: 12px;
      margin: 10px 0 0 10px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .labelcalculator .right #calculated-price .vat-hint {
          margin-left: 310px; } }

.labelcalculator .teasers {
  margin-top: 125px; }
  .labelcalculator .teasers .teaser {
    display: inline-block;
    width: 137px;
    margin: 0 134px 55px 0;
    vertical-align: top; }
    @media (max-width: 767px) {
      .labelcalculator .teasers .teaser {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .labelcalculator .teasers .teaser {
        margin-right: 90px; } }
    .labelcalculator .teasers .teaser.first {
      margin-left: 136px; }
      @media (max-width: 767px) {
        .labelcalculator .teasers .teaser.first {
          margin-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .labelcalculator .teasers .teaser.first {
          margin-left: 90px; } }
    .labelcalculator .teasers .teaser.last {
      margin-right: 0; }
    .labelcalculator .teasers .teaser a {
      color: #58585a;
      text-decoration: none !important; }
      @media (max-width: 767px) {
        .labelcalculator .teasers .teaser a {
          display: block;
          text-align: center; } }
    @media (max-width: 767px) {
      .labelcalculator .teasers .teaser > img {
        display: block;
        margin: 0 auto; } }
    .labelcalculator .teasers .teaser h2 {
      text-transform: uppercase;
      text-align: center;
      font-size: 14px;
      line-height: 16px;
      letter-spacing: 1px;
      margin-top: 36px; }

/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
/**
 * Created by marcokernler on 18.10.17.
 */
.articles {
  margin-top: 126px; }
  .articles article {
    display: inline-block;
    vertical-align: top;
    width: 269px;
    margin: 0 70px 60px 0; }
    @media (max-width: 767px) {
      .articles article {
        width: 100%;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .articles article {
        width: 33%;
        margin-right: 0; } }
    .articles article h2 {
      text-transform: uppercase;
      font-size: 17px;
      margin-bottom: 40px;
      text-align: center; }
    .articles article .content {
      margin-bottom: 16px; }
    .articles article img {
      max-width: 100%;
      height: auto; }
    .articles article.last-in-row {
      margin-right: 0; }

/**
 * Created by marcokernler on 18.10.17.
 */
/**
 * Created by marcokernler on 04.11.16.
 */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/**
 *
 */
.service .teasers {
  padding-top: 39px; }
  .service .teasers a {
    color: #58585a;
    text-decoration: none !important; }
  .service .teasers h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px; }
  .service .teasers .teaser {
    display: inline-block;
    width: 137px;
    margin: 0 134px 55px 0;
    vertical-align: top; }
    @media (max-width: 767px) {
      .service .teasers .teaser {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .service .teasers .teaser {
        margin-right: 90px; } }
    .service .teasers .teaser.first {
      margin-left: 136px; }
      @media (max-width: 767px) {
        .service .teasers .teaser.first {
          margin-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .service .teasers .teaser.first {
          margin-left: 90px; } }
    .service .teasers .teaser.last {
      margin-right: 0; }
    .service .teasers .teaser a {
      color: #58585a;
      text-decoration: none !important; }
      @media (max-width: 767px) {
        .service .teasers .teaser a {
          display: block;
          text-align: center; } }
    @media (max-width: 767px) {
      .service .teasers .teaser > img {
        display: block;
        margin: 0 auto; } }
    .service .teasers .teaser h2 {
      text-transform: uppercase;
      text-align: center;
      font-size: 14px;
      line-height: 16px;
      letter-spacing: 1px;
      margin-top: 36px; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #535355; }

.arrow-left-button a:hover {
  text-decoration: none !important; }

.arrow-left-button .icon,
.arrow-left-button .label {
  display: inline-block;
  vertical-align: middle; }

.arrow-left-button .icon img {
  width: 77px;
  height: 77px; }

.arrow-left-button .label {
  text-transform: uppercase;
  font-size: 17px;
  margin-left: 15px; }

.arrow-left-button a.disabled {
  pointer-events: none;
  cursor: not-allowed; }
  .arrow-left-button a.disabled .icon img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }

.arrow-left-button .label {
  margin-right: 15px; }

.arrow-right-button a:hover {
  text-decoration: none !important; }

.arrow-right-button .icon,
.arrow-right-button .label {
  display: inline-block;
  vertical-align: middle; }

.arrow-right-button .icon img {
  width: 77px;
  height: 77px; }

.arrow-right-button .label {
  text-transform: uppercase;
  font-size: 17px;
  margin-left: 15px; }

.arrow-right-button a.disabled {
  pointer-events: none;
  cursor: not-allowed; }
  .arrow-right-button a.disabled .icon img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }

.container {
  width: 955px;
  margin: 0 auto; }
  @media (min-width: 0) and (max-width: 991px) {
    .container {
      width: 100%; } }

.typography {
  font-size: 12px;
  color: #535355;
  font-weight: 200; }
  .typography .logo {
    text-align: center;
    margin-bottom: 150px; }
    .typography .logo a:hover {
      text-decoration: none; }
    .typography .logo img {
      margin-left: 0;
      width: 372px; }
      @media (orientation: portrait) and (max-width: 767px) {
        .typography .logo img {
          width: 90%;
          text-align: center; } }
    .typography .logo .slogan {
      display: block;
      margin-left: 263px;
      font-size: 15px;
      letter-spacing: 1.6px;
      color: #535355;
      text-transform: uppercase; }
      @media (orientation: portrait) and (max-width: 767px) {
        .typography .logo .slogan {
          margin-left: 63px;
          max-width: 300px;
          text-align: left; } }
      @media (orientation: landscape) and (max-width: 767px) {
        .typography .logo .slogan {
          margin-left: 199px;
          width: 450px;
          text-align: left; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .typography .logo .slogan {
          text-align: left;
          width: 430px;
          margin-left: 248px; } }
  .typography .headerimage {
    margin: 0 0 20px; }
    @media (min-width: 0) and (max-width: 991px) {
      .typography .headerimage {
        max-width: 100%;
        padding: 0 15px; } }
  @media (max-width: 767px) {
    .typography .slider .slick-arrow {
      top: 70px !important;
      width: 20px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .typography .slider .slick-arrow {
      top: 125px !important;
      width: 30px !important; } }
  .typography .slider .slick-arrow.slick-prev, .typography .slider .slick-arrow.slick-next {
    background-repeat: no-repeat;
    z-index: 10;
    top: 228px;
    width: 67px;
    height: 67px; }
    .typography .slider .slick-arrow.slick-prev:before, .typography .slider .slick-arrow.slick-next:before {
      content: ""; }
  .typography .slider .slick-arrow.slick-prev {
    left: 45px;
    background-image: url("../img/slider-arrow-left.svg"); }
    @media (max-width: 767px) {
      .typography .slider .slick-arrow.slick-prev {
        left: 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .typography .slider .slick-arrow.slick-prev {
        left: 20px; } }
  .typography .slider .slick-arrow.slick-next {
    right: 16px;
    background-image: url("../img/slider-arrow-right.svg"); }
    @media (max-width: 767px) {
      .typography .slider .slick-arrow.slick-next {
        right: 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .typography .slider .slick-arrow.slick-next {
        right: 20px; } }
  .typography .slider .slick-dots {
    bottom: 30px; }
    @media (max-width: 767px) {
      .typography .slider .slick-dots {
        bottom: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .typography .slider .slick-dots {
        bottom: 0; } }
    .typography .slider .slick-dots li {
      padding: 0 !important; }
      .typography .slider .slick-dots li button {
        width: 10px;
        height: 10px;
        border: 1px solid #fff;
        border-radius: 20px; }
        .typography .slider .slick-dots li button:before {
          color: transparent; }
    .typography .slider .slick-dots li.slick-active button {
      background-color: #fff; }
  @media (min-width: 0) and (max-width: 991px) {
    .typography .content {
      padding: 0 15px; } }
  .typography p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 10px; }
  .typography h1, .typography h2, .typography h3, .typography h4 {
    text-transform: uppercase; }
  .typography h1 {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
    margin-bottom: 80px; }
    @media (max-width: 767px) {
      .typography h1 {
        font-size: 25px;
        padding: 0 15px;
        line-height: 30px; } }
  .typography h2 {
    font-size: 16px;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 30px; }
  .typography h3 {
    font-size: 14px;
    margin-bottom: 20px; }
  .typography a {
    color: #ea5d0e;
    text-decoration: none; }
    .typography a:hover {
      text-decoration: underline; }
    .typography a.btn.btn-orange {
      padding: 5px 8px;
      background-color: #ea5d0e;
      color: #fff;
      font-size: 12px; }
  .typography ul {
    color: #ea5d0e;
    list-style-type: disc;
    padding-left: 17px; }
    .typography ul li {
      padding: 0 0 20px 15px; }
  .typography hr {
    background: #e6e7e7;
    border: none;
    height: 1px; }
  .typography table {
    width: 100%; }
  .typography img {
    max-width: 100%; }
  .typography .alert,
  .typography .message {
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid transparent; }
    .typography .alert.alert-info,
    .typography .message.alert-info {
      color: #004085;
      background-color: #cce5ff;
      border-color: #b8daff; }
    .typography .alert.alert-success, .typography .alert.good,
    .typography .message.alert-success,
    .typography .message.good {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb; }
    .typography .alert.alert-danger, .typography .alert.bad, .typography .alert.validation,
    .typography .message.alert-danger,
    .typography .message.bad,
    .typography .message.validation {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb; }
    .typography .alert.alert-warning,
    .typography .message.alert-warning {
      color: #856404;
      background-color: #fff3cd;
      border-color: #ffeeba; }
    .typography .alert.alert-goelz,
    .typography .message.alert-goelz {
      color: #fff;
      background-color: #ea5d0e;
      border-color: #EA9059; }
  .typography .textTall {
    font-size: 20px;
    line-height: 22px; }
  .typography .textSmall {
    line-height: 15px; }
  .typography .textOrange {
    color: #ea5d0e;
    text-transform: uppercase; }
  .typography .text19 {
    font-size: 19px;
    line-height: 15px; }
  .typography .text18 {
    font-size: 18px;
    line-height: 19px; }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (orientation: portrait) and (min-width: 768px) and (max-width: 991px) {
  .hidden-sm-portrait {
    display: none !important; } }

@media (orientation: landscape) and (min-width: 768px) and (max-width: 991px) {
  .hidden-sm-landscape {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

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

.totop {
  margin-top: 300px; }
  @media (max-width: 767px) {
    .totop {
      margin-top: 50px;
      margin-right: 15px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .totop {
      margin-top: 75px;
      margin-right: 15px; } }
  .totop img {
    float: right;
    width: 83px; }

.slicknav_menu {
  background: #fff; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .slicknav_menu {
      display: none; } }
  @media (min-width: 1200px) {
    .slicknav_menu {
      display: none; } }
  .slicknav_menu > .slicknav_btn {
    background-color: transparent; }
    .slicknav_menu > .slicknav_btn .slicknav_icon {
      width: 30px;
      height: 20px; }
    .slicknav_menu > .slicknav_btn .slicknav_icon-bar {
      background-color: #000;
      border-radius: 0;
      width: 30px;
      height: 3px; }
      .slicknav_menu > .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
        margin-top: 5px; }
  .slicknav_menu .slicknav_nav li {
    border-bottom: 1px solid #e0e0e0; }
    .slicknav_menu .slicknav_nav li a {
      color: #535355; }
    .slicknav_menu .slicknav_nav li ul li:last-child {
      border-bottom: none; }
  .slicknav_menu .slicknav_nav .slicknav_row:hover {
    background: none;
    border-radius: 0; }
    .slicknav_menu .slicknav_nav .slicknav_row:hover .slicknav_arrow {
      color: #535355; }

#Form_NewsletterOptInForm .message,
#Form_NewsletterOptInForm #Form_NewsletterOptInForm_Captcha_Holder {
  margin-left: 410px;
  max-width: 510px; }

.console {
  display: block;
  padding: 10px;
  background-color: red;
  color: #fff;
  min-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000; }
  @media (min-width: 1200px) {
    .console:after {
      content: "LG"; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .console:after {
      content: "MD"; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .console:after {
      content: "SM"; } }
  @media (max-width: 767px) {
    .console:after {
      content: "XS"; } }