/* Colors */
/*
@font-face {
  font-family: 'TabletGothic';
  src:url("../fonts/TabletGothic-Regular.eot");
  src:url("../fonts/TabletGothic-Regular.eot?#iefix") format("embedded-opentype"),
  url("../../fonts/TabletGothic-Regular.woff") format("woff"),
  url("../../fonts/TabletGothic-Regular.ttf") format("truetype"),
  url("../../fonts/TabletGothic-Regular.svg#tabletgothic-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TabletGothic-Bold';
  src:url("../fonts/TabletGothic-Bold.eot");
  src:url("../fonts/TabletGothic-Bold.eot?#iefix") format("embedded-opentype"),
  url("../../fonts/TabletGothic-Bold.woff") format("woff"),
  url("../../fonts/TabletGothic-Bold.ttf") format("truetype"),
  url("../../fonts/TabletGothic-Bold.svg#tabletgothic-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
/*! 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;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input,
button,
select,
textarea {
  font-family: "tablet-gothic", "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  font-size: inherit;
  line-height: inherit;
}
/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
}
fieldset,
img {
  border: none;
}
html {
  font-size: 16px;
  text-rendering: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: #ffffff;
  color: #222222;
  font-family: "tablet-gothic", "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
a {
  text-decoration: underline;
}
ul.menu > li {
  float: left;
}
ul.menu > li > a {
  text-decoration: none;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}
h1.red,
h2.red,
h3.red,
h4.red,
h5.red,
h6.red {
  color: #b91109;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
  color: #ffffff;
}
h2,
h1,
.csc-header,
.content-header {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
}
h2.red-arrow,
h1.red-arrow,
.csc-header.red-arrow,
.content-header.red-arrow {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 32px;
  line-height: 2rem;
}
h2.red-arrow:before,
h1.red-arrow:before,
.csc-header.red-arrow:before,
.content-header.red-arrow:before {
  content: '» ';
  color: #b91109;
  font-size: 32px;
  font-size: 2rem;
  line-height: 19px;
  line-height: 1.1875rem;
  top: -2px;
  position: relative;
}
h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19px;
  line-height: 1.1875rem;
  font-weight: 700;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
h4 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 25px;
  line-height: 1.5625rem;
  font-weight: 700;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center {
  text-align: center;
}
h1.align-right,
h2.align-right,
h3.align-right,
h4.align-right,
h5.align-right,
h6.align-right {
  text-align: right;
}
p,
a,
td,
li {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #000000;
}
p.red,
a.red,
td.red,
li.red {
  color: #b91109;
}
p.white,
a.white,
td.white,
li.white {
  color: #ffffff;
}
p.align-center,
a.align-center,
td.align-center,
li.align-center {
  text-align: center;
}
p.align-right,
a.align-right,
td.align-right,
li.align-right {
  text-align: right;
}
ul:not(.menu) {
  list-style: none;
  padding-left: 14px;
  padding-left: 0.875rem;
}
ul:not(.menu) li {
  line-height: 26px;
  line-height: 1.625rem;
  padding-left: 23px;
  padding-left: 1.4375rem;
}
ul:not(.menu) li:before {
  content: '';
  background: url('../img-new/check.png') left center no-repeat;
  -webkit-background-size: 14px 12px;
  -moz-background-size: 14px 12px;
  background-size: 14px 12px;
  width: 14px;
  width: 0.875rem;
  height: 12px;
  height: 0.75rem;
  position: absolute;
  margin: 7px 0px 0px -23px;
  margin: 0.4375rem 0rem 0rem -1.4375rem;
}
ul:not(.menu) li.redcheck:before {
  background: url('../img-new/check_red.png') left center no-repeat;
}
ul:not(.menu) li.whitecheck:before {
  background: url('../img-new/check_white.png') left center no-repeat;
}
ul:not(.menu) li.float-left-half {
  float: left;
  width: 50%;
}
ul:not(.menu) li.float-right-half {
  float: left;
  width: 50%;
}
ul:not(.menu) li.float-right-half:before,
ul:not(.menu) li.float-right-half:after {
  content: " ";
  display: table;
}
ul:not(.menu) li.float-right-half:after {
  clear: both;
}
.box h3:before {
  content: '» ';
  color: #b91109;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19px;
  line-height: 1.1875rem;
  top: -2px;
  position: relative;
}
.box h3.noarrow:before {
  content: '';
  display: none;
}
.box h3.white-arrow:before {
  color: #ffffff;
}
.box h3.align-center {
  text-align: center;
}
.box h3.align-right {
  text-align: right;
}
.red {
  color: #b91109;
}
.error {
  color: #b91109;
}
.left {
  float: left;
}
.right {
  float: right;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.mr0 {
  margin-right: 0 !important;
}
.hide {
  display: none !important;
}
.hidden {
  display: none;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
/* Text Structures */
ul {
  list-style-position: outside;
  list-style-type: disc;
  padding-left: 20px;
}
small {
  font-size: 11px;
}
/* Forms */
input[type=text],
input[type=tel],
input[type=email],
select,
textarea {
  background-color: #eeeeee;
  border: none;
  min-height: 46px;
  min-height: 2.875rem;
  color: #3a3a3a;
  padding-left: 20px;
  padding-left: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
}
input[type=text].text,
input[type=tel].text,
input[type=email].text,
select.text,
textarea.text {
  border: none;
}
label {
  font-weight: normal;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "TabletGothic-Bold", "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  color: #3a3a3a;
  margin-right: 20px;
}
select {
  height: 46px;
  height: 2.875rem;
  background: #eeeeee url('../img-new/select-arrow.png') right center no-repeat;
  border: none;
  line-height: 46px;
  line-height: 2.875rem;
  color: #3a3a3a;
}
input.text {
  float: left;
}
input.nofloat {
  float: none;
}
fieldset {
  clear: both;
  margin: 0;
  padding: 0;
}
fieldset.form_legals {
  font-size: 15px;
  font-size: 0.9375rem;
  overflow: hidden;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-top: 13px;
  margin-top: 0.8125rem;
  padding-left: 25px;
  padding-left: 1.5625rem;
  position: relative;
  display: block;
}
fieldset.form_legals.hidden {
  display: none;
}
fieldset.form_legals a {
  padding: 0;
  background-image: none;
  font-size: inherit;
  font-weight: normal;
  color: #222222;
  text-decoration: underline;
  text-transform: none;
}
fieldset.form_legals input {
  float: left;
  margin-right: 10px;
  margin-bottom: 25px;
  position: absolute;
  top: 0;
  margin-left: -25px;
}
fieldset.form_legals input.text {
  position: static;
}
fieldset.form_legals input.big {
  margin-right: 0;
  margin-bottom: 0;
}
.checkform .gradient_h436 h1,
.checkform .gradient_h436 h2 {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.checkform .gradient_h436 label {
  min-height: inherit;
}
.checkform fieldset {
  clear: both;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 0.625rem 0rem;
  padding: 0;
}
.checkform fieldset.form_legals {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-top: 13px;
  margin-top: 0.8125rem;
  padding-left: 25px;
  padding-left: 1.5625rem;
}
.checkform select {
  width: 287px;
  width: 17.9375rem;
}
.checkform select.full {
  width: 287px;
  width: 17.9375rem;
}
.checkform select.half {
  width: 143px;
  width: 8.9375rem;
}
.checkform .form_newclient .type-radio-wrapper {
  display: block;
  overflow: visible;
}
.checkform .form_newclient .type-radio-wrapper input.radio-input:not(old) + label {
  margin: 2px 0 2px -21px;
}
.checkform input.radio-input:not(old) {
  width: 17px;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.checkform input.radio-input:not(old) + label {
  display: inline-block;
  float: none;
  width: auto;
  margin-left: -21px;
  padding-left: 20px;
  line-height: 17px;
}
.checkform input.radio-input:not(old) + label {
  height: 18px;
  background: url('/fileadmin/templates_new/img/ZA-525/radio.png') no-repeat 0 -1px;
}
.checkform input.radio-input:not(old):checked + label {
  background-position: 0 -19px;
}
.checkform .error input.radio-input:not(old) + label {
  background-position: 0 -34px;
}
.checkform .error input.radio-input:not(old) + label {
  background-position: 0 -36px;
}
.checkform .error input[type=text],
.checkform .error input[type=tel],
.checkform .error input[type=email] {
  border: 1px solid #b91109;
  background: #f5e5e5;
}
.checkform fieldset:not(.form_legals) span > span:not(.hint_telefon) {
  height: 20px;
  margin-top: 0.625rem;
  padding-right: 10px;
  position: absolute;
  right: 7%;
}
.checkform fieldset.form_newclient label {
  float: none;
}
.checkform fieldset.form_newclient label span > span.mandatory {
  height: 20px;
  margin-top: 0.625rem;
  padding-right: 0;
  position: inherit;
  right: auto;
}
input.full,
input small.full {
  width: 287px;
  width: 17.9375rem;
  display: inline;
}
input.full.big,
input small.full.big {
  width: 415px;
  width: 25.9375rem;
}
input.small {
  margin-right: 7px;
  margin-right: 0.4375rem;
  width: 95px;
  width: 5.9375rem;
}
input.half {
  margin-right: 7px;
  margin-right: 0.4375rem;
  width: 140px;
  width: 8.75rem;
}
input.medium {
  width: 185px;
  width: 11.5625rem;
}
.mandatory {
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #b91109;
  padding-left: 2px;
  padding-left: 0.125rem;
  margin-right: -2px;
  margin-right: -0.125rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.box .mandatory {
  position: inherit;
}
.gradient_h436 label,
.gradient_h517 label {
  width: 118px;
  width: 7.375rem;
  /*.rem-minheight(46);*/
}
.gradient_h436 span > label,
.gradient_h517 span > label {
  min-height: inherit;
}
.checkedInput {
  background: transparent url('../img/haken_gruen.png') left no-repeat;
  width: 10px;
  height: 20px;
  position: absolute;
  padding-right: 10px;
  right: 7%;
  margin-top: 10px;
  margin-top: 0.625rem;
}
.upselling-form .checkedInput {
  display: inline-block;
  position: relative;
  right: 0;
  width: 20px;
  margin-top: 0;
}
.form_legals .checkedInput {
  right: auto;
  margin-top: 0 !important;
}
form.bezahlung .btn_weiter {
  margin-right: -1px;
}
.hint_telefon,
.hint_pruefziffer {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 12px;
  line-height: 0.75rem;
  display: block;
  width: 196px;
  width: 12.25rem;
  margin-left: 119px;
  margin-left: 7.4375rem;
  margin-top: 8px;
  margin-top: 0.5rem;
}
/* Typo3 Resets */
.csc-textpic-left img {
  left: 0;
}
.csc-textpic-below img {
  position: absolute;
  top: 0;
}
.csc-textpic-intext-left-nowrap img {
  position: absolute;
  top: 0;
}
.csc-textpic-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.box .csc-textpic-below img,
.box .csc-textpic-image img {
  position: inherit;
}
.box .csc-textpic-intext-left-nowrap img {
  position: inherit;
}
.box .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image {
  display: block;
}
.box .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image a {
  margin: 0 auto;
}
.box .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image a img {
  position: relative;
  margin: 0 auto;
}
/* Fancybox */
#fancybox-close {
  position: absolute;
  top: 15px !important;
  right: 10px !important;
  width: 58px !important;
  height: 14px;
  height: 0.875rem;
  line-height: 14px !important;
  line-height: 0.875rem !important;
  color: #54585e !important;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: normal !important;
  font-size: 13px !important;
  font-size: 0.8125rem !important;
  background: none !important;
  padding-right: 2px !important;
}
#fancybox-close:before {
  content: ' ';
  margin-left: -20px;
  margin-left: -1.25rem;
  position: absolute;
  top: 0;
  background: url('../img-new/x.png') left center no-repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  width: 10px;
  width: 0.625rem;
  height: 14px;
  height: 0.875rem;
}
/* Main Structure and Logo */
#header {
  margin-bottom: 0 !important;
  padding-left: 8px;
  padding-left: 0.5rem;
  width: 951px;
  width: 59.4375rem;
}
#header .grid_2 {
  width: 460px;
  width: 28.75rem;
}
#header #logo {
  margin-bottom: 14px;
}
#header #logo a {
  display: block;
  text-indent: -9999px;
  width: 373px;
  width: 23.3125rem;
  height: 40px;
  height: 2.5rem;
  background: transparent url(../img-new/diezeit_logo.svg) left top no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-left: 2px;
  margin-left: 0.125rem;
  padding: 0;
}
#header .last {
  margin: 4px 0px 0px 20px;
  margin: 0.25rem 0rem 0rem 1.25rem;
}
#header p {
  letter-spacing: 0.04em;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
#header ul > li > a {
  letter-spacing: 0.04em;
}
#mainContentWrap {
  width: 962px;
  width: 60.125rem;
}
#mainContentWrap,
#mainContentWrapMobile {
  margin-left: auto;
  margin-right: auto;
  width: 962px;
  width: 60.125rem;
  padding: 0;
  position: relative;
}
.item.grid_1.gradient_h517 .box .csc-textpic-image img {
  /*position: absolute;*/
}
.item.grid_1.forminfo {
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
/* Buttons */
.btn_weiter {
  background: #b91109;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  color: #ffffff;
  height: 48px;
  height: 3rem;
  line-height: 48px;
  line-height: 3rem;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0px 60px 0px 60px;
  padding: 0rem 3.75rem 0rem 3.75rem;
  display: block;
  z-index: 99;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn_weiter:after {
  content: '›';
  color: #ffffff;
  font-size: 24px;
  font-size: 1.5rem;
  height: 0;
  top: -7%;
  right: 20%;
  margin: 0 auto;
  position: absolute;
  width: 10%;
}
.btn_weiter:hover,
.btn_weiter:focus {
  text-decoration: none;
  background-color: #272727;
}
#selected_btn {
  display: inline-block;
  padding: 0px 39px 0px 39px;
  padding: 0rem 2.4375rem 0rem 2.4375rem;
}
.checkform .btn-icon,
#mailform .btn-icon {
  display: block;
  width: auto;
  float: right;
  position: relative;
}
.checkform .btn_weiter,
#mailform .btn_weiter {
  float: right;
  background: #b91109;
  border: 1px solid #930e08;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  color: #ffffff;
  height: 48px;
  height: 3rem;
  line-height: 48px;
  line-height: 3rem;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  padding: 0px 39px 0px 39px;
  padding: 0rem 2.4375rem 0rem 2.4375rem;
  display: inline-block;
  z-index: 99;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.checkform .btn_weiter:after,
#mailform .btn_weiter:after {
  content: '›';
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.checkform .btn_weiter.btn2,
#mailform .btn_weiter.btn2 {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.checkform .btn_weiter:hover,
#mailform .btn_weiter:hover,
.checkform .btn_weiter:focus,
#mailform .btn_weiter:focus {
  text-decoration: none;
  background-color: #272727;
}
.btn_zum_angebot {
  background: #b91109;
  border: 1px solid #930e08;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  color: #ffffff;
  height: 48px;
  height: 3rem;
  line-height: 38px;
  line-height: 2.375rem;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0px 19px 0px 19px;
  padding: 0rem 1.1875rem 0rem 1.1875rem;
  display: inline-block;
  z-index: 99;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn_zum_angebot:after {
  content: '›';
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.btn_zum_angebot:hover,
.btn_zum_angebot:focus {
  text-decoration: none;
  background-color: #272727;
}
.btn_weiter_zeit {
  display: block;
  text-indent: -9999px;
  width: 234px;
  height: 39px;
  background: url('../img/button_weiter_zeit_online.png') left top;
  padding: 0;
  z-index: 99;
  position: relative;
}
.btn_zurueck {
  background: #ffffff;
  border: 2px solid #cccccc;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  color: #313131;
  height: 48px;
  height: 3rem;
  line-height: 38px;
  line-height: 2.375rem;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0px 19px 0px 19px;
  padding: 0rem 1.1875rem 0rem 1.1875rem;
  display: inline-block;
  z-index: 99;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-indent: 0;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn_zurueck:before {
  content: '‹';
  color: #313131;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-right: 10px;
  margin-right: 0.625rem;
  width: 10%;
}
.btn_zurueck:hover,
.btn_zurueck:focus {
  text-decoration: none;
  border-color: #272727;
}
.btn_bestellen,
.btn_abschicken,
.btn_hiersichern {
  background: #b91109;
  border: 1px solid #930e08;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  color: #ffffff;
  height: 48px;
  height: 3rem;
  line-height: 38px;
  line-height: 2.375rem;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0px 19px 0px 19px;
  padding: 0rem 1.1875rem 0rem 1.1875rem;
  display: inline-block;
  z-index: 99;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn_bestellen:after,
.btn_abschicken:after,
.btn_hiersichern:after {
  content: '›';
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.btn_bestellen:hover,
.btn_abschicken:hover,
.btn_hiersichern:hover,
.btn_bestellen:focus,
.btn_abschicken:focus,
.btn_hiersichern:focus {
  text-decoration: none;
  background-color: #272727;
}
#btn_facebook {
  background: url("../img-new/fb-icon.png") left top no-repeat;
  display: block;
  padding: 0;
  margin: 0;
  height: 34px;
  height: 2.125rem;
  line-height: 34px;
  line-height: 2.125rem;
  overflow: hidden;
  position: relative;
  top: 10px;
  z-index: 999;
  color: #4964a1;
  padding-left: 45px;
  padding-left: 2.8125rem;
  font-weight: 700;
  text-decoration: none;
}
#btn_facebook:hover,
#btn_facebook:focus {
  text-decoration: none;
}
/*
ToDo: Check if still in use
.btn_hiersichern {
  display:block;
  text-indent: -9999px;
  width:176px;
  height:63px;
  background-image:url(/fileadmin/templates_new/img/button_hier-sichern.png) !important;
  background-position:left top;
  padding:0;
  margin-top:-9px;
  margin-left:-7px;
  z-index:99;
  position:relative;
}


*/
.gradient_h75 .btn_zurueck {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.gradient_h75 .btn_bestellen,
.gradient_h75 .btn_abschicken {
  margin-top: 20px;
  margin-top: 1.25rem;
  float: right;
}
/* VA Test */
/*
.btn_bestellen {
  width:176px;
  background-image:url(/fileadmin/templates_new/img/vatest/button_jetzt-kaufen.png) !important;
}
.btn_bestellen.btn1 {
  width:153px;
  background-image:url(/fileadmin/templates_new/img/vatest/button_kaufen.png) !important;
}
.btn_bestellen.btn2 {
  width:176px;
  background-image:url(/fileadmin/templates_new/img/vatest/button_jetzt-kaufen.png) !important;
}
.btn_bestellen.btn3 {
  width:311px;
  background-image:url(/fileadmin/templates_new/img/vatest/button_kostenpflichtig-bestellen.png) !important;
}
.btn_bestellen.btn4 {
  width:153px;
  background-image:url(/fileadmin/templates_new/img/vatest/button_bestellen.png) !important;
}
*/
/* Grids and Box */
.teaser_box p {
  margin-bottom: 20px;
}
.box {
  padding: 15px 10px 0px 20px;
  padding: 0.9375rem 0.625rem 0rem 1.25rem;
}
.teaser_box {
  padding: 18px 20px 20px 0;
}
.gradient_h340 .box {
  padding-top: 20px;
}
.box h2,
.box h3,
.box h4 {
  position: relative;
  z-index: 1;
}
.box img {
  position: absolute;
  /*Hier 0 eintragen wenn die Bilder die richtige größe haben*/
  top: 0;
  left: 0;
  z-index: 1;
}
.box p {
  position: absolute;
  bottom: 13px;
  left: 20px;
  margin-right: 20px;
  z-index: 2;
}
.container_4,
.container_2,
.container_3 {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  /*.rem-padding(0,5,0,5);*/
  width: 954px;
  width: 59.625rem;
}
.container_2 {
  margin-bottom: 3px;
  margin-bottom: 0.1875rem;
}
.container_2 .container_2 {
  margin: 0;
  padding: 0;
  margin-bottom: 3px;
  margin-bottom: 0.1875rem;
}
.container_2 .gradient_h112 {
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 0;
  width: 471px;
  width: 29.4375rem;
}
.container_2 .gradient_h112_kunstkultur {
  margin-right: 5px;
  margin-right: 0.3125rem;
}
.Tx-Formhandler .container_2 {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.Tx-Formhandler .gradient_h436 .box {
  padding: 27px 27px 27px 27px;
  padding: 1.6875rem 1.6875rem 1.6875rem 1.6875rem;
}
.Tx-Formhandler .gradient_h436 .topbox {
  display: block;
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.Tx-Formhandler .gradient_h436 .topbox .box {
  padding: 0;
}
.Tx-Formhandler .gradient_h436 .topbox .box h2 {
  padding: 27px 27px 0px 27px;
  padding: 1.6875rem 1.6875rem 0rem 1.6875rem;
  margin-bottom: 0;
}
.Tx-Formhandler .gradient_h436 .topbox .box img {
  position: relative !important;
}
.Tx-Formhandler .gradient_h436 .topbox .textbox {
  padding: 27px 27px 27px 27px;
  padding: 1.6875rem 1.6875rem 1.6875rem 1.6875rem;
  background: #ffffff;
  min-height: 95px;
  min-height: 5.9375rem;
}
.Tx-Formhandler .gradient_h436 .bottombox {
  display: block;
  min-height: 375px;
  min-height: 23.4375rem;
  background-color: #54585e;
  text-align: center;
  color: #ffffff;
}
.Tx-Formhandler .gradient_h436 .bottombox h4 {
  text-align: left;
  color: #ffffff;
  letter-spacing: 0.035em;
  padding: 27px 27px 0px 27px;
  padding: 1.6875rem 1.6875rem 0rem 1.6875rem;
}
.Tx-Formhandler .gradient_h436 .bottombox p {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #ffffff;
  padding: 0px 27px 27px 27px;
  padding: 0rem 1.6875rem 1.6875rem 1.6875rem;
  margin-top: -10px;
  margin-top: -0.625rem;
  margin-bottom: 0 !important;
}
.Tx-Formhandler .gradient_h436 .bottombox img {
  position: inherit !important;
  margin: 0 auto;
  margin-top: -20px;
  margin-top: -1.25rem;
}
.Tx-Formhandler .box p {
  position: inherit;
}
.formcontainer {
  width: 952px;
  width: 59.5rem;
  padding: 0;
  /*.rem-padding(0,5,0,5);*/
  margin-left: auto;
  margin-right: auto;
}
.formcontainer .gradient_h436 .box {
  padding: 27px;
}
.formcontainer .csc-textpic-intext-left-nowrap p.bodytext {
  width: 347px;
  margin-left: -397px;
}
.formcontainer .grid_2 .csc-textpic-intext-left-nowrap h1.csc-firstHeader {
  width: 347px;
  margin-left: -397px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
}
p.grid_1 {
  margin-left: 0;
}
.first {
  margin-left: -5px;
  margin-left: -0.3125rem;
}
.grid_3 .first {
  margin-left: 0;
}
.last {
  margin-right: -5px;
  margin-right: -0.3125rem;
}
.grid_3 .last {
  margin-right: 0;
}
.container_4 .grid_1 {
  width: 228px;
  width: 14.25rem;
}
.container_3 .grid_1 {
  width: 307px;
  width: 19.1875rem;
}
.container_4 .grid_2,
.container_2 .grid_1 {
  width: 465px;
  width: 29.0625rem;
}
.container_4 .grid_3 {
  width: 704px;
  width: 44rem;
}
.container_4 .grid_3.gradient_h340 {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.container_4 .grid_3.gradient_h340 .grid_2 {
  width: 464px;
  width: 29rem;
}
.container_4 .grid_4,
.container_2 .grid_2 {
  width: 942px;
  width: 58.875rem;
}
.color {
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.color .box {
  padding: 26px 26px 10px 26px;
  padding: 1.625rem 1.625rem 0.625rem 1.625rem;
}
.color.shadow-top {
  -moz-box-shadow: 0 7px 7px -10px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 7px 7px -10px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 7px 7px -10px rgba(0, 0, 0, 0.5) inset;
}
.color .fixcontent {
  position: relative;
  padding: 15px 20px 0;
  margin-bottom: 10px;
}
.color .fixcontent .csc-textpic {
  display: table;
}
.color .fixcontent .csc-textpic .csc-textpic-imagewrap {
  display: table-cell;
}
.color .fixcontent .csc-textpic .csc-textpic-text {
  display: table-cell;
  vertical-align: middle;
}
.color .fixcontent .csc-textpic-intext-left-nowrap {
  margin: 32px 0px 32px 0px;
  margin: 2rem 0rem 2rem 0rem;
}
.color .fixcontent .csc-textpic-intext-left-nowrap:before,
.color .fixcontent .csc-textpic-intext-left-nowrap:after {
  content: " ";
  display: table;
}
.color .fixcontent .csc-textpic-intext-left-nowrap:after {
  clear: both;
}
.color .fixcontent h3 {
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 14px;
}
.color .fixcontent .csc-textpic-single-image img,
.color .fixcontent img {
  position: inherit !important;
}
.color .fixcontent .free_btn .btn_zum_angebot {
  padding: 0px 39px 0px 39px;
  padding: 0rem 2.4375rem 0rem 2.4375rem;
}
.color.bgdarkgrey {
  background-color: #41464d;
}
.color.bgdarkgrey h1,
.color.bgdarkgrey h2,
.color.bgdarkgrey h3,
.color.bgdarkgrey h4,
.color.bgdarkgrey h5,
.color.bgdarkgrey h6,
.color.bgdarkgrey p,
.color.bgdarkgrey a,
.color.bgdarkgrey td,
.color.bgdarkgrey li {
  color: #ffffff;
}
.color.bgdarkgrey .fixcontent {
  position: relative;
  padding: 15px 20px 0;
  margin-bottom: 10px;
}
.color.bgdarkgrey .fixcontent .csc-textpic-intext-left-nowrap {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
}
.color.bgdarkgrey .free_btn .btn_zum_angebot {
  background-color: #272727;
  border-color: #999999;
}
.color.iconset {
  background-position: left center;
  background-repeat: no-repeat;
}
.color.iconset .box {
  padding: 26px 190px 10px 26px;
  padding: 1.625rem 11.875rem 0.625rem 1.625rem;
}
.color.iconset.umzug {
  background-image: url('../img-new/umzug_big.png');
}
.color.iconset.urlaub {
  background-image: url('../img-new/urlaub_big.png');
}
.color.iconset.reklamation {
  background-image: url('../img-new/zustellreklamation_big.png');
}
.color.iconset.zahlungsdaten {
  background-image: url('../img-new/zahlungsdaten_big.png');
}
.color.iconset.kontakt {
  background-image: url('../img-new/kontakt_big.png');
}
.color.iconset.nachsenden {
  background-image: url('../img-new/nachsenden_big.png');
}
.color.iconset.spendenabo {
  background-image: url('../img-new/spendenabo_big.png');
}
.color.iconset.freundeabo {
  background-image: url('../img-new/freundeabo_big.png');
}
.color.iconset.lieferunterbrechung {
  background-image: url('../img-new/lieferunterbrechung_big.png');
}
.color.bgwhite {
  background-color: #ffffff;
}
.color label {
  float: left;
  margin-right: 5px;
  width: 135px;
}
/* Menues */
#menu {
  padding: 0;
  position: relative;
  z-index: 100;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
#menu .grid_4 {
  margin-left: 5px;
  margin-left: 0.3125rem;
}
ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.menu > li {
  position: relative;
  display: block;
}
ul.menu > li > a {
  position: relative;
  display: block;
}
ul.menu.service > li {
  padding: 0px 11px 0px 11px;
  padding: 0rem 0.6875rem 0rem 0.6875rem;
  font-size: 14px;
  font-size: 0.875rem;
  float: right !important;
}
ul.menu.service > li > a {
  display: inline;
  padding: 0;
  color: #b91109;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
ul.menu.service > li:first-child {
  padding-right: 0;
  border-left: 1px solid #dddddd;
}
#top_menu {
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 0px;
  padding-right: 0rem;
  margin-top: 18px;
  margin-top: 1.125rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
}
#top_menu ul > li {
  float: left;
  padding-right: 8px;
  padding-right: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}
#top_menu ul > li > a {
  color: #000000;
  text-transform: uppercase;
  font-weight: normal;
}
#top_menu ul > li > a:hover,
#top_menu ul > li > a:focus {
  text-decoration: none;
}
#top_menu li.active a {
  font-weight: bold;
}
#top_menu .menu a {
  font-weight: normal;
  color: #022222;
  background-image: none;
}
#main_menu {
  background: none;
  color: #222222;
  border-bottom: 1px solid #dddddd;
}
#main_menu ul {
  /*-moz-columns:2;
    -webkit-columns:2;
    columns:2;*/
  margin: 0;
  padding: 0;
  margin-top: 8px;
  margin-top: 0.5rem;
}
#main_menu ul:before,
#main_menu ul:after {
  content: " ";
  display: table;
}
#main_menu ul:after {
  clear: both;
}
#main_menu ul > li {
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 14px;
  padding-right: 0.875rem;
  color: #000000;
  display: block;
  line-height: 30px;
  line-height: 1.875rem;
}
#main_menu ul > li > a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  text-transform: none;
  background-image: none;
  color: #000000;
  display: inline-block;
  line-height: 40px;
  line-height: 2.5rem;
}
#main_menu ul > li > a:hover,
#main_menu ul > li > a:focus {
  text-decoration: none;
  -moz-box-shadow: 0 -3px 0 0 #dddddd inset;
  -webkit-box-shadow: 0 -3px 0 0 #dddddd inset;
  box-shadow: 0 -3px 0 0 #dddddd inset;
}
#main_menu ul > li.active > a {
  font-weight: bold;
  text-underline: none;
  -moz-box-shadow: 0 -3px 0 0 #dddddd inset;
  -webkit-box-shadow: 0 -3px 0 0 #dddddd inset;
  box-shadow: 0 -3px 0 0 #dddddd inset;
}
#sub_menu:before,
#sub_sub_menu:before,
#sub_menu:after,
#sub_sub_menu:after {
  content: " ";
  display: table;
}
#sub_menu:after,
#sub_sub_menu:after {
  clear: both;
}
#sub_menu ul,
#sub_sub_menu ul {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-top: 0.625rem;
}
#sub_menu ul > li,
#sub_sub_menu ul > li {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  line-height: 30px;
  line-height: 1.875rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
#sub_menu ul > li > a,
#sub_sub_menu ul > li > a {
  position: relative;
  display: block;
  border: 1px solid #dddddd;
  padding: 0px 14px 0px 14px;
  padding: 0rem 0.875rem 0rem 0.875rem;
  text-align: center;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  height: 32px;
  height: 2rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
}
#sub_menu ul > li > a:hover,
#sub_sub_menu ul > li > a:hover,
#sub_menu ul > li > a:focus,
#sub_sub_menu ul > li > a:focus {
  text-decoration: none;
  background: #313131;
  border: 1px solid #313131;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
#sub_menu ul > li > a:hover:before,
#sub_sub_menu ul > li > a:hover:before,
#sub_menu ul > li > a:focus:before,
#sub_sub_menu ul > li > a:focus:before {
  content: ' ';
  height: 0;
  border: 7px solid #313131;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  bottom: -14px;
  left: 40%;
  margin: 0 auto;
  position: absolute;
  width: 10%;
}
#sub_menu ul > li.active > a,
#sub_sub_menu ul > li.active > a {
  background: #313131;
  border: 1px solid #313131;
  color: #ffffff;
}
#sub_menu ul > li.active > a:before,
#sub_sub_menu ul > li.active > a:before {
  content: ' ';
  height: 0;
  border: 7px solid #313131;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  bottom: -14px;
  left: 40%;
  margin: 0 auto;
  position: absolute;
  width: 10%;
}
#sub_sub_menu {
  border-top: 1px solid #dddddd;
}
/* Tabs */
#tabs {
  border-top: 1px solid #dddddd;
  position: relative;
  padding-top: 10px;
  padding-top: 0.625rem;
  margin-bottom: 0;
}
#tabs ul > li {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  line-height: 30px;
  line-height: 1.875rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
#tabs ul > li > a {
  position: relative;
  display: block;
  border: 1px solid #dddddd;
  padding: 0px 14px 0px 14px;
  padding: 0rem 0.875rem 0rem 0.875rem;
  text-align: center;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  height: 32px;
  height: 2rem;
  line-height: 32px;
  line-height: 2rem;
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
}
#tabs ul > li > a:hover,
#tabs ul > li > a:focus {
  text-decoration: none;
  background: #eeeeee;
  border: 1px solid #999999;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
#tabs ul > li.active > a {
  background: #ffffff;
  border: 1px solid #ffffff;
  font-weight: 700;
}
/* Order Status */
#order_status {
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
#order_status span {
  float: left;
  position: relative;
  display: block;
  padding: 0px 14px 0px 14px;
  padding: 0rem 0.875rem 0rem 0.875rem;
  text-align: center;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  height: 32px;
  height: 2rem;
  line-height: 32px;
  line-height: 2rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  background: #313131;
  border: 1px solid #313131;
  color: #ffffff;
}
#order_status span:before {
  content: ' ';
  height: 0;
  border: 7px solid #313131;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  bottom: -14px;
  left: 43%;
  margin: 0 auto;
  position: absolute;
  width: 0;
}
#order_status span:hover,
#order_status span:focus {
  text-decoration: none;
  background: #313131;
  border: 1px solid #313131;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
#order_status span:hover:before,
#order_status span:focus:before {
  content: ' ';
  height: 0;
  border: 7px solid #313131;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  bottom: -14px;
  left: 40%;
  margin: 0 auto;
  position: absolute;
  width: 10%;
}
/* Footer */
#footer {
  background: #eeeeee;
  margin: 0 auto;
  height: 279px;
  height: 17.4375rem;
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
}
#footer .container_4 {
  overflow: visible;
  margin-top: 0;
}
@media (max-width: 1179px) {
  #footer.lp {
    width: 1024px !important;
    width: 64rem !important;
    width: 100% !important;
  }
}
#footer.lp .container_4 .grid_4 {
  width: 100%;
}
#footer .footer-top {
  display: block;
  position: relative;
  height: 101px;
  height: 6.3125rem;
  color: #000000;
  padding: 26px 0px 30px 0px;
  padding: 1.625rem 0rem 1.875rem 0rem;
}
#footer .footer-top ul {
  display: inline-block;
}
#footer .footer-top ul > li > a {
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
}
#footer .footer-top ul > li > a:after {
  content: '•';
  margin: 0px 6px 0px 6px;
  margin: 0rem 0.375rem 0rem 0.375rem;
}
#footer .footer-top ul > li:last-child > a:after {
  content: ' ';
}
#footer .footer-top #footer_legals {
  margin: 0 auto;
  text-align: center;
}
#footer .footer-top #footer_legals ul > li > a {
  font-weight: bold;
}
#footer .footer-top #footer_menu {
  margin: 0 auto;
  margin-top: 15px;
  margin-top: 0.9375rem;
  text-align: center;
}
#footer .footer-top #footer_menu .fmenu {
  display: inline-block;
}
#footer .footer-top #footer_menu span.bold {
  float: left;
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: bold;
  margin-right: 13px;
  margin-right: 0.8125rem;
}
#footer .footer-top #footer_menu ul {
  float: left;
}
#footer .footer-bottom {
  display: block;
  position: relative;
  height: 178px;
  height: 11.125rem;
  background: #313131;
  color: #ffffff;
  padding: 37px 0px 41px 0px;
  padding: 2.3125rem 0rem 2.5625rem 0rem;
}
#footer .footer-bottom #footer_logo {
  width: 210px;
  width: 13.125rem;
  height: 29px;
  height: 1.8125rem;
  margin: 0 auto;
}
#footer .footer-bottom #footer_logo .diezeit {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  white-space: nowrap;
  background: url('../img-new/DIEZEIT.png');
  -webkit-background-size: 210px 29px;
  -moz-background-size: 210px 29px;
  background-size: 210px 29px;
  width: 210px;
  width: 13.125rem;
  height: 29px;
  height: 1.8125rem;
}
#footer .footer-bottom a {
  color: #ffffff;
}
#footer .footer-bottom a.toplink {
  display: inline-block;
  margin-top: 31px;
  margin-top: 1.9375rem;
  border: 2px solid #999999;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #272727;
  padding: 0px 20px 0px 20px;
  padding: 0rem 1.25rem 0rem 1.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
#footer .footer-bottom a.toplink:hover,
#footer .footer-bottom a.toplink:focus {
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #ddd;
  color: #fff;
  cursor: pointer;
}
/*
.footer-links__linkbutton{display:inline-block;background-color:rgba(0,0,0,0.2);border-radius:5px;border:2px solid #999;color:#EEE;font-size:0.8125rem;font-weight:bold;letter-spacing:0.08em;line-height:1.125rem;margin:0.875rem 0.375rem;padding:0.5rem 1rem;text-align:center;text-transform:uppercase;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.footer-links__linkbutton:visited{color:#EEE}.footer-links__linkbutton:hover,.footer-links__linkbutton:focus{background-color:rgba(0,0,0,0.5);border-color:#ddd;color:#fff;cursor:pointer}
*/
/* Zugaben */
.zoombox-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  background-color: #54585e;
}
#selection_form {
  display: block;
}
#selection_form .grid_2 {
  width: 475px;
  width: 29.6875rem;
  margin-right: 0;
  margin-left: 0;
  background: #54585e;
  color: #ffffff;
  height: auto;
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
}
#selection_form .grid_2 p,
#selection_form .grid_2 a {
  color: #ffffff;
}
#selection_form .grid_2.digital {
  background: #f5f5f5;
}
#selection_form .grid_2.digital h3 {
  color: black;
}
#selection_form .grid_2.digital p {
  color: #000000;
}
#selection_form .grid_2 #selection {
  max-width: 69%;
}
#selection_form #zugaben {
  background: #f5f5f5;
  /* Todo: Check Box Shadow values */
  /*.box-shadow(inset 4px 0px 8px -3px rgba(102,102,102,1));*/
  width: 238px;
  width: 14.875rem;
  margin-right: 0;
  margin-left: 0;
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}
#selection_form #zugaben .zugabenwrapper {
  background: #ffffff;
  border: 1px solid #dddddd;
  display: block;
  float: left;
  height: 106px;
  height: 6.625rem;
  margin-right: 4px;
  margin-right: 0.25rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  width: 105px;
}
#selection_form #zugaben .zugabenwrapper.checked {
  background: #54585e;
  border-color: #54585e;
}
#selection_form #zugaben .zugabenwrapper .zugabe {
  display: block;
  height: 106px;
  height: 6.625rem;
  text-decoration: none;
}
#selection_form #zugaben .zugabenwrapper .zugabe .stoerer {
  border-right: 1px solid #dddddd;
  background: #eeeeee;
  color: #54585e;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  text-align: center;
  line-height: 12px;
  line-height: 0.75rem;
}
#selection_form #zugaben .zugabenwrapper .zugabe .checkbox {
  display: block;
  width: 13px;
  width: 0.8125rem;
  height: 13px;
  height: 0.8125rem;
  position: absolute;
  right: 6px;
  bottom: 5px;
  background-color: #fff;
}
#selection_form #zugaben .zugabenwrapper .zugabe .checked {
  width: 14px;
  width: 0.875rem;
  width: 12px;
  width: 0.75rem;
  right: 5px;
  right: 0.3125rem;
  background: transparent url('../img-new/check_white.png') center center no-repeat;
}
#selection_form #zugaben .zoom_box {
  width: 328px;
  width: 20.5rem;
  min-height: 330px;
  min-height: 20.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  background: #ffffff;
  left: -328px;
  left: -20.5rem;
  top: 0;
  position: absolute;
  overflow: hidden;
  display: none;
  z-index: 101;
}
#selection_form #zugaben .zoom_box .zoom_close {
  text-align: center;
  position: relative;
}
#selection_form #zugaben .zoom_box .zoom_close .close {
  color: #54585e;
  text-decoration: none;
}
#selection_form #zugaben .zoom_box .zoom_close .close:before {
  content: ' ';
  margin-left: -20px;
  margin-left: -1.25rem;
  position: absolute;
  top: 35%;
  background: url('../img-new/x.png') left center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
}
#selection_form #zugaben_auswahl {
  margin-right: 0;
  margin-left: 0;
  background: #f5f5f5;
  width: 236px;
  width: 14.75rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
#selection_form #zugaben_auswahl h3 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 27px;
}
#lp_zugaben .zugabenwrapper {
  background: #ffffff;
  border: 1px solid #dddddd;
  display: block;
  float: left;
  height: 106px;
  height: 6.625rem;
  margin-right: 4px;
  margin-right: 0.25rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  margin-left: 17px;
  margin-left: 1.0625rem;
  margin-right: 17px;
  margin-right: 1.0625rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  width: 105px;
}
#lp_zugaben .zugabenwrapper.checked {
  background: #54585e;
  border-color: #54585e;
}
#lp_zugaben .zugabenwrapper .zugabe {
  display: block;
  border: none;
  height: 106px;
  height: 6.625rem;
  text-decoration: none;
}
#lp_zugaben .zugabenwrapper .zugabe .stoerer {
  border-right: 1px solid #dddddd;
  background: #eeeeee;
  color: #54585e;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  text-align: center;
  line-height: 12px;
  line-height: 0.75rem;
}
#lp_zugaben .zugabenwrapper .zugabe .checkbox {
  display: block;
  width: 13px;
  width: 0.8125rem;
  height: 13px;
  height: 0.8125rem;
  position: absolute;
  right: 6px;
  bottom: 5px;
  background-color: #fff;
}
#lp_zugaben .zugabenwrapper .zugabe .checked {
  width: 14px;
  width: 0.875rem;
  width: 12px;
  width: 0.75rem;
  right: 5px;
  right: 0.3125rem;
  background: transparent url('../img-new/check_white.png') center center no-repeat;
}
/* Resets for gradients */
.gradient_h55 {
  height: 55px;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 10px;
}
.gradient_h55_service {
  background: #f5f5f5;
  min-height: 55px;
  min-height: 3.4375rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.gradient_h75 {
  min-height: 75px;
  min-height: 4.6875rem;
  overflow: hidden;
}
.gradient_h88 {
  min-height: 88px;
  min-height: 5.5rem;
  border: 1px solid #dddddd;
}
.gradient_h108 {
  background: #f5f5f5;
  height: 108px;
  height: 6.75rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.gradient_h108 .box h3 a {
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}
.gradient_h108 .box img {
  top: 0;
}
.gradient_h108 .box p {
  margin-top: 8px;
  margin-top: 0.5rem;
  position: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.gradient_h108 .box p > a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 7px;
  bottom: 0.4375rem;
  left: 38%;
}
.gradient_h108 .box p > a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.gradient_h108:hover,
.gradient_h108:focus {
  background: #54585e;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
.gradient_h108:hover .box h3:before,
.gradient_h108:focus .box h3:before {
  color: #ffffff;
}
.gradient_h108:hover .box h3 a,
.gradient_h108:focus .box h3 a {
  color: #ffffff;
}
.gradient_h108:hover .box p,
.gradient_h108:focus .box p {
  color: #ffffff;
}
.gradient_h108:hover .box p > a,
.gradient_h108:focus .box p > a {
  color: #ffffff;
}
.gradient_h108:hover .box p > a:after,
.gradient_h108:focus .box p > a:after {
  color: #ffffff;
}
.gradient_h112 {
  height: 112px;
  height: 7rem;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.gradient_h112 .box {
  padding: 0;
}
.gradient_h112 .box .gradient_h112 {
  border: none;
  margin: 0;
}
.gradient_h112 .box .gradient_h112 .box {
  padding: 15px 20px 0px 20px;
  padding: 0.9375rem 1.25rem 0rem 1.25rem;
}
.gradient_h112 .box p {
  position: inherit !important;
  top: 62px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
}
.gradient_h112 .box p > a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 7px;
  bottom: 0.4375rem;
  left: 20px;
  left: 1.25rem;
}
.gradient_h112 .box p > a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.gradient_h112 .box h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 0;
}
.gradient_h112 .box img {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  z-index: 1;
}
.gradient_h112:hover,
.gradient_h112:focus {
  background: #54585e;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
.gradient_h112:hover .box h3:before,
.gradient_h112:focus .box h3:before {
  color: #ffffff;
}
.gradient_h112:hover .box p,
.gradient_h112:focus .box p {
  color: #ffffff;
}
.gradient_h112:hover .box p > a,
.gradient_h112:focus .box p > a {
  color: #ffffff;
}
.gradient_h112:hover .box p > a:after,
.gradient_h112:focus .box p > a:after {
  color: #ffffff;
}
.gradient_h112_kunstverlag {
  background: #f5f5f5;
}
.gradient_h137 {
  height: 137px;
  height: 8.5625rem;
  overflow: hidden;
}
.gradient_h137 h3 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 27px;
}
.gradient_h137 .box {
  padding-top: 0;
}
.gradient_h137 .box p {
  position: static;
  margin-bottom: 10px;
}
.gradient_h137 label {
  color: #ffffff;
}
.gradient_h137 select {
  height: 38px;
  height: 2.375rem;
  width: 317px;
  width: 19.8125rem;
  background: #ffffff url('../img-new/select-arrow.png') right center no-repeat;
  border: none;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 38px;
  line-height: 2.375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  color: #3a3a3a;
}
.gradient_h186 {
  height: 186px;
  height: 11.625rem;
  overflow: hidden;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.gradient_h224 {
  background: #f5f5f5;
  height: 308px;
  height: 19.25rem;
  overflow: hidden;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.gradient_h224 .box img {
  top: 0;
}
.gradient_h224 .box p {
  margin-top: 8px;
  margin-top: 0.5rem;
  position: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.gradient_h224 .box p > a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 7px;
  bottom: 0.4375rem;
  left: 38%;
}
.gradient_h224 .box p > a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.gradient_h224 .box .csc-textpic-text p {
  text-align: center;
  margin-top: 8px;
  margin-top: 0.5rem;
  position: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.gradient_h224 .box .csc-textpic-text p > a {
  position: inherit;
}
.gradient_h224:hover,
.gradient_h224:focus {
  background: #54585e !important;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
.gradient_h224:hover .box h3:before,
.gradient_h224:focus .box h3:before {
  color: #ffffff;
}
.gradient_h224:hover .box p,
.gradient_h224:focus .box p {
  color: #ffffff;
}
.gradient_h224:hover .box p > a,
.gradient_h224:focus .box p > a {
  color: #ffffff;
}
.gradient_h224:hover .box p > a:after,
.gradient_h224:focus .box p > a:after {
  color: #ffffff;
}
/* Special Versions for Magazin Startpage */
.gradient_h224_studienfuehrer .box,
.gradient_h224_campus .box,
.gradient_h224_geschichte .box,
.gradient_h224_zeitmagazin .box,
.gradient_h224_kinderheft .box {
  padding-top: 20px;
  padding-top: 1.25rem;
}
.gradient_h224_studienfuehrer .box img,
.gradient_h224_campus .box img,
.gradient_h224_geschichte .box img,
.gradient_h224_zeitmagazin .box img,
.gradient_h224_kinderheft .box img {
  top: inherit;
  bottom: 0;
}
.gradient_h224_studienfuehrer .box h3,
.gradient_h224_campus .box h3,
.gradient_h224_geschichte .box h3,
.gradient_h224_zeitmagazin .box h3,
.gradient_h224_kinderheft .box h3 {
  display: table-cell;
  vertical-align: middle;
  height: 35px;
  height: 2.1875rem;
  min-height: 35px;
  min-height: 2.1875rem;
  text-align: center;
  width: 228px;
  width: 14.25rem;
}
.gradient_h224_studienfuehrer .box p,
.gradient_h224_campus .box p,
.gradient_h224_geschichte .box p,
.gradient_h224_zeitmagazin .box p,
.gradient_h224_kinderheft .box p {
  height: 65px;
  height: 4.0625rem;
  text-align: center;
  position: relative;
  left: 0;
  top: 0;
}
.gradient_h224_studienfuehrer .box p > a,
.gradient_h224_campus .box p > a,
.gradient_h224_geschichte .box p > a,
.gradient_h224_zeitmagazin .box p > a,
.gradient_h224_kinderheft .box p > a {
  display: block;
  position: absolute;
  bottom: 0;
}
.gradient_h224_studienfuehrer,
.gradient_h224_campus,
.gradient_h224_geschichte,
.gradient_h224_zeitmagazin,
.gradient_h340_wissen,
.gradient_h224_kinderheft {
  background-color: #ffffff !important;
  border: 1px solid #dddddd;
}
.gradient_h224_studienfuehrer:hover,
.gradient_h224_campus:hover,
.gradient_h224_geschichte:hover,
.gradient_h224_zeitmagazin:hover,
.gradient_h340_wissen:hover,
.gradient_h224_kinderheft:hover,
.gradient_h224_studienfuehrer:focus,
.gradient_h224_campus:focus,
.gradient_h224_geschichte:focus,
.gradient_h224_zeitmagazin:focus,
.gradient_h340_wissen:focus,
.gradient_h224_kinderheft:focus {
  background: #54585e;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
.gradient_h224_studienfuehrer:hover .box h3:before,
.gradient_h224_campus:hover .box h3:before,
.gradient_h224_geschichte:hover .box h3:before,
.gradient_h224_zeitmagazin:hover .box h3:before,
.gradient_h340_wissen:hover .box h3:before,
.gradient_h224_kinderheft:hover .box h3:before,
.gradient_h224_studienfuehrer:focus .box h3:before,
.gradient_h224_campus:focus .box h3:before,
.gradient_h224_geschichte:focus .box h3:before,
.gradient_h224_zeitmagazin:focus .box h3:before,
.gradient_h340_wissen:focus .box h3:before,
.gradient_h224_kinderheft:focus .box h3:before {
  color: #ffffff;
}
.gradient_h224_studienfuehrer:hover .box p,
.gradient_h224_campus:hover .box p,
.gradient_h224_geschichte:hover .box p,
.gradient_h224_zeitmagazin:hover .box p,
.gradient_h340_wissen:hover .box p,
.gradient_h224_kinderheft:hover .box p,
.gradient_h224_studienfuehrer:focus .box p,
.gradient_h224_campus:focus .box p,
.gradient_h224_geschichte:focus .box p,
.gradient_h224_zeitmagazin:focus .box p,
.gradient_h340_wissen:focus .box p,
.gradient_h224_kinderheft:focus .box p {
  color: #ffffff;
}
.gradient_h224_studienfuehrer:hover .box p > a,
.gradient_h224_campus:hover .box p > a,
.gradient_h224_geschichte:hover .box p > a,
.gradient_h224_zeitmagazin:hover .box p > a,
.gradient_h340_wissen:hover .box p > a,
.gradient_h224_kinderheft:hover .box p > a,
.gradient_h224_studienfuehrer:focus .box p > a,
.gradient_h224_campus:focus .box p > a,
.gradient_h224_geschichte:focus .box p > a,
.gradient_h224_zeitmagazin:focus .box p > a,
.gradient_h340_wissen:focus .box p > a,
.gradient_h224_kinderheft:focus .box p > a {
  color: #ffffff;
}
.gradient_h224_studienfuehrer:hover .box p > a:after,
.gradient_h224_campus:hover .box p > a:after,
.gradient_h224_geschichte:hover .box p > a:after,
.gradient_h224_zeitmagazin:hover .box p > a:after,
.gradient_h340_wissen:hover .box p > a:after,
.gradient_h224_kinderheft:hover .box p > a:after,
.gradient_h224_studienfuehrer:focus .box p > a:after,
.gradient_h224_campus:focus .box p > a:after,
.gradient_h224_geschichte:focus .box p > a:after,
.gradient_h224_zeitmagazin:focus .box p > a:after,
.gradient_h340_wissen:focus .box p > a:after,
.gradient_h224_kinderheft:focus .box p > a:after {
  color: #ffffff;
}
.container_4 .gradient_h340_kinderheft .grid_1.first {
  width: 340px;
  width: 21.25rem;
}
.container_4 .gradient_h340_kinderheft .grid_1.first .teaser_box {
  width: 340px;
  width: 21.25rem;
}
.container_4 .gradient_h340_kinderheft .grid_2.last {
  width: 350px;
  width: 21.875rem;
}
.combi .gradient_h224 {
  height: 258px;
  height: 16.125rem;
}
.gradient_h284 {
  height: 284px;
  height: 17.75rem;
  overflow: hidden;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.gradient_h340 {
  background: #f5f5f5;
  min-height: 340px;
  min-height: 21.25rem;
  overflow: hidden;
}
.gradient_h340.grid_3 {
  border: 1px solid #dddddd;
}
.gradient_h340.grid_3 .grid_2.first {
  margin-right: 0;
  border-right: 1px solid #dddddd;
  background: #ffffff;
}
.gradient_h340 .box img {
  /*top: 0;*/
  top: 70px;
  top: 4.375rem;
}
.gradient_h340 .box p {
  margin-top: 8px;
  margin-top: 0.5rem;
  position: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.gradient_h340 .box p > a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  bottom: 7px;
  bottom: 0.4375rem;
  left: 38%;
}
.gradient_h340 .box p > a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.gradient_h340 .box a.more-link {
  position: absolute;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  bottom: 7px;
  bottom: 0.4375rem;
  left: 38%;
}
.gradient_h340 .box a.more-link:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.gradient_h340 .box a.more-linkpink {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  bottom: 7px;
  bottom: 0.4375rem;
  left: 38%;
}
.gradient_h340 .box a.more-linkpink:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.gradient_h340:hover,
.gradient_h340:focus {
  background: #54585e !important;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
.gradient_h340:hover .box h3:before,
.gradient_h340:focus .box h3:before {
  color: #ffffff;
}
.gradient_h340:hover .box p,
.gradient_h340:focus .box p {
  color: #ffffff;
}
.gradient_h340:hover .box p > a,
.gradient_h340:focus .box p > a {
  color: #ffffff;
}
.gradient_h340:hover .box p > a:after,
.gradient_h340:focus .box p > a:after {
  color: #ffffff;
}
.gradient_h340:hover .box a.more-linkpink,
.gradient_h340:focus .box a.more-linkpink {
  color: #ffffff;
}
.gradient_h340:hover p,
.gradient_h340:focus p,
.gradient_h340:hover h4,
.gradient_h340:focus h4 {
  color: #ffffff;
}
.gradient_h340_wissen .box {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}
.gradient_h340_wissen .box h3 {
  display: table-cell;
  vertical-align: middle;
  height: 35px;
  height: 2.1875rem;
  min-height: 35px;
  min-height: 2.1875rem;
  width: 228px;
  width: 14.25rem;
  text-align: center;
}
.gradient_h340_wissen .box p {
  text-align: center;
  position: relative;
  left: 0;
  top: 0;
}
.gradient_h340_wissen .box p > a {
  margin-top: 10px;
  margin-top: 0.625rem;
  display: block;
}
.gradient_h340_wissen .box img {
  top: auto;
  bottom: 0;
}
.gradient_h340_wissen .box a.more-linkpink {
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  margin-top: 0.625rem;
}
.gradient_h436 {
  min-height: 436px;
  min-height: 27.25rem;
  border: 1px solid #dddddd;
}
.gradient_h436.noborder {
  border: none;
}
.gradient_h436 h1,
.gradient_h436 h2 {
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
}
.gradient_h458 {
  min-height: 458px;
  min-height: 28.625rem;
  background: #f5f5f5;
  /*
  border: 1px solid @gray-light;
  */
  overflow: hidden;
}
.gradient_h458 .box img {
  top: 0;
}
.gradient_h458 .box p {
  margin-top: 8px;
  margin-top: 0.5rem;
  position: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.gradient_h458 .box p > a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 7px;
  bottom: 0.4375rem;
  left: 38%;
}
.gradient_h458 .box p > a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.gradient_h458 .box .csc-textpic-text p {
  text-align: center;
  margin-top: 8px;
  margin-top: 0.5rem;
  position: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.gradient_h458 .box .csc-textpic-text p > a {
  position: inherit;
}
.gradient_h458:hover,
.gradient_h458:focus {
  background: #54585e;
  color: #ffffff;
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
}
.gradient_h458:hover .box h3:before,
.gradient_h458:focus .box h3:before {
  color: #ffffff;
}
.gradient_h458:hover .box p,
.gradient_h458:focus .box p {
  color: #ffffff;
}
.gradient_h458:hover .box p > a,
.gradient_h458:focus .box p > a {
  color: #ffffff;
}
.gradient_h458:hover .box p > a:after,
.gradient_h458:focus .box p > a:after {
  color: #ffffff;
}
.gradient_h458:hover .box a.more-linkpink,
.gradient_h458:focus .box a.more-linkpink {
  color: #ffffff;
}
.gradient_h458:hover p,
.gradient_h458:focus p,
.gradient_h458:hover h4,
.gradient_h458:focus h4 {
  color: #ffffff;
}
.gradient_h517 {
  min-height: 517px;
  min-height: 32.3125rem;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.gradient_h517.gradient_h578_zeit,
.gradient_h517.gradient_h578_wissen,
.gradient_h517.gradient_h578_kinderheft,
.gradient_h517.gradient_h517_geschichte {
  background: #f5f5f5;
}
.gradient_h517 h1,
.gradient_h517 h2 {
  font-size: 26px;
  font-size: 1.625rem;
}
.gradient_h517.picbottom .box .csc-textpic-image img {
  position: absolute;
  top: auto;
  bottom: 0;
}
.gradient_h517.pictop .box .csc-textpic-image img {
  position: absolute;
  top: 0;
  bottom: auto;
}
.gradient_h517.picrel .box .csc-textpic-image img {
  position: relative;
  top: auto;
  bottom: auto;
}
.gradient_h517.ebook {
  background-color: #54585e;
}
.gradient_h517.ebook .box {
  padding: 0;
}
/*
.gradient_h578 .content {
  position:absolute;
  width:412px;
  height:136px;
  overflow:hidden;
  top:415px;
  left:27px;
}
*/
/*
.gradient_h578 .content ul {
  list-style-position:outside;
  list-style-type:disc;
  padding-left:14px;
}
*/
.gradient_h578 {
  min-height: 578px;
  min-height: 36.125rem;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.gradient_h578.gradient_h578_zeit {
  background: #f5f5f5;
}
.gradient_h578 .box {
  padding: 29px 31px 29px 31px;
  padding: 1.8125rem 1.9375rem 1.8125rem 1.9375rem;
}
.gradient_h578 .box h1,
.gradient_h578 .box h2,
.gradient_h578 .box h3,
.gradient_h578 .box h4,
.gradient_h578 .box h5,
.gradient_h578 .box h6 {
  margin-top: 0;
}
.gradient_h578 .box h1,
.gradient_h578 .box h2 {
  font-weight: 700;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 46px;
  line-height: 2.875rem;
}
.gradient_h578 .box h4 {
  font-size: 14px;
  font-size: 0.875rem;
}
.gradient_h578 .box .content {
  width: 412px;
  height: 136px;
  /*overflow:hidden;
      top:415px;
      left:27px;
      */
  margin-top: 300px;
  position: relative;
  left: 0;
  padding-bottom: 27px;
  padding-bottom: 1.6875rem;
  /*
      ul {
        list-style-position:outside;
        list-style-type:disc;
        padding-left:14px;
      }
      */
}
.gradient_h578 .box .content-elements h1,
.gradient_h578 .box .content-elements h2 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 28px;
  line-height: 1.75rem;
}
.gradient_h578 .box #richsnippetcontainer {
  position: inherit;
}
.treadmill {
  min-height: 578px;
  min-height: 36.125rem;
  position: relative;
  border: 1px solid #dddddd;
}
.treadmill .box {
  padding: 17px 29px 9px 29px;
  padding: 1.0625rem 1.8125rem 0.5625rem 1.8125rem;
}
.treadmill .box h1,
.treadmill .box h2,
.treadmill .box h3,
.treadmill .box h4,
.treadmill .box h5,
.treadmill .box h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.treadmill .box h1,
.treadmill .box h2 {
  font-weight: 700;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 46px;
  line-height: 2.875rem;
}
.treadmill .box h4 {
  font-size: 14px;
  font-size: 0.875rem;
  color: #b91109;
}
.treadmill .box .content {
  position: relative;
  width: 412px;
  width: 25.75rem;
  margin-top: 290px !important;
  margin-top: 18.125rem !important;
  /*height:136px;*/
  /*.rem-top(415);
      .rem-left(29);*/
}
.treadmill .box .content ul {
  list-style: none;
  padding-left: 23px;
  padding-left: 1.4375rem;
}
.treadmill .box .content ul li {
  padding-left: 23px;
  padding-left: 1.4375rem;
}
.treadmill .box .content ul li:before {
  content: '';
  background: url('../img-new/check.png') left center no-repeat;
  -webkit-background-size: 14px 12px;
  -moz-background-size: 14px 12px;
  background-size: 14px 12px;
  width: 14px;
  width: 0.875rem;
  height: 12px;
  height: 0.75rem;
  position: absolute;
  margin: 7px 0px 0px -23px;
  margin: 0.4375rem 0rem 0rem -1.4375rem;
}
.treadmill .box .content-elements h1,
.treadmill .box .content-elements h2 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 28px;
  line-height: 1.75rem;
}
.treadmill .box #richsnippetcontainer {
  position: inherit;
}
.selection-form {
  display: inline;
  float: left;
  width: 475px;
  width: 29.6875rem;
  background: #f5f5f5;
  margin-left: -5px;
  margin-left: -0.3125rem;
}
.gradient_contactteaser {
  min-height: 125px;
  min-height: 7.8125rem;
  background: #f5f5f5;
}
.gradient_contactteaser h3,
.gradient_contactteaser p {
  margin-left: 246px;
  margin-left: 15.375rem;
}
.gradient_contactteaser h3 {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.gradient_contactteaser .box p {
  bottom: inherit;
}
.combi h1,
.combi h2,
.combi h3,
.combi h4,
.combi h5,
.combi h6,
.combi p {
  text-align: center;
}
.combi h1:before,
.combi h2:before,
.combi h3:before,
.combi h4:before,
.combi h5:before,
.combi h6:before,
.combi p:before {
  content: '';
  display: none;
}
.combi .gradient_h458 {
  min-height: 526px;
  min-height: 32.875rem;
}
.combi .gradient_h458 .csc-textpic {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: visible;
}
.combi .gradient_h458 .csc-textpic .csc-textpic-imagewrap {
  overflow: visible;
}
.combi .gradient_h458 .iconbox {
  position: relative;
  z-index: 100;
}
.box .iconbox {
  background: transparent center top no-repeat;
  padding-top: 40px;
  padding-top: 2.5rem;
}
.box .iconbox.singlebook {
  background-image: url('../img-new/einzelheft.png');
}
.box .iconbox.umzug {
  background-image: url('../img-new/umzug.png');
}
.box .iconbox.urlaub {
  background-image: url('../img-new/urlaub.png');
}
.box .iconbox.reklamation {
  background-image: url('../img-new/zustellreklamation.png');
}
.box .iconbox.zahlungsdaten {
  background-image: url('../img-new/zahlungsdaten.png');
}
.box .iconbox.kontakt {
  background-image: url('../img-new/kontakt.png');
}
.box .iconbox.nachsenden {
  background-image: url('../img-new/nachsenden.png');
}
.box .iconbox.spendenabo {
  background-image: url('../img-new/spendenabo.png');
}
.box .iconbox.freundeabo {
  background-image: url('../img-new/freundeabo.png');
}
.box .iconbox.lieferunterbrechung {
  background-image: url('../img-new/lieferunterbrechung.png');
}
.box .iconbox p,
.box .iconbox a {
  position: inherit !important;
  text-align: center;
}
.box .iconbox h3 {
  text-align: center;
}
.box .iconbox a {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
.box .iconbox a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.box:hover .iconbox.singlebook,
.box:focus .iconbox.singlebook {
  background-image: url('../img-new/einzelheft_white.png');
}
.box:hover .iconbox.umzug,
.box:focus .iconbox.umzug {
  background-image: url('../img-new/umzug_white.png');
}
.box:hover .iconbox.urlaub,
.box:focus .iconbox.urlaub {
  background-image: url('../img-new/urlaub_white.png');
}
.box:hover .iconbox.reklamation,
.box:focus .iconbox.reklamation {
  background-image: url('../img-new/zustellreklamation_white.png');
}
.box:hover .iconbox.zahlungsdaten,
.box:focus .iconbox.zahlungsdaten {
  background-image: url('../img-new/zahlungsdaten_white.png');
}
.box:hover .iconbox.kontakt,
.box:focus .iconbox.kontakt {
  background-image: url('../img-new/kontakt_white.png');
}
.box:hover .iconbox.nachsenden,
.box:focus .iconbox.nachsenden {
  background-image: url('../img-new/nachsenden_white.png');
}
.box:hover .iconbox.spendenabo,
.box:focus .iconbox.spendenabo {
  background-image: url('../img-new/spendenabo_white.png');
}
.box:hover .iconbox.freundeabo,
.box:focus .iconbox.freundeabo {
  background-image: url('../img-new/freundeabo_white.png');
}
.box:hover .iconbox.lieferunterbrechung,
.box:focus .iconbox.lieferunterbrechung {
  background-image: url('../img-new/lieferunterbrechung_white.png');
}
.box:hover .iconbox a,
.box:focus .iconbox a {
  color: #ffffff;
}
.box:hover .iconbox a:after,
.box:focus .iconbox a:after {
  color: #ffffff;
}
.gradient_h224 .iconbox a {
  position: absolute !important;
  bottom: 10px;
  left: 37%;
}
.box.grey {
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  background: #f5f5f5;
}
.box.grey:hover,
.box.grey:focus {
  background: #54585e;
}
.box.grey:hover h1,
.box.grey:focus h1,
.box.grey:hover h2,
.box.grey:focus h2,
.box.grey:hover h3,
.box.grey:focus h3,
.box.grey:hover h4,
.box.grey:focus h4,
.box.grey:hover h5,
.box.grey:focus h5,
.box.grey:hover p,
.box.grey:focus p {
  color: #ffffff;
}
.box.grey:hover a,
.box.grey:focus a {
  color: #ffffff;
}
.box.grey:hover a:after,
.box.grey:focus a:after {
  color: #ffffff;
}
/* Rich Snippet Stars */
#richsnippetcontainer {
  position: inherit;
  margin-top: 10px;
  margin-top: 0.625rem;
}
#richsnippetcontainer h4 {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
}
.ratingbox {
  display: block;
  height: 25px;
}
.rate_widget {
  overflow: visible;
  width: 120px;
  height: 20px;
  float: left;
}
.richsnippet_rating {
  width: 100px;
  height: 20px;
  float: left;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
}
/*
.ratings_stars {
  background: url('../img/star-cover-m.png') no-repeat;
  float:      left;
  height:     20px;
  width:      20px;
  padding:	0 2px;
}
.rating_act {
  background: url('../img/star-m-h.png') 0px -20px no-repeat;
}
.ratings_over {
  background: url('/fileadmin/templates_new/img/star-m-h.png') 0px -40px no-repeat;
}
*/
#stRtg,
.stRtg {
  background: url("../img/common.png") no-repeat scroll 0 0 transparent;
  height: 19px;
  height: 1.1875rem;
  text-indent: -10000px;
  width: 80px;
  width: 5rem;
  position: relative;
}
#stRtg.star1,
.stRtg.star1 {
  background-position: 0 -16px;
}
#stRtg.star2,
.stRtg.star2 {
  background-position: 0 -36px;
}
#stRtg.star3,
.stRtg.star3 {
  background-position: 0 -56px;
}
#stRtg.star4,
.stRtg.star4 {
  background-position: 0 -76px;
}
#stRtg.star5,
.stRtg.star5 {
  background-position: 0 -96px;
}
.upselling-cell .box {
  padding: 0;
}
.upselling-cell .box .zeit_upselling {
  min-height: 395px;
  min-height: 24.6875rem;
  position: relative;
  padding: 34px 10px 0px 26px;
  padding: 2.125rem 0.625rem 0rem 1.625rem;
}
.upselling-cell .box .zeit_upselling p {
  position: inherit;
  bottom: auto;
  left: auto;
}
.upselling-cell .box .zeit_upselling img {
  top: inherit !important;
  bottom: 0;
}
.upselling-cell .box .upselling-form {
  display: block;
  min-height: 183px;
  min-height: 11.4375rem;
  background: #ffffff;
  padding: 21px 10px 0px 26px;
  padding: 1.3125rem 0.625rem 0rem 1.625rem;
}
.upselling-cell .box .upselling-form p {
  position: inherit;
  bottom: auto;
  left: auto;
}
/* ZEIT Leserservice */
.grid_3.color .box h2:before {
  content: '» ';
  color: #b91109;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19px;
  line-height: 1.1875rem;
  top: -2px;
  position: relative;
}
.contactbox .grid_3 {
  width: 720px;
  width: 45rem;
  margin-left: -11px;
  margin-left: -0.6875rem;
  min-height: 180px;
  min-height: 11.25rem;
  border: none;
  background: transparent url('../img-new/bg-contactheader.png') right top no-repeat;
}
.contactbox .grid_3 h2 {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
}
.contactbox .grid_3 h2:before {
  font-size: 32px !important;
  font-size: 2rem !important;
  font-weight: 300;
}
.contactbox .grid_3 p {
  font-size: 15px;
  font-size: 0.9375rem;
  text-indent: 20px;
}
.contactbox .grid_3 .box {
  padding-left: 50px;
  padding-left: 3.125rem;
  padding-top: 60px;
  padding-top: 3.75rem;
}
.ui-widget {
  font-size: 100%;
}
.acc-content .ui-state-default,
.acc-content .ui-widget-content .ui-state-default,
.acc-content .ui-widget-header .ui-state-default {
  background: #f5f5f5;
  border: none;
  color: #000;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 64px;
  line-height: 4rem;
  height: 64px;
  height: 4rem;
  padding: 0px 27px 0px 27px;
  padding: 0rem 1.6875rem 0rem 1.6875rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.acc-content .ui-accordion-header {
  cursor: pointer;
  position: relative;
}
.acc-content .ui-accordion-header a {
  color: #000;
  font-weight: normal;
  font-size: 20px;
  line-height: 43px;
  text-transform: none;
}
.acc-content .ui-accordion-header.ui-state-active {
  position: relative;
  z-index: 100;
  background: none;
  border: none;
  color: #000;
  font-weight: normal;
}
.acc-content .ui-state-default .ui-icon {
  background-image: url(../img-new/arrow.png);
}
.acc-content .ui-icon-triangle-1-e {
  background-position: 0 0;
}
.acc-content .ui-icon-triangle-1-s {
  background-position: 0 -64px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  right: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  height: 64px;
  width: 45px;
}
.acc-content .question-selector {
  max-width: 600px;
  max-width: 37.5rem;
  background-color: #ffffff;
}
.acc-content .acc-section {
  background: #f5f5f5;
  padding: 90px 27px 27px 27px;
  position: relative;
  top: -79px;
  z-index: 99;
  margin-bottom: -63px;
  border: none;
}
.acc-content .answersection {
  margin-top: 30px;
  font-size: 100%;
}
.acc-content .answersection a {
  font-size: 100%;
  color: #b91109;
  text-transform: none !important;
}
.acc-content .answersection .questionheader {
  margin-bottom: 10px;
}
/* Landingpage */
#top_menu.lp .container_4,
#header.lp .container_4,
#menu.lp .container_4,
#mainContentWrap.lp .container_4,
#subContentWrap.lp .container_4,
#footer.lp .container_4 {
  width: 1180px;
  width: 73.75rem;
}
@media (max-width: 1179px) {
  #top_menu.lp .container_4,
  #header.lp .container_4,
  #menu.lp .container_4,
  #mainContentWrap.lp .container_4,
  #subContentWrap.lp .container_4,
  #footer.lp .container_4 {
    width: 100%;
  }
}
#header.lp {
  width: 1180px;
  width: 73.75rem;
}
@media (max-width: 1179px) {
  #header.lp {
    width: 100%;
  }
}
#header.lp .grid_2 {
  width: 576px;
  width: 36rem;
}
@media (max-width: 1179px) {
  #header.lp .grid_2 {
    width: 460px;
    width: 28.75rem;
  }
}
#menu.lp {
  width: 1180px;
  width: 73.75rem;
}
@media (max-width: 1179px) {
  #menu.lp {
    width: 100%;
  }
}
#menu.lp .grid_4,
#menu.lp .grid_2 {
  width: 1180px;
  width: 73.75rem;
}
@media (max-width: 1179px) {
  #menu.lp .grid_4,
  #menu.lp .grid_2 {
    width: 100%;
  }
}
#mainContentWrap.lp {
  padding-top: 39px;
  padding-top: 2.4375rem;
  width: 100% !important;
  background: url('../img-new/bg_landingpage.jpg') center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  /*.rem-minheight(660);*/
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
#mainContentWrap.lp .container_4 {
  overflow: visible;
  margin-bottom: 0;
}
@media (max-width: 1179px) {
  #mainContentWrap.lp .container_4 {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 1179px) {
  #mainContentWrap.lp {
    width: 100% !important;
  }
}
#subContentWrap {
  margin: 39px 0px 39px 0px;
  margin: 2.4375rem 0rem 2.4375rem 0rem;
}
@media (max-width: 1179px) {
  #subContentWrap {
    width: 100%;
    padding: 0px 30px 0px 30px;
    padding: 0rem 1.875rem 0rem 1.875rem;
  }
  #subContentWrap .bodytext {
    margin-right: 90px !important;
  }
}
#subContentWrap h4 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
#subContentWrap h3 {
  font-size: 20px;
  font-size: 1.25rem;
}
.gridcontainer.lp {
  min-height: 400px;
  min-height: 25rem;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (max-width: 1179px) {
  .gridcontainer.lp {
    padding: 0 !important;
    margin: 0 !important;
  }
}
.gridcontainer .col-4 {
  width: 33.3333%;
  float: left;
}
.startbox {
  display: block;
  background: #ffffff;
  border: 1px solid #dddddd;
  min-height: 410px;
  min-height: 25.625rem;
  padding-top: 30px;
  padding-top: 1.875rem;
}
.startbox.shadow {
  background: #ffffff url('../img-new/schatten_startbox.png') left center no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
.startbox.shadow .bottom-section {
  background: #f5f5f5 url('../img-new/schatten_startbox_bottom.png') left center no-repeat;
}
.startbox h2 {
  font-weight: 700;
  font-size: 34px;
  font-size: 2.125rem;
  text-align: center;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.startbox .top-content {
  padding-left: 30px;
  padding-left: 1.875rem;
  padding-right: 30px;
  padding-right: 1.875rem;
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
}
@media (max-width: 1179px) {
  .startbox .top-section img {
    max-width: 306px;
    max-width: 19.125rem;
    height: auto;
  }
}
.startbox .bottom-section {
  background: #f5f5f5;
  border-top: 1px solid #dddddd;
}
.startbox .bottom-section:before,
.startbox .bottom-section:after {
  content: " ";
  display: table;
}
.startbox .bottom-section:after {
  clear: both;
}
.startbox .bottom-section .bottom-content {
  padding: 22px 50px 20px 50px;
  padding: 1.375rem 3.125rem 1.25rem 3.125rem;
}
.startbox:hover,
.startbox:focus {
  border-color: #54585e;
}
.bigteaser {
  padding-top: 20px;
  padding-top: 1.25rem;
  background-color: transparent;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.bigteaser h1,
.bigteaser h4 {
  text-align: center;
}
.bigteaser h1 {
  font-size: 34px;
  font-size: 2.125rem;
}
.bigteaser h4 {
  color: #b91109;
  font-size: 22px;
  font-size: 1.375rem;
}
.bigteaser p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.bigteaser:hover,
.bigteaser:focus {
  background-position: center bottom;
}
.bigteaser .teaser-picture {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
.bigteaser .teaser_box {
  margin-left: 530px;
  margin-left: 33.125rem;
}
.entryteaser {
  float: left;
  display: inline;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
  position: relative;
}
.entryteaser.col-3 {
  width: 228px;
  width: 14.25rem;
  min-height: 265px;
  min-height: 16.5625rem;
}
.entryteaser.col-4 {
  width: 308px;
  width: 19.25rem;
  min-height: 295px;
  min-height: 18.4375rem;
}
.entryteaser .top-section {
  position: relative;
  background: #f5f5f5;
  text-align: center;
  min-height: 224px;
  min-height: 14rem;
}
.entryteaser .top-section h3 {
  display: block;
  width: 100%;
  text-align: center;
  background: #eeeeee;
  border-bottom: 1px solid #dddddd;
  height: 46px;
  height: 2.875rem;
  line-height: 46px;
  line-height: 2.875rem;
}
.entryteaser .top-section p {
  padding-left: 14px;
  padding-left: 0.875rem;
  padding-right: 14px;
  padding-right: 0.875rem;
  text-align: center;
}
.entryteaser .top-section img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.entryteaser .bottom-section {
  padding-top: 10px;
  padding-top: 0.625rem;
}
.entryteaser .bottom-section a {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
.entryteaser .bottom-section a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.entryteaser:hover .top-section,
.entryteaser:focus .top-section {
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
  position: relative;
  background-color: #54585e;
  color: #ffffff;
}
.entryteaser:hover .top-section h3,
.entryteaser:focus .top-section h3,
.entryteaser:hover .top-section p,
.entryteaser:focus .top-section p {
  color: #ffffff;
}
.entryteaser:hover .top-section h3,
.entryteaser:focus .top-section h3 {
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
  background-color: #313131;
}
.entryteaser:hover .bottom-section a,
.entryteaser:focus .bottom-section a {
  color: #54585e;
}
.entryteaser:hover .bottom-section a:after,
.entryteaser:focus .bottom-section a:after {
  color: #54585e;
}
.entryteaser.big {
  margin-top: 20px;
  margin-top: 1.25rem;
  width: 100%;
  background: #f5f5f5;
}
.entryteaser.big h3 {
  display: block;
  width: 100%;
  text-align: center;
  background: #eeeeee;
  border-bottom: 1px solid #dddddd;
  height: 46px;
  height: 2.875rem;
  line-height: 46px;
  line-height: 2.875rem;
}
.entryteaser.big .content-section {
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
}
.entryteaser.big .content-section .centerbox {
  margin: 0 auto;
  max-width: 70%;
}
.entryteaser.big .content-section ul li {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.entryteaser.big .content-section ul li.float-left-half {
  width: 45%;
}
.entryteaser.big .content-section ul li.float-right-half {
  width: 55%;
}
.entryteaser.big:hover,
.entryteaser.big:focus {
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
  background-color: #54585e;
  color: #ffffff;
}
.entryteaser.big:hover h3,
.entryteaser.big:focus h3,
.entryteaser.big:hover p,
.entryteaser.big:focus p,
.entryteaser.big:hover li,
.entryteaser.big:focus li {
  color: #ffffff;
}
.entryteaser.big:hover h3,
.entryteaser.big:focus h3 {
  -moz-transition: background-color 0.15s linear 0s;
  -webkit-transition: background-color 0.15s linear 0s;
  -o-transition: background-color 0.15s linear 0s;
  transition: background-color 0.15s linear 0s;
  background-color: #313131;
}
.product_image_position {
  top: 264px !important;
  left: 0 !important;
}
.einzelheft_image .product_image_position {
  position: inherit;
  margin-top: 50px;
  margin-top: 3.125rem;
}
.mtn5 {
  margin-top: -5px;
}
#popupwrapper {
  padding: 15px 15px 15px 15px;
  padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.free_btn {
  position: absolute;
}
.tx-zeitaboipchecker-pi1 .gradient_h55_service {
  height: 152px;
  height: 9.5rem;
  background: #ffffff;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
#footer .gradient_h55_service {
  background: #ffffff url('../img-new/digi-upgrade-icon.png') 27px center no-repeat;
  position: absolute;
  left: -5px;
  bottom: -25px;
  height: 152px;
  height: 9.5rem;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
#footer .gradient_h55_service .box {
  padding: 27px 27px 27px 105px;
  padding: 1.6875rem 1.6875rem 1.6875rem 6.5625rem;
}
#footer .gradient_h55_service .box h3,
#footer .gradient_h55_service .box p,
#footer .gradient_h55_service .box a {
  text-align: left;
}
#footer .gradient_h55_service .box h3:before {
  content: '';
  display: none;
}
#footer .gradient_h55_service .box p {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  font-weight: 100;
}
#footer .gradient_h55_service .box p > a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #b91109;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: -30px;
  bottom: -1.875rem;
  left: 0;
}
#footer .gradient_h55_service .box p > a:after {
  content: '›';
  color: #b91109;
  font-size: 20px;
  font-size: 1.25rem;
  height: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 10%;
}
.grid_3.gradient_h340 .grid_1.first {
  min-height: 340px;
  min-height: 21.25rem;
}
.grid_3.gradient_h340 .grid_2.last {
  min-height: 340px;
  min-height: 21.25rem;
}
.grid_3.gradient_h340 .grid_2.last .right img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.grid_spendenabo {
  min-height: 862px;
  min-height: 53.875rem;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.grid_spendenabo .box {
  border: 10px solid #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-531 .combi .gradient_h224 {
  height: 225px;
  height: 14.0625rem;
}
.page-531 .combi .gradient_h224 .box {
  padding: 15px 10px 0px 10px;
  padding: 0.9375rem 0.625rem 0rem 0.625rem;
}
.page-531 .combi .gradient_h458 {
  border: 1px solid #dddddd;
  height: 460px;
  height: 28.75rem;
  min-height: inherit;
}
.page-531 .combi .gradient_h458 .box {
  padding: 0;
}
.page-531 .combi .gradient_h458 .csc-textpic {
  top: 0;
  bottom: auto;
}
.page-533 .gradient_h340_zeit .teaser_box {
  position: absolute;
  width: 600px;
  width: 37.5rem;
}
#upselling_weiter_zeit {
  position: absolute;
  right: 27px;
  bottom: 12px;
  z-index: 2;
}
.col6 {
  float: left;
  width: 50%;
}
#errorMessages .redbox {
  background-color: #b91109;
  color: #ffffff;
}
.color.components .fixcontent {
  padding: 0 !important;
  padding-bottom: 99px !important;
  padding-bottom: 6.1875rem !important;
}
.color.components .fixcontent .content-elements {
  padding: 15px 20px 0px 20px;
  padding: 0.9375rem 1.25rem 0rem 1.25rem;
}
.component-box {
  border-bottom: 1px solid #dddddd;
  padding-top: 30px;
  padding-top: 1.875rem;
}
.component-box:before,
.component-box:after {
  content: " ";
  display: table;
}
.component-box:after {
  clear: both;
}
.component-box .component-image {
  float: left;
  width: 250px;
  width: 15.625rem;
  margin: 0 auto;
  text-align: center;
}
.component-box .component-text {
  float: left;
  width: 664px;
  width: 41.5rem;
  margin-top: 5px;
  margin-top: 0.3125rem;
}
.no-svg #header #logo a {
  background-image: url(../img-new/DZ_Abo_Logo.png);
  width: 377px;
  width: 23.5625rem;
}
.no-borderradius .btn_weiter {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius .gradient_h137 select {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius .btn_zum_angebot {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius .btn_zurueck {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius .btn_bestellen,
.no-borderradius .btn_abschicken,
.no-borderradius .btn_hiersichern {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius #sub_menu ul > li > a,
.no-borderradius #sub_sub_menu ul > li > a {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius #tabs ul > li > a {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius #order_status span {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}
.no-borderradius #footer a.toplink {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  behavior: url(/fileadmin/PIE.htc);
}