/****** FILE: themes/utz/css/normalize.css *****/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 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; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */

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;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * 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;
	vertical-align: baseline;
}

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 margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * 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;
	font-size: 1em;
}

/* 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; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * 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"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * 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"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 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.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * 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;
}

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 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;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
	padding: 0;
}

/****** FILE: themes/utz/css/main.css *****/
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* ===================
    general text styles
=================== */
body {
  font: 18px/1.5em Roboto, Helvetica Neue, Arial, sans-serif;
}
h1,
h2,
h3 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
}
h1,
h2 {
  font-weight: 700;
}
h3 {
  font-weight: 400;
}
p,
ul {
  margin-top: 0;
  margin-bottom: 0.75em;
}
p:last-child,
ul:last-child {
  margin-bottom: 0;
}
a {
  color: #1c63a6;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: inherit;
  text-decoration: underline;
}
a.button,
p.button a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 240px;
  padding: 11px 8px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  background-color: #1c63a6;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.3px;
}
a.button:hover,
p.button a:hover {
  text-decoration: underline;
}
a.button-blue,
p.button-blue a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 240px;
  padding: 11px 8px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  background-color: #1c63a6;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.3px;
  background-color: #66afcc;
}
a.button-blue:hover,
p.button-blue a:hover {
  text-decoration: underline;
}
.manual-white {
  color: white !important;
  text-shadow: none !important;
}
.manual-black {
  color: black !important;
}
.manual-blue {
  color: #1c63a6 !important;
}
/* ===================
    basic page layout
=================== */
.wrapper {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}
.header-container {
  background: #1c63a6;
  position: relative;
}
.main-container {
  position: relative;
}
.main-container h1 {
  text-align: center;
  font-size: 40px;
  line-height: 1em;
  color: #1c63a6;
  margin-bottom: 1em;
  margin-top: 0;
}
.main-container h2 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25em;
  color: black;
  margin-bottom: 0.8em;
}
.footer-container {
  background-color: #333333;
  margin-top: 10em;
}
.header-container {
  position: relative;
}
.header-container header img.logo {
  display: inline-block;
  height: auto;
  width: 30px;
  border: none;
  margin-right: 0.8em;
  position: relative;
  top: -2px;
}
@media only screen and (min-width: 1000px) {
  .header-container header img.logo {
    width: 40px;
    top: -4px;
  }
}
.header-container header .title {
  color: white;
  font-size: 24px;
  font-weight: 400;
  margin-top: 0.5em;
}
.header-container header .title a,
.header-container header .title a:hover,
.header-container header .title a:active,
.header-container header .title a:visited {
  color: inherit;
  text-decoration: inherit;
}
.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
}
#breadcrumbs {
  margin-top: 1em;
  margin-bottom: 0;
  z-index: 50;
  width: 100%;
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.2em;
}
#breadcrumbs a {
  font-family: inherit;
  color: inherit;
}
#breadcrumbs div {
  box-sizing: border-box;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  padding-right: 30%;
}
/* ==============
     MOBILE: Top navigation
   ============== */
/* ==============
     MOBILE: Top navigation
   ============== */
.header-container nav {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
  color: black;
  font-size: 14px;
  /* common */
}
.header-container nav ul {
  list-style-type: none;
  margin: 0;
}
.header-container nav ul li {
  list-style-type: none;
}
.header-container nav ul li.active > a {
  color: black;
  font-weight: 700;
}
.header-container nav ul a {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}
.header-container nav ul a:hover,
.header-container nav ul a:visited {
  color: inherit;
}
.header-container nav ul a:hover {
  text-decoration: underline;
}
.header-container nav a.open-mobile-nav {
  display: block;
  height: 100%;
  width: 54px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  background-image: url('../images/icon-nav-active.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}
.header-container nav a.open-mobile-search {
  right: 54px;
  background-image: url('../images/icon-mobsearch-active.png');
  background-size: 19px 19px;
}
.header-container nav .search a {
  width: 22px;
  background-image: url("../images/icon-search.png");
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: 22px 22px;
}
.header-container nav .cart a {
  width: 24px;
  background-image: url("../images/icon-cart.png");
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: 24px 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .header-container nav .search a {
    background-image: url("../images/icon-search@2x.png");
  }
  .header-container nav .cart a {
    background-image: url("../images/icon-cart@2x.png");
  }
}
@media only screen and (max-width: 999px) {
  .hide-mobile-nav {
    display: none;
  }
  .header-container header {
    height: 54px;
  }
  .header-container nav {
    /* level 1 */
  }
  .header-container nav ul.level1 {
    display: block;
    position: absolute;
    top: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0;
    padding: 1em 5%;
    padding-right: 54px;
    padding-bottom: 5em;
    background-color: #ffffff;
    border-bottom: 1px solid #d8d8d8;
    z-index: 100;
    /* level 2 */
  }
  .header-container nav ul.level1 li {
    padding-top: 1em;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
  }
  .header-container nav ul.level1 > li.active > a span {
    border-bottom: 2px solid #1c63a6;
  }
  .header-container nav ul.level1 > li.active > a:hover {
    text-decoration: none;
  }
  .header-container nav ul.level1 > li.active > a:hover span {
    border-bottom: 2px solid black;
  }
  .header-container nav ul.level1 li a {
    padding-top: 0;
    text-align: left;
    display: block;
    width: 100%;
  }
  .header-container nav ul.level1 > li.children > a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid;
    border-bottom: none;
    border-bottom-color: black;
    border-top-color: black;
    position: absolute;
    right: 12px;
    top: 24px;
  }
  .header-container nav ul.level1 > li.open a:after {
    border-top: none;
    border-bottom: 6px solid;
  }
  .header-container nav ul.level1 .cart {
    margin-top: 2em;
  }
  .header-container nav ul.level1 li.search {
    border-bottom: none;
  }
  .header-container nav ul.level1 ul.level2 {
    position: static;
    height: auto;
    background-color: transparent;
    z-index: 100;
    padding: 0;
    display: none;
  }
  .header-container nav ul.level1 ul.level2 li {
    border-bottom: none;
    border-top: 1px solid #d8d8d8;
    padding-left: 18px;
  }
  .header-container nav ul.level1 ul.level2 li a {
    margin-top: 0;
    text-align: left;
  }
  .header-container nav ul.level1 li.open ul.level2 {
    display: block;
  }
  .header-container nav.hidenav ul.level1 {
    display: none;
  }
  .header-container nav.hidenav a.open-mobile-nav {
    background-color: transparent;
    background-image: url('../images/icon-nav-closed.png');
  }
  .header-container nav.hidenav a.open-mobile-search {
    background-image: url('../images/icon-mobsearch-closed.png');
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .header-container nav a.open-mobile-nav {
    background-image: url('../images/icon-nav-active@2x.png');
  }
  .header-container nav a.open-mobile-search {
    background-image: url('../images/icon-mobsearch-active@2x.png');
    background-size: 19px 19px;
  }
  .header-container nav.hidenav a.open-mobile-nav {
    background-image: url('../images/icon-nav-closed@2x.png');
  }
  .header-container nav.hidenav a.open-mobile-search {
    background-image: url('../images/icon-mobsearch-closed@2x.png');
    background-size: 19px 19px;
  }
}
/* ====================
     INTERMEDIATE: Top navigation
   ==================== */
@media only screen and (min-width: 1000px) {
  .mobile-nav {
    display: none;
  }
  .header-container nav {
    font-size: 15px;
    color: white;
    height: 5.5em;
  }
  .header-container nav a.open-mobile-nav {
    display: none;
  }
  .header-container nav .cart span {
    display: none;
  }
  .header-container nav ul.level1 {
    padding: 0;
    display: inline-block;
    height: 100%;
    /* level 2 */
    /* --- level 2 */
  }
  .header-container nav ul.level1 > li {
    display: inline-block;
    float: left;
    margin: 0 1.6em;
    height: 100%;
    position: relative;
    top: -2px;
  }
  .header-container nav ul.level1 > li:first-child {
    margin-left: 0;
  }
  .header-container nav ul.level1 > li:last-child {
    margin-right: 0;
  }
  .header-container nav ul.level1 > li.children {
    padding-right: 1em;
  }
  .header-container nav ul.level1 > li.active {
    border-bottom: 2px solid #b3d7e6;
  }
  .header-container nav ul.level1 li.active > a {
    color: #b3d7e6;
  }
  .header-container nav ul.level1 > li > a {
    display: block;
    padding-top: 2.1em;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
  }
  .header-container nav ul.level1 > li.children > a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid;
    border-bottom: none;
    border-bottom-color: white;
    border-top-color: white;
    position: absolute;
    right: 0px;
    top: 42px;
  }
  .header-container nav ul.level1 > li.search {
    margin-left: 5em;
    margin-right: 0;
    padding-right: 0;
  }
  .header-container nav ul.level1 > li.search > a:after {
    border: none !important;
  }
  .header-container nav ul.level1 > li.active a:after {
    border-top-color: #b3d7e6;
    border-bottom-color: #b3d7e6;
  }
  .header-container nav ul.level1 > li.open a:after {
    border-top: none;
    border-bottom: 6px solid;
  }
  .header-container nav ul.level1 ul.level2,
  .header-container nav ul.level1 .search-form {
    position: absolute;
    margin: 0;
    padding: 24px 32px;
    height: auto;
    background-color: rgba(28, 99, 166, 0.85);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    z-index: 100;
    display: none;
    top: 100%;
    left: -32px;
    border-top: 2px solid #000000;
  }
  .header-container nav ul.level1 ul.level2 > li a,
  .header-container nav ul.level1 .search-form > li a {
    display: inline;
    margin-top: 0;
    text-align: left;
  }
  .header-container nav ul.level1 ul.level2 > li,
  .header-container nav ul.level1 .search-form > li {
    display: block;
    width: 100%;
    height: auto;
    position: static;
  }
  .header-container nav ul.level1 .search-form {
    right: -32px;
    width: 310px;
    left: auto;
  }
  .header-container nav ul.level1 li.open ul.level2,
  .header-container nav ul.level1 li.open .search-form {
    display: block;
  }
  .header-container nav.hidenav ul.level1 {
    display: inline-block;
  }
  .header-container .oldie nav a {
    margin: 0 0.7%;
  }
}
/* ==============
     MOBILE: Footer navigation
   ============== */
.footer-container footer nav {
  white-space: nowrap;
}
.footer-container footer nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer-container footer nav ul a {
  display: block;
  font-family: inherit;
  text-align: center;
  text-decoration: underline;
  color: inherit;
}
.footer-container footer nav ul a:hover,
.footer-container footer nav ul a:visited {
  color: inherit;
}
.footer-container footer nav ul a:hover {
  text-decoration: underline;
}
.footer-container footer nav ul strong a,
.footer-container footer nav ul strong a:hover,
.footer-container footer nav ul strong a:visited {
  color: #1c63a6;
  font-weight: 700;
  text-decoration: none;
}
/* ====================
     INTERMEDIATE: Footer navigation
   ==================== */
@media only screen and (min-width: 700px) {
  .header-container nav {
    float: right;
  }
  footer nav {
    display: inline-block;
  }
  footer nav ul {
    display: inline-block;
  }
  footer nav ul li {
    display: inline-block;
    float: left;
    margin: 0 0.8em;
  }
  footer nav ul li:first-child {
    margin-left: 0;
  }
  footer nav ul li:last-child {
    margin-right: 0;
  }
  footer nav ul a {
    margin-bottom: 0;
    display: inline-block;
  }
}
/* ==============
    MOBILE: Top Slider
   ============== */
/* ==============
    MOBILE: Main
   ============== */
.main {
  padding: 0;
}
img {
  border: 1px solid #e5e5e5;
  max-width: 100%;
}
.floatLeft,
.floatLeftHalf,
.floatRight,
.fullWidth,
.userWidth {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 700px) {
  .floatLeft {
    float: left;
    max-width: 48%;
    margin-right: 4%;
    margin-bottom: 0.5em;
  }
  .floatLeftHalf {
    float: left;
    max-width: 48%;
    margin-right: 4%;
    margin-bottom: 0.5em;
  }
  .column2 .floatLeft {
    max-width: 100%;
  }
  .column2 .floatRight {
    max-width: 100%;
  }
  .column2 .floatLeftHalf {
    max-width: 48%;
  }
  .floatRight {
    float: right;
    max-width: 48%;
    margin-left: 4%;
    margin-bottom: 0.5em;
  }
  .fullWidth {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .userWidth {
    float: left;
    max-width: 100%;
    margin-right: 4%;
    margin-bottom: 0.5em;
  }
  .floatLeft .floatLeft,
  .floatLeftHalf .floatLeft,
  .floatRight .floatLeft,
  .userWidth .floatLeft,
  .floatLeft .floatLeftHalf,
  .floatLeftHalf .floatLeftHalf,
  .floatRight .floatLeftHalf,
  .userWidth .floatLeftHalf,
  .floatLeft .floatRight,
  .floatLeftHalf .floatRight,
  .floatRight .floatRight,
  .userWidth .floatRight,
  .floatLeft .userWidth,
  .floatLeftHalf .userWidth,
  .floatRight .userWidth,
  .userWidth .userWidth {
    float: none;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .floatLeft .floatLeft:last-child,
  .floatLeftHalf .floatLeft:last-child,
  .floatRight .floatLeft:last-child,
  .userWidth .floatLeft:last-child,
  .floatLeft .floatLeftHalf:last-child,
  .floatLeftHalf .floatLeftHalf:last-child,
  .floatRight .floatLeftHalf:last-child,
  .userWidth .floatLeftHalf:last-child,
  .floatLeft .floatRight:last-child,
  .floatLeftHalf .floatRight:last-child,
  .floatRight .floatRight:last-child,
  .userWidth .floatRight:last-child,
  .floatLeft .userWidth:last-child,
  .floatLeftHalf .userWidth:last-child,
  .floatRight .userWidth:last-child,
  .userWidth .userWidth:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1000px) {
  .floatLeftHalf {
    max-width: 23%;
  }
  .column2 .floatLeft {
    max-width: 48%;
  }
  .column2 .floatRight {
    max-width: 48%;
  }
  .column2 .floatLeftHalf {
    max-width: 23%;
  }
}
.caption {
  font-size: 12px;
  line-height: 1em;
}
.userWidth {
  float: left;
  margin-right: 1em;
}
article.wrapper,
section.wrapper {
  *zoom: 1;
  padding: 0;
  /*background-color: #fff5cc;*/
  padding-top: 40px;
  padding-bottom: 40px;
}
article.wrapper:before,
section.wrapper:before,
article.wrapper:after,
section.wrapper:after {
  content: " ";
  display: table;
}
article.wrapper:after,
section.wrapper:after {
  clear: both;
}
.accent {
  background-color: #eaf5fa;
}
.accent article {
  padding-top: 50px;
}
aside {
  *zoom: 1;
}
aside:before,
aside:after {
  content: " ";
  display: table;
}
aside:after {
  clear: both;
}
.column2 {
  width: 100%;
  margin: 0;
}
.column3 {
  width: 100%;
  margin: 0;
}
.news-overview ul,
.catalog-highlights ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.news-overview li,
.catalog-highlights li {
  list-style-type: none;
}
.news-overview article,
.catalog-highlights article {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6em;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 2em;
}
.news-overview article header p,
.catalog-highlights article header p {
  margin-bottom: 0;
}
.news-overview article header img,
.catalog-highlights article header img {
  margin-bottom: 1.5em;
}
.news-overview article h1,
.catalog-highlights article h1 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: left;
}
.news-overview article h1 a,
.catalog-highlights article h1 a {
  color: inherit;
  text-decoration: inherit;
}
.news-overview article p,
.catalog-highlights article p {
  color: #666666;
}
.news-overview article footer,
.catalog-highlights article footer {
  font-size: 13px;
  margin-top: 0.5em;
}
.news-overview > footer,
.catalog-highlights > footer {
  text-align: center;
  margin-top: 2em;
}
.news-overview {
  position: relative;
}
.news-overview article h1 {
  font-size: 24px;
  line-height: 1.2em;
}
.news-overview section a,
.news-overview section a:visited,
.news-overview section a:active {
  color: inherit;
  text-decoration: inherit;
}
.news-overview .pagination {
  display: inline;
  position: absolute;
  z-index: 80;
  right: 0;
  top: 0;
  top: 2em;
}
.news-overview .bottom-pagination {
  position: relative;
  top: -2em;
}
.catalog-highlights article h1 {
  font-size: 18px;
  line-height: 1.5em;
  margin-top: 0.3em;
}
/* sharing */
aside.share {
  color: #1c63a6;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 13px;
  margin-bottom: 2em;
}
aside.share span {
  margin-right: 2em;
  text-decoration: underline;
}
aside.share ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
aside.share li {
  list-style-type: none;
  display: inline-block;
  margin-right: 1.5em;
}
aside.share li a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  height: 16px;
  width: 16px;
  text-decoration: none;
  position: relative;
  top: 2px;
}
aside.share .share-mail a {
  background-image: url("../images/icon-mail.png");
  background-size: 19px 16px;
  width: 19px;
}
aside.share .share-facebook a {
  background-image: url("../images/icon-facebook.png");
  background-size: 7px 16px;
  width: 7px;
}
aside.share .share-twitter a {
  background-image: url("../images/icon-twitter.png");
  background-size: 16px 16px;
  width: 16px;
}
aside.share .share-pinterest a {
  background-image: url("../images/icon-pinterest.png");
  background-size: 12px 16px;
  width: 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  aside.share .share-mail a {
    background-image: url("../images/icon-mail@2x.png");
  }
  aside.share .share-facebook a {
    background-image: url("../images/icon-facebook@2x.png");
  }
  aside.share .share-twitter a {
    background-image: url("../images/icon-twitter@2x.png");
  }
  aside.share .share-pinterest a {
    background-image: url("../images/icon-pinterest@2x.png");
  }
}
/* ==========================================================================
   MOBILE: footer
   ========================================================================== */
.hide-mobile {
  display: none;
}
@media only screen and (min-width: 700px) {
  div.hide-mobile {
    display: block;
  }
}
.footer-container footer {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 3em;
  color: white;
  padding: 20px 0;
  text-align: center;
}
.footer-container footer .social {
  border-top: 2px solid white;
  margin-top: 1em;
  padding-top: 2em;
}
.footer-container footer .social a.facebook {
  display: inline-block;
  width: 7px;
  height: 16px;
  color: transparent;
  background-image: url('../images/icon-facebook-wh.png');
  background-size: 7px 16px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  margin-left: 1em;
}
.footer-container footer .social a.facebook span {
  display: none;
}
.footer-container footer .social a.googleplus {
  position: relative;
  top: -2px;
  margin-left: 0.5em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .footer-container footer .social a.facebook {
    background-image: url('../images/icon-facebook@2x.png');
  }
}
.footer-container footer .toplink {
  font-size: 16px;
  margin-top: 1em;
  padding-left: 2em;
}
.footer-container footer .toplink a {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #1c63a6;
  letter-spacing: 1px;
  position: relative;
}
.footer-container footer .toplink a:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid;
  border-top: none;
  border-bottom-color: #1c63a6;
  position: absolute;
  left: -2em;
  top: 6px;
}
@media only screen and (min-width: 700px) {
  .footer-container footer {
    line-height: 1em;
    position: relative;
    top: 0.3em;
  }
  .footer-container footer div {
    display: inline-block;
    margin: 0.5em 1.5em;
  }
  .footer-container footer div:first-child {
    margin-left: 0;
  }
  .footer-container footer div:last-child {
    margin-right: 0;
  }
  .footer-container footer:after {
    content: ' ';
    display: inline-block;
    width: 100%;
  }
  .footer-container footer .social {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  .footer-container footer .toplink {
    display: none;
  }
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {
  .header-container h1 {
    padding: 0;
    margin: 0;
  }
  .catalog-highlights {
    /*    li:nth-child(2n) {
      padding-right: 0;
    }*/
  }
  .catalog-highlights ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-right: -2rem;
  }
  .catalog-highlights li {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 48%;
    width: calc(50% - 2rem);
    margin-left: 0;
    margin-right: 2rem;
    /*      float: left;
      width:46%;
      padding-right:8%;*/
  }
  /* ------------------------------  */
  /* catalog start */
}
@media only screen and (min-width: 480px) and only screen and (min-width: 1000px) {
  .catalog-start article {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 31.33333333%;
    width: calc(33.333333333333336% - 2rem);
    margin-left: 0;
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 700px) {
  .column2 {
    float: left;
    width: 48%;
    margin: 0;
    padding-right: 4%;
  }
  .column2 h1:first-child,
  .column2 h2:first-child,
  .column2 h3:first-child,
  .column2 h4:first-child {
    margin-top: 0;
  }
  .column2:nth-child(2n) {
    padding-right: 0;
  }
  .ContentblockWidget_accentsmall .column2 {
    width: 32%;
  }
  .ContentblockWidget_accentsmall .column2:nth-child(2n) {
    width: 64%;
  }
  .column3 {
    float: left;
    width: 30%;
    margin: 0;
    padding-right: 5%;
  }
  .column3:nth-child(3n) {
    padding-right: 0;
  }
  .news-overview {
    text-align: justify;
  }
  .news-overview article {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-right: 3%;
  }
  .news-overview article:nth-child(2n) {
    padding-right: 0;
  }
  /* .catalog-highlights {
    li {
      float: left;
      width:30%;
      padding-right:5%;
    }
    li:nth-child(2n) {
      padding-right:5%;
    }
    li:nth-child(3n) {
      padding-right: 0;
    }
  }*/
  /*  .header-container {
    header {
      .title {
        float: left;
        font-size: 30px;
        margin-top:0.8em;
      }
    }

  }*/
  /* ============
			WIDE: Main
		 ============ */
  .main article,
  .main section {
    /*		float: left;
                width: 57%;*/
  }
  .main aside {
    /*		float: right;
		width: 28%;*/
  }
}
@media only screen and (max-width: 699px) {
  .main-container h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 439px) {
  .main-container h1 {
    font-size: 24px;
  }
  .header-container header .title {
    font-size: 20px;
  }
  .header-container header .title .logo {
    display: none;
  }
}
@media only screen and (min-width: 1000px) {
  .news-overview article {
    width: 30%;
    padding-right: 4.5%;
  }
  .news-overview article:nth-child(2n) {
    padding-right: 4.5%;
  }
  .news-overview article:nth-child(3n) {
    padding-right: 0;
  }
  .catalog-highlights {
    /*    li:nth-child(2n),
    li:nth-child(3n){
      padding-right:6.5%;
    }
    li:nth-child(4n) {
      padding-right:0%;
    }*/
  }
  .catalog-highlights ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-right: -3rem;
  }
  .catalog-highlights li {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 23%;
    width: calc(25% - 3rem);
    margin-left: 0;
    margin-right: 3rem;
  }
  .header-container header .title {
    float: left;
    font-size: 30px;
    margin-top: 0.9em;
  }
  .footer-container footer {
    text-align: justify;
  }
  .footer-container footer div,
  .footer-container footer div:first-child,
  .footer-container footer div:last-child {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1342px) {
  /* ===============
			Maximal Width
		 =============== */
  .wrapper {
    width: 1208px;
    /* 1342px - 10% for margins */
    margin: 0 auto;
  }
  #breadcrumbs div {
    box-sizing: border-box;
    width: 1208px;
    /* 1342px - 10% for margins */
    margin: 0 auto;
    padding-right: 30%;
  }
}
/* forms basic, mobile */
input[type=text],
input[type=email],
input[type=password],
select,
textarea {
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid black;
  color: #666;
  font-size: 14px;
  margin: 0;
  margin-bottom: 1.2em;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=text],
input[type=email],
input[type=password],
select {
  height: 28px;
  padding: 0px 12px;
  width: 100%;
}
textarea {
  min-height: 85px;
  padding: 10px 12px;
  width: 100%;
}
.textarea {
  margin: 1em 0;
}
.textarea label {
  display: block;
}
select {
  padding: 0;
  width: 100%;
}
form .message {
  color: #1c63a6;
  font-weight: bold;
  margin: 1em 0;
}
.fieldgroup-field {
  margin: 0 0 3em 0;
}
.fieldgroup-field label {
  margin-bottom: 1em;
  font-weight: 700;
}
.fieldgroup {
  margin: 0 0 3em 0;
}
.fieldgroup legend,
.fieldgroup > label {
  display: block;
  font-weight: 700;
  margin-bottom: 1em;
}
.fieldgroup .fieldgroup-items {
  width: 100%;
  max-width: 100%;
}
.fieldgroup .fieldgroup-field {
  vertical-align: top;
  margin: 0;
}
.fieldgroup .fieldgroup-field label {
  margin-bottom: 0;
  font-weight: 400;
}
.fieldgroup .fieldholder-label {
  vertical-align: top;
}
.fieldgroup .fieldholder-field {
  width: 100%;
  max-width: 100%;
}
.fieldgroup input[type=text],
.fieldgroup input[type=email],
.fieldgroup input[type=password],
.fieldgroup textarea {
  width: 100%;
}
.fieldgroup select {
  width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
  margin-left: 1px;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 16px 0 -20px;
  vertical-align: middle;
  border: 1px solid black;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
}
input[type="checkbox"] + label:before {
  border-radius: 2px;
}
input[type="radio"] + label:before {
  border-radius: 11px;
}
input[type="checkbox"]:checked + label:before {
  background-image: url('../images/btn-checkbox-checked.png');
}
input[type="radio"]:checked + label:before {
  background-image: url('../images/btn-radio-checked.png');
}
input[type="submit"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 240px;
  padding: 11px 8px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  background-color: #1c63a6;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.3px;
  margin-bottom: 1em;
}
input[type="submit"]:hover {
  text-decoration: underline;
}
form a.button,
form a.button-blue {
  margin-bottom: 1em;
}
input.button-blue[type="submit"] {
  background-color: #66afcc;
}
.Actions {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
/* forms only mobile */
@media only screen and (max-width: 699px) {
  .Actions {
    width: 100%;
  }
  input[type="submit"],
  a.button,
  a.button-blue {
    width: 100%;
  }
}
/* forms tablet portrait */
/* forms tablet landscape, desktop */
@media only screen and (min-width: 1000px) {
  input[type=text],
  input[type=email],
  input[type=password],
  select {
    width: 100%;
  }
  textarea {
    width: 100%;
  }
  select {
    width: 100%;
  }
  .fieldgroup-field {
    width: 100%;
    max-width: 1000px;
  }
  .fieldgroup .fieldgroup-items {
    display: table;
    width: 100%;
    max-width: 1000px;
  }
  .fieldgroup .fieldgroup-field {
    display: table-row;
    max-width: none;
  }
  .fieldgroup .fieldholder-label {
    display: table-cell;
  }
  .fieldgroup .fieldholder-field {
    display: table-cell;
    width: 65%;
  }
}
/* search form */
nav .search input[type=text] {
  width: 100%;
}
@media only screen and (min-width: 1000px) {
  nav .search input[type=text] {
    width: 90%;
  }
}
nav .search input[type="submit"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 240px;
  padding: 11px 8px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  background-color: #1c63a6;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.3px;
  font-size: 14px;
  background-color: #66afcc;
  width: 100px;
  padding: 7px 8px;
}
nav .search input[type="submit"]:hover {
  text-decoration: underline;
}
/* shopping cart */
.checkout-cart {
  margin-bottom: 2em;
}
.checkout-cart table {
  width: 100%;
  max-width: 680px;
}
.checkout-cart td,
.checkout-cart th {
  padding-right: 1em;
  vertical-align: middle;
  padding-bottom: 0.5em;
  text-align: left;
}
.checkout-cart td:last-child,
.checkout-cart th:last-child {
  padding-right: 0;
}
.checkout-cart .cart-item td,
.checkout-cart .cart-item th {
  padding-bottom: 0.75em;
}
.checkout-cart .cart-shipping td,
.checkout-cart .cart-sum td,
.checkout-cart .cart-shipping th,
.checkout-cart .cart-sum th {
  font-weight: 700;
  padding-bottom: 0.25em;
}
.checkout-cart .cart-item-amount {
  width: 3em;
}
.checkout-cart .cart-item-amount select {
  width: 100%;
  margin: 0;
}
.checkout-cart .cart-item-title a,
.checkout-cart .cart-item-title a:hover,
.checkout-cart .cart-item-title a:active,
.checkout-cart .cart-item-title a:visited {
  color: inherit;
  text-decoration: inherit;
}
.checkout-cart .cart-item-price,
.checkout-cart .cart-item-pricesum {
  text-align: right;
}
.checkout-customer {
  margin-bottom: 2em;
}
.checkout-customer .fieldgroup .fieldgroup-items {
  max-width: 680px;
}
.checkout-customer h3 {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 700;
}
.checkout-customer table {
  width: 100%;
  max-width: 680px;
}
.checkout-customer tbody {
  width: 100%;
}
.checkout-customer tr {
  width: 100%;
}
.checkout-customer td,
.checkout-customer th {
  padding-right: 1em;
}
.checkout-customer td:last-child,
.checkout-customer th:last-child {
  padding-right: 0;
}
.checkout-customer th,
.checkout-customer td {
  padding-bottom: 0.5em;
}
.checkout-customer th {
  text-align: left;
}
.checkout-customer td {
  width: 65%;
}
#VerifyForm_VerifyForm p {
  margin-left: 36px;
}
/* Userform specific
------------------------------------------------ */
.userform-progress .progress {
  position: relative;
  height: 1em;
  background: #eee;
}
.userform-progress .progress-bar {
  position: absolute;
  height: 1em;
  background: #666;
}
.userform-progress .step-buttons {
  margin-left: 0;
  position: relative;
}
.userform-progress .step-button-wrapper {
  display: inline-block;
  list-style-type: none;
}
.userform-progress .step-button-wrapper.viewed .step-button-jump {
  opacity: 1;
}
.userform-progress .step-button-jump {
  position: absolute;
  top: 0;
  opacity: 0.7;
}
.step-navigation .step-buttons {
  margin-left: 0;
}
.step-navigation .step-button-wrapper {
  display: inline-block;
  list-style-type: none;
}
.userform {
  /*    clear: both;
      width: 100%;
      max-width: 100%;*/
}
.right-title {
  /*clear: both;*/
  display: block;
  font-size: 15px;
  line-height: 1.3em;
  color: #666666;
  margin-bottom: 0.5em;
  margin-right: 1em;
}
.checkbox .right-title {
  display: inline;
}
.userform ul.optionset {
  list-style-type: none;
  padding: 0;
}
.top-slider {
  width: 100%;
  position: relative;
}
.top-slider .slide-content {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.top-slider .slide-content h1,
.top-slider .slide-content h2 {
  color: #1c63a6;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  text-shadow: 0 0 7px white, -1px -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.2), -1px 1px 0 rgba(255, 255, 255, 0.2), 1px -1px 0 rgba(255, 255, 255, 0.2);
}
.top-slider .text {
  display: block;
  position: absolute;
  text-align: center;
  width: 80%;
  top: 30%;
  left: 10%;
}
@media only screen and (max-width: 699px) {
  .top-slider .text h1 {
    font-size: 30px;
  }
  .top-slider .text p {
    display: none;
  }
  .top-slider .text p.button,
  .top-slider .text p.button-blue {
    display: block;
  }
}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
  position: relative;
  overflow: hidden;
}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
  float: left;
  width: 800px;
  height: 300px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
}
.jcarousel li img {
  width: 100%;
  height: auto;
}
/** Carousel Pagination **/
.jcarousel-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  color: #1c63a6;
  text-indent: -9999px;
  height: 10px;
  width: 10px;
  background: transparent;
  border-radius: 6px;
  border: 1px solid #1c63a6;
  margin-right: 8px;
}
.jcarousel-pagination a.active {
  background: #1c63a6;
}
@media only screen and (min-width: 700px) {
  .jcarousel li {
    height: 300px;
  }
  .top-slider .slide-content h1 {
    margin-bottom: 0.5em;
  }
  .top-slider .text {
    display: block;
    position: absolute;
    text-align: center;
    width: 60%;
    top: 20%;
    left: 20%;
  }
  .top-slider .slide-textleft .text {
    text-align: right;
    top: 20%;
    left: 20%;
  }
  .top-slider .slide-textright .text {
    text-align: left;
    top: 20%;
    left: auto;
    right: 20%;
  }
}
@media only screen and (min-width: 1000px) {
  .top-slider .text {
    width: 60%;
    left: 20%;
  }
  .top-slider .slide-textleft .text {
    left: 10%;
  }
  .top-slider .slide-textright .text {
    left: auto;
    right: 10%;
  }
}
@media only screen and (min-width: 1000px) and (min-height: 700px) {
  .jcarousel li {
    height: 420px;
  }
  .top-slider .slide-content h1 {
    margin-bottom: 0.5em;
  }
  .top-slider .text {
    top: 30%;
  }
  .top-slider .slide-textleft .text {
    top: 30%;
  }
  .top-slider .slide-textright .text {
    top: 30%;
  }
}
@media only screen and (min-width: 1000px) and (min-height: 880px) {
  .jcarousel li {
    height: 540px;
  }
  .top-slider .slide-content h1 {
    margin-bottom: 1em;
  }
  .top-slider .text {
    top: 35%;
  }
  .top-slider .slide-textleft .text {
    top: 35%;
  }
  .top-slider .slide-textright .text {
    top: 35%;
  }
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.contactform h3 {
  margin-top: 2em;
}


/****** FILE: themes/utz/css/catalog.css *****/
.pagination {
  font-size: 15px;
  padding-top: 2px;
  line-height: 1.2em;
  font-weight: 300;
  color: #999999;
}
.pagination a {
  font-family: inherit;
  color: black;
}
.pagination a,
.pagination span {
  margin-left: 0.4em;
}
/* ------------------------------  */
/* catalog start */
.catalog-start article {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2em;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 4em;
}
.catalog-start article h1 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2em;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0.8em;
  text-align: left;
}
.catalog-start article h1 a {
  color: inherit;
  text-decoration: none;
}
.catalog-start article section p {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  color: black;
  margin-bottom: 0.6em;
}
.catalog-start article section a {
  color: inherit;
}
.catalog-start article footer {
  font-size: 13px;
}
/* ------------------------------  */
/* catalog overview */
.catalog-overview article {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2em;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 4em;
  position: relative;
}
.catalog-overview article header {
  margin-left: 110px;
}
.catalog-overview article header p {
  margin-bottom: 0;
}
.catalog-overview article header img {
  margin-bottom: 1.5em;
  float: left;
  margin-left: -110px;
  margin-right: 1em;
}
.catalog-overview article h1 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2em;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0.8em;
  text-align: left;
}
.catalog-overview article h1 a {
  color: inherit;
  text-decoration: none;
}
.catalog-overview article h3 {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #666666;
  margin-bottom: 0.6em;
}
.catalog-overview article section {
  margin-left: 110px;
}
.catalog-overview article section p {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  color: black;
  margin-bottom: 0.6em;
}
.catalog-overview article section a {
  color: inherit;
}
.catalog-overview article footer {
  margin-left: 110px;
  /*
      position:absolute;
      bottom:0;
      left:@left-indent;
*/
  font-size: 13px;
}
.gpreview-wrapper {
  width: 800px;
  max-width: 100%;
  position: relative;
  padding-bottom: 125%;
  height: 0;
  box-sizing: border-box;
}
#gpreview {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* ------------------------------  */
/* catalog start */
@media only screen and (min-width: 700px) {
  .catalog-start .columnholder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-right: -2rem;
  }
  .catalog-start article {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 48%;
    width: calc(50% - 2rem);
    margin-left: 0;
    margin-right: 2rem;
  }
}
/* ------------------------------  */
/* catalog start */
@media only screen and (min-width: 1000px) {
  .catalog-start article {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 31.33333333%;
    width: calc(33.333333333333336% - 2rem);
    margin-left: 0;
    margin-right: 2rem;
  }
}
/* ------------------------------  */
/* catalog overview */
@media only screen and (min-width: 1000px) {
  .catalog-overview .columnholder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-right: -2rem;
  }
  .catalog-overview article {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 48%;
    width: calc(50% - 2rem);
    margin-left: 0;
    margin-right: 2rem;
  }
}
/* ------------------------------  */
/* catalog overview */
@media only screen and (min-width: 1208px) {
  .catalog-overview article {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 31.33333333%;
    width: calc(33.333333333333336% - 2rem);
    margin-left: 0;
    margin-right: 2rem;
  }
}
/* ------------------------------  */
/* catalog series */
.catalog-series {
  border-bottom: 2px solid #e5f2f9;
  position: relative;
}
.catalog-series .pagination {
  display: inline;
  position: absolute;
  z-index: 80;
  right: 0;
  top: 0;
  top: -1.2em;
}
.catalog-series .bottom-pagination {
  position: relative;
  top: -2em;
}
.catalog-series ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.catalog-series li {
  list-style-type: none;
  display: block;
  margin-bottom: 2.5em;
  max-width: 860px;
}
.catalog-series article {
  *zoom: 1;
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6em;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 2.5em;
  position: relative;
}
.catalog-series article:before,
.catalog-series article:after {
  content: " ";
  display: table;
}
.catalog-series article:after {
  clear: both;
}
.catalog-series article header {
  margin-left: 160px;
}
.catalog-series article header p {
  color: #999999;
  font-weight: bold;
  margin-bottom: 0.7em;
}
.catalog-series article header img {
  margin-bottom: 1.5em;
  float: left;
  margin-left: -160px;
  margin-right: 1em;
}
.catalog-series article h1 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2em;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0.8em;
  text-align: left;
}
.catalog-series article h1 a {
  color: inherit;
  text-decoration: none;
}
.catalog-series article section {
  margin-left: 160px;
}
.catalog-series article section p {
  color: #666666;
  margin-bottom: 0.6em;
}
.catalog-series article section a {
  color: inherit;
}
.catalog-series article footer {
  margin-left: 160px;
  /*
            position:absolute;
            bottom:0;
            left:@left-indent;
      */
  font-size: 13px;
}
p.catalog-series-info {
  text-align: center;
  margin-bottom: 2.5em;
}
/* ------------------------------  */
/* catalog book */
.catalog-book header h1 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25em;
  color: black;
  margin-bottom: 0.8em;
  font-size: 25px;
  text-align: left;
}
.catalog-book .book-basics {
  *zoom: 1;
  position: relative;
  margin-bottom: 2em;
}
.catalog-book .book-basics:before,
.catalog-book .book-basics:after {
  content: " ";
  display: table;
}
.catalog-book .book-basics:after {
  clear: both;
}
.catalog-book .book-basics header {
  margin-left: 0px;
  margin-bottom: 1.5em;
}
.catalog-book .book-basics header img {
  margin-left: 0px;
  margin-bottom: 2em;
}
.catalog-book .book-basics header h1 {
  margin-top: 0.5em;
}
.catalog-book .book-basics header h2 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25em;
  color: #333;
  margin-bottom: 0.8em;
}
.catalog-book .book-basics header p {
  font-size: 15px;
  line-height: 1.6em;
  font-weight: 700;
  color: #999999;
  margin-bottom: 0;
}
.catalog-book .description {
  font-size: 15px;
  line-height: 1.6em;
  color: #999999;
  margin-left: 0px;
  padding-bottom: 2em;
}
.catalog-book .book-extracts {
  margin-top: 2.4em;
}
.catalog-book .book-extracts h4 {
  color: #999999;
  margin-bottom: 0.8em;
}
.catalog-book .book-extracts p {
  color: black;
  margin-bottom: 0;
}
.catalog-book .book-extracts .book-gpreview {
  margin-top: 1.6em;
}
.catalog-book .book-extracts img {
  border: none;
}
.catalog-book .book-data {
  margin-bottom: 4em;
  border-bottom: 2px solid #e5f2f9;
}
.catalog-book .book-data ul.editions {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.catalog-book .book-data ul.editions li {
  *zoom: 1;
  list-style-type: none;
  margin-bottom: 3em;
}
.catalog-book .book-data ul.editions li:before,
.catalog-book .book-data ul.editions li:after {
  content: " ";
  display: table;
}
.catalog-book .book-data ul.editions li:after {
  clear: both;
}
.catalog-book .book-data table.info {
  /*float:left;
      width:55%;
      margin-right:5%;*/
  font-size: 15px;
  line-height: 1.6em;
}
.catalog-book .book-data th {
  min-width: 110px;
}
.catalog-book .book-data th,
.catalog-book .book-data td {
  padding-bottom: 0.5em;
}
.catalog-book .book-data div.buy {
  margin-top: 1em;
  /*float:left;

      width:35%;
      padding-right:5%;*/
}
.catalog-book .book-data .preis {
  position: relative;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 22px;
  text-align: center;
  margin-bottom: 1.8em;
}
.catalog-book .book-data .preisbindung {
  font-size: 12px;
  color: #999999;
  position: absolute;
  top: 1.7em;
  left: 0;
  right: 0;
}
.catalog-book .book-data a.button,
.catalog-book .book-data a.button-blue {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.catalog-book .book-data .availability {
  font-size: 15px;
  line-height: 1.6em;
  font-weight: 700;
  text-align: center;
}
.catalog-book .author {
  line-height: 1.8em;
  *zoom: 1;
  margin-bottom: 4em;
}
.catalog-book .author:before,
.catalog-book .author:after {
  content: " ";
  display: table;
}
.catalog-book .author:after {
  clear: both;
}
.catalog-book .author p {
  font-size: 15px;
  line-height: 1.6em;
  padding-right: 10%;
}
.catalog-book .author a.allbooks {
  float: right;
  margin-left: 1em;
  font-size: 13px;
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 300;
  color: #999999;
}
.catalog-book .author ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
}
.catalog-book .author ul:before,
.catalog-book .author ul:after {
  content: " ";
  display: table;
}
.catalog-book .author ul:after {
  clear: both;
}
.catalog-book .author ul img {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
.catalog-book .author ul h2 {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25em;
  color: black;
  margin-bottom: 0.8em;
  margin-bottom: 0.4em;
}
.catalog-book .author li {
  list-style-type: none;
  float: left;
  width: 31%;
  padding: 0;
  margin: 0;
  padding-right: 3%;
  margin-bottom: 2em;
}
.catalog-book .author li:nth-child(3n) {
  padding-right: 0;
}
.catalog-book .author section {
  margin-bottom: 2em;
}
.catalog-book .reviews ul {
  *zoom: 1;
  list-style-type: none;
  margin: 4em 0 0 0;
  padding: 0;
}
.catalog-book .reviews ul:before,
.catalog-book .reviews ul:after {
  content: " ";
  display: table;
}
.catalog-book .reviews ul:after {
  clear: both;
}
.catalog-book .reviews li {
  list-style-type: none;
  padding-bottom: 3em;
}
.catalog-book .reviews p:first-child {
  position: relative;
  text-indent: 30px;
}
.catalog-book .reviews p:first-child:before {
  content: "“";
  position: absolute;
  left: -30px;
  top: 0.2em;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #1c63a6;
}
.catalog-book .reviews p {
  font-size: 15px;
  line-height: 1.6em;
  color: #666666;
  margin-bottom: 0.8em;
  padding-right: 10%;
}
.catalog-book .reviews p.source {
  margin-top: 1.6em;
  font-weight: 700;
  font-style: italic;
  color: #000000;
}
/* ------------------------------  */
/* catalog book */
@media only screen and (min-width: 700px) {
  .catalog-book .book-basics {
    margin-bottom: 5em;
  }
  .catalog-book .book-basics header {
    margin-left: 240px;
  }
  .catalog-book .book-basics header img {
    float: left;
    margin-left: -240px;
    margin-bottom: 0;
  }
  .catalog-book .description {
    margin-left: 240px;
    max-width: 45em;
  }
  .catalog-book .book-data ul.editions li {
    display: inline-block;
    text-align: left;
    width: 47.5%;
    padding-right: 4%;
    vertical-align: top;
  }
  .catalog-book .book-data ul.editions li:nth-child(2n) {
    padding-right: 0;
  }
  .catalog-book .reviews li {
    display: block;
    float: left;
    width: 30%;
    margin: 0;
    padding-right: 5%;
  }
  .catalog-book .reviews li:nth-child(3n) {
    padding-right: 0;
  }
}
/* ------------------------------  */
/* catalog book */
@media only screen and (min-width: 1000px) {
  .catalog-book .book-basics header {
    margin-left: 310px;
  }
  .catalog-book .book-basics header img {
    margin-left: -310px;
  }
  .catalog-book .description {
    margin-left: 310px;
  }
  .catalog-book .book-data table.info {
    float: left;
    width: 55%;
    margin-right: 5%;
  }
  .catalog-book .book-data div.buy {
    float: left;
    width: 35%;
    padding-right: 5%;
    margin-top: 0em;
  }
  .catalog-book .book-data a.button {
    width: 240px;
  }
  .catalog-book .author section {
    float: left;
    width: 48%;
    margin: 0;
    padding-right: 4%;
  }
  .catalog-book .author section:nth-child(2n) {
    padding-right: 0;
  }
}
/* ------------------------------  */
/* search results */
.SearchResults ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.SearchResults li {
  margin-bottom: 1.5em;
}
.SearchResults h4 {
  margin-bottom: 0.25em;
}
.SearchResults p {
  font-size: 15px;
  line-height: 1.6em;
  margin-bottom: 0.25em;
}
.SearchResults a.readmore {
  font-size: 13px;
}