@charset "UTF-8";
/* ** _util.scss ** ** main functions & mixins for the project */
/* ** Responsive */
/* body */
/* ** Fixed width, margin-left */
/* fixed width */
/* fixed margin-left */
/* ** Font */
/* ** Insert '>' before element */
/* ** Insert up-arrow before element */
/* ** Insert down-arrow before element */
/* ** Index site's article teaser's "Schwerpunkt" headline */
/* ** separator (black line) ** ** use it like this: e.g <section class="separa"><section> */
/* ** Separator-styled menu. ** Specific HTML markup is required. ** Examples: current issue top, archive top. ** Apply this on nav.viewstyle {}. */
/* ** Quote Box. ** Examples: Corporate Publishing. */
/* ** Clear Template */
/* nice-clear for elements:after */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

/* Retina Sprites for Compass by:              Gaya Kessler last update:     01/14/13  Usage: 1. create two folders in your image directory (in this case 'icons' and 'icons-2x'). 2. adjust the foldernames defined below if you use different names. 3. create sprite images for pixel ratio 1 screens and put them in the first folder. 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames. 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)' */
/*! jQuery UI - v1.10.1 - 2013-03-07
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.slider.css, jquery.ui.tabs.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { min-height: 0; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-front { z-index: 100; }

.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }

.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; }

.ui-menu .ui-menu { margin-top: -3px; position: absolute; }

.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; }

.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }

.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal; }

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }

.ui-menu .ui-state-disabled a { cursor: default; }

.ui-menu-icons { position: relative; }

.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

.ui-menu .ui-menu-icon { position: static; float: right; }

.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }

.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-tabs { position: relative; padding: .2em; }

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.cc_banner-wrapper { z-index: 105001; position: relative; }

.cc_container .cc_btn { cursor: pointer; text-align: center; font-size: 0.6em; transition: font-size 200ms; line-height: 1em; }
.cc_container .cc_message { font-size: 0.6em; transition: font-size 200ms; margin: 0; padding: 0; line-height: 1.5em; }
.cc_container .cc_logo { display: none; text-indent: -1000px; overflow: hidden; width: 100px; height: 22px; background-size: cover; background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png); opacity: 0.9; transition: opacity 200ms; }
.cc_container .cc_logo:hover, .cc_container .cc_logo:active { opacity: 1; }

@media screen and (min-width: 500px) { .cc_container .cc_btn { font-size: 0.8em; }
  .cc_container .cc_message { font-size: 0.8em; } }
@media screen and (min-width: 768px) { .cc_container .cc_btn { font-size: 1em; }
  .cc_container .cc_message { font-size: 1em; line-height: 1em; } }
@media screen and (min-width: 992px) { .cc_container .cc_message { font-size: 1em; } }
@media print { .cc_banner-wrapper, .cc_container { display: none; } }
.cc_container { position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 10px; }
.cc_container .cc_btn { padding: 8px 10px; background-color: #05a131; cursor: pointer; transition: font-size 200ms; text-align: center; font-size: 0.6em; display: block; width: 33%; margin-left: 10px; float: right; max-width: 120px; }
.cc_container .cc_message { transition: font-size 200ms; font-size: 0.6em; display: block; }

@media screen and (min-width: 500px) { .cc_container .cc_btn { font-size: 0.8em; }
  .cc_container .cc_message { margin-top: 0.5em; font-size: 0.8em; } }
@media screen and (min-width: 768px) { .cc_container { padding: 15px 30px 15px; }
  .cc_container .cc_btn { font-size: 1em; padding: 8px 15px; }
  .cc_container .cc_message { font-size: 1em; } }
@media screen and (min-width: 992px) { .cc_container .cc_message { font-size: 1em; } }
/* Fade in up
------------------------------------ */
@-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(66px); transform: translateY(66px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes slideUp { 0% { -webkit-transform: translateY(66px); -ms-transform: translateY(66px); transform: translateY(66px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.cc_container { background: #fff; color: #999; font-size: 17px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; box-sizing: border-box; border: 1px solid #ccc; }
.cc_container ::-moz-selection { background: #ff5e99; color: #fff; text-shadow: none; }
.cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff; background-color: #05a131; transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; }
.cc_container .cc_btn:hover, .cc_container .cc_btn:active { background-color: #048829; color: #fff; }
.cc_container a, .cc_container a:visited { text-decoration: none; color: #31a8f0; transition: 200ms color; }
.cc_container a:hover, .cc_container a:active { color: #555; }

.cc_container, .cc_message, .cc_btn { animation-duration: 0.8s; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -webkit-animation-name: slideUp; animation-name: slideUp; }

@font-face { font-family: "Dot Matrix"; src: url('../stylesheets/fonts/BMreceipt-A11.otf'); src: url('../stylesheets/fonts/BMreceipt-A11.otf?#iefix') format('embedded-opentype'), ; font-weight: "normal"; font-style: "normal"; }

@font-face { font-family: "Sabon LT W01 Roman"; src: url('../stylesheets/fonts/d30018fa-c2be-4921-a779-0a9b8db54fe7.eot'); src: url('../stylesheets/fonts/d30018fa-c2be-4921-a779-0a9b8db54fe7.eot?#iefix') format('embedded-opentype'), url('../stylesheets/fonts/d93bebe4-cefa-455e-8b51-eaae50be173e.woff') format('woff'), url('../stylesheets/fonts/7849e7c1-08a0-4e13-a6cd-d2900c236af5.ttf') format('truetype'), url('../stylesheets/fonts/d1246e5a-1d35-4bc9-b785-d05e0408a757.svg') format('svg'); font-weight: "normal"; font-style: "normal"; }

@font-face { font-family: "Sabon LT W01 Bold"; src: url('../stylesheets/fonts/715e0d80-e882-47bb-8c8f-f741c701f43f.eot'); src: url('../stylesheets/fonts/715e0d80-e882-47bb-8c8f-f741c701f43f.eot?#iefix') format('embedded-opentype'), url('../stylesheets/fonts/95b1e5f7-abb3-4a8d-9565-de2d74d6cb98.woff') format('woff'), url('../stylesheets/fonts/e87f6725-3ee0-4447-93d6-6323a452d273.ttf') format('truetype'), url('../stylesheets/fonts/bb1e6ff9-4f2a-4e71-8755-7c1704c0016c.svg') format('svg'); font-weight: "normal"; font-style: "normal"; }

@font-face { font-family: "Sabon LT W01 Italic"; src: url('../stylesheets/fonts/72d35842-98bb-422e-8e0a-686bfbabb630.eot'); src: url('../stylesheets/fonts/72d35842-98bb-422e-8e0a-686bfbabb630.eot?#iefix') format('embedded-opentype'), url('../stylesheets/fonts/a9baeb23-afc5-4d93-bf9f-b83fd44a2220.woff') format('woff'), url('../stylesheets/fonts/bc89f8d2-4ac8-4c99-aa40-a31cea6d7b5a.ttf') format('truetype'), url('../stylesheets/fonts/6bde6158-cef2-4c4f-b120-4e8b482c742d.svg') format('svg'); font-weight: "normal"; font-style: "normal"; }

@font-face { font-family: "SabonLTW01-BoldItalic"; src: url('../stylesheets/fonts/27e1a9a8-0e41-4072-9a38-340bda220c09.eot'); src: url('../stylesheets/fonts/27e1a9a8-0e41-4072-9a38-340bda220c09.eot?#iefix') format('embedded-opentype'), url('../stylesheets/fonts/cf5ff73c-ced1-4092-829c-4238819447fa.woff') format('woff'), url('../stylesheets/fonts/0c79bc7f-e06e-4877-854f-bb4c01ca9418.ttf') format('truetype'), url('../stylesheets/fonts/f9662a49-ee01-469f-8d2d-c1ff1c4381b5.svg') format('svg'); font-weight: "normal"; font-style: "normal"; }

@font-face { font-family: "Futura W01 Book"; src: url('../stylesheets/fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot'); src: url('../stylesheets/fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot?#iefix') format('embedded-opentype'), url('../stylesheets/fonts/4d0e252c-d811-4a5d-a7f3-6ad72c6b76f2.woff') format('woff'), url('../stylesheets/fonts/54250d43-02be-4ff9-b802-a4ea104a0611.ttf') format('truetype'), url('../stylesheets/fonts/15c556fc-4608-4b01-8a0d-9c8631c8bd74.svg') format('svg'); font-weight: "normal"; font-style: "normal"; }

/* ** Imports AFTER */
/* main fonts and font-styles */
/* variablen */
#mainframe-template hr { margin: 50px 0; }

/* ** Font Mixins */
/* serif font */
/* sansserif font */
/* matrix font */
/* futura font */
/* headlines */
h1, .like-h1 { font-size: 44px; line-height: 120%; margin: 5px 0; font-weight: normal; text-rendering: optimizeLegibility; }

h2 { font-size: 24px; line-height: 120%; margin: 3px 0 5px; font-weight: normal; text-rendering: optimizeLegibility; }

h3 { font-size: 20px; line-height: 120%; margin: 3px 0 5px; font-weight: normal; text-rendering: optimizeLegibility; }

h4 { font-size: 16px; line-height: 175%; margin: 2px 0; font-family: 'Sabon LT W01 Bold'; font-weight: normal; text-rendering: optimizeLegibility; }

h5 { font-size: 16px; line-height: 175%; font-weight: normal; text-rendering: optimizeLegibility; }

/* Paragraphs / Extra Classes / More */
p, input { font-size: 16px; line-height: 175%; margin-bottom: 5px; }

p + h2, p + h3, p + p { margin-top: 20px; }

ul, ol, li, dt, dd, table, td { font-size: 16px; line-height: 175%; }

/* link section */
/* links a button */
a { color: black; }
a:link, a:visited { text-decoration: none; color: black; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; }
a:hover, a:hover:before, a:hover:after { color: #05a131; -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; text-decoration: none; }

body #content .csc-default a, body #content .greenBox a { color: #707070; }
body #content .csc-default a:hover, body #content .greenBox a:hover { color: black; }
body #content .csc-default .rot a, body #content .greenBox .rot a { color: #ff4948; }
body #content .csc-default .rosa a, body #content .greenBox .rosa a { color: #D58489; }
body #content .csc-default .blau a, body #content .greenBox .blau a { color: #27b4e4; }
body #content .csc-default .gelb a, body #content .greenBox .gelb a { color: #D0B32A; }
body #content .csc-default .gruen a, body #content .greenBox .gruen a { color: #05a131; }
body #content .csc-default .dunkelblau a, body #content .greenBox .dunkelblau a { color: #2E5E87; }
body #content .csc-default .grau a, body #content .greenBox .grau a { color: #999; }
body #content .csc-default .knallgelb a, body #content .greenBox .knallgelb a { color: #FFF04F; }
body #content .csc-default .pink a, body #content .greenBox .pink a { color: #DE0E7B; }

.articleContent a { border-bottom: #707070; border-bottom-style: dotted; border-bottom-width: thin; }

body.wissen a:hover, body.wissen a:hover:before, body.wissen a:hover:after { color: #27b4e4; }
body.wissen #content .csc-default a:hover { color: black; }
body.wissen #content .csc-default .rot a { color: #ff4948; }
body.wissen #content .csc-default .rosa a { color: #D58489; }
body.wissen #content .csc-default .blau a { color: #27b4e4; }
body.wissen #content .csc-default .gelb a { color: #D0B32A; }
body.wissen #content .csc-default .gruen a { color: #05a131; }
body.wissen #content .csc-default .dunkelblau a { color: #2E5E87; }
body.wissen #content .csc-default .grau a { color: #999; }

body.kiosk a:hover, body.kiosk a:hover:before, body.kiosk a:hover:after { color: #ff4948; }
body.kiosk #content .csc-default a:hover { color: black; }
body.kiosk #content .csc-default .rot a { color: #ff4948; }
body.kiosk #content .csc-default .rosa a { color: #D58489; }
body.kiosk #content .csc-default .blau a { color: #27b4e4; }
body.kiosk #content .csc-default .gelb a { color: #D0B32A; }
body.kiosk #content .csc-default .gruen a { color: #05a131; }
body.kiosk #content .csc-default .dunkelblau a { color: #2E5E87; }
body.kiosk #content .csc-default .grau a { color: #999; }

/* interviewQuestion */
.interviewQuestion { font-family: 'Sabon LT W01 Bold'; margin-top: 18px; margin-bottom: 0; }

p.interviewQuestion + p { margin-top: 0; }

/* meta */
.meta { font-size: 14px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: #999999; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; }

/* buttons / extra link */
.extra-link { font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; }
.extra-link:hover { background: #999999; }

button, .button { background: black; color: white; font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; }
button:hover, .button:hover { background: #999999; }
button:hover, .button:hover { background: #05a131; }

body.wissen button:hover, body.wissen .button:hover { background: #27b4e4; }

body.kiosk button:hover, body.kiosk .button:hover { background: #ff4948; }

.button-white { background: white; color: black; font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; }
.button-white:hover { background: #999999; }

.button-green { background: #05a131; color: white; font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; }
.button-green:hover { background: #999999; }

.button-blue { background: #27b4e4; color: white; font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; }
.button-blue:hover { background: #999999; }

.button-red { background: #ff4948; color: white; font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; }
.button-red:hover { background: #999999; }

/* colors / styles */
.italic { font-style: italic; }

.bold { font-family: 'Sabon LT W01 Bold'; font-size: 18px; }

.gray { color: #999999; }

.white { color: white; }

.dark-green { color: #008a27; }

.green { color: #05a131; }

.blue { color: #27b4e4; }

.red { color: #ff4948; }

.serif { font-family: 'Sabon LT W01 Roman'; }

.sansserif { font-family: 'Helvetica'; }

.matrix { font-family: 'Dot Matrix'; font-size: 18px; }

.matrix-border { font-family: 'Dot Matrix'; font-size: 18px; padding-bottom: 10px; border-bottom: 2px solid black; }

/* ** Reset */
/* reset margin / padding / line-height */
.reset { margin: 0; padding: 0; line-height: 100%; }

.rot { color: #ff4948; }

.rosa { color: #D58489; }

.blau { color: #27b4e4; }

.gelb { color: #D0B32A; }

.gruen { color: #05a131; }

.dunkelblau { color: #2E5E87; }

.grau { color: #999999; }

.knallgelb { color: #FFF04F; }

.pink { color: #DE0E7B; }

/* ** _row.scss ** ** main width and margin-left */
/* ** Width */
.width1 { width: 100%; }
.width1:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width1 { width: 40px; } }
@media (min-width: 1250px) { .width1 { width: 50px; } }

.width2 { width: 100%; }
.width2:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width2 { width: 80px; } }
@media (min-width: 1250px) { .width2 { width: 100px; } }

.width3 { width: 100%; }
.width3:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width3 { width: 120px; } }
@media (min-width: 1250px) { .width3 { width: 150px; } }

.width4 { width: 100%; }
.width4:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width4 { width: 160px; } }
@media (min-width: 1250px) { .width4 { width: 200px; } }

.width5 { width: 100%; }
.width5:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width5 { width: 200px; } }
@media (min-width: 1250px) { .width5 { width: 250px; } }

.width6 { width: 100%; }
.width6:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width6 { width: 240px; } }
@media (min-width: 1250px) { .width6 { width: 300px; } }

.width7 { width: 100%; }
.width7:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width7 { width: 280px; } }
@media (min-width: 1250px) { .width7 { width: 350px; } }

.width8 { width: 100%; }
.width8:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width8 { width: 320px; } }
@media (min-width: 1250px) { .width8 { width: 400px; } }

.width9 { width: 100%; }
.width9:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width9 { width: 360px; } }
@media (min-width: 1250px) { .width9 { width: 450px; } }

.width10 { width: 100%; }
.width10:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width10 { width: 400px; } }
@media (min-width: 1250px) { .width10 { width: 500px; } }

.width11 { width: 100%; }
.width11:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width11 { width: 440px; } }
@media (min-width: 1250px) { .width11 { width: 550px; } }

.width12 { width: 100%; }
.width12:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width12 { width: 480px; } }
@media (min-width: 1250px) { .width12 { width: 600px; } }

.width13 { width: 100%; }
.width13:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width13 { width: 520px; } }
@media (min-width: 1250px) { .width13 { width: 650px; } }

.width14 { width: 100%; }
.width14:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width14 { width: 560px; } }
@media (min-width: 1250px) { .width14 { width: 700px; } }

.width15 { width: 100%; }
.width15:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width15 { width: 600px; } }
@media (min-width: 1250px) { .width15 { width: 750px; } }

.width16 { width: 100%; }
.width16:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width16 { width: 640px; } }
@media (min-width: 1250px) { .width16 { width: 800px; } }

.width17 { width: 100%; }
.width17:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width17 { width: 680px; } }
@media (min-width: 1250px) { .width17 { width: 850px; } }

.width18 { width: 100%; }
.width18:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width18 { width: 720px; } }
@media (min-width: 1250px) { .width18 { width: 900px; } }

.width19 { width: 100%; }
.width19:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width19 { width: 760px; } }
@media (min-width: 1250px) { .width19 { width: 950px; } }

.width20 { width: 100%; }
.width20:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width20 { width: 800px; } }
@media (min-width: 1250px) { .width20 { width: 1000px; } }

.width21 { width: 100%; }
.width21:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width21 { width: 840px; } }
@media (min-width: 1250px) { .width21 { width: 1050px; } }

.width22 { width: 100%; }
.width22:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width22 { width: 880px; } }
@media (min-width: 1250px) { .width22 { width: 1100px; } }

.width23 { width: 100%; }
.width23:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width23 { width: 920px; } }
@media (min-width: 1250px) { .width23 { width: 1150px; } }

.width24 { width: 100%; }
.width24:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { .width24 { width: 960px; } }
@media (min-width: 1250px) { .width24 { width: 1200px; } }

/* ** Margin Left */
.margin-left1 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left1 { margin-left: 40px; } }
@media (min-width: 1250px) { .margin-left1 { margin-left: 50px; } }

.margin-left2 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left2 { margin-left: 80px; } }
@media (min-width: 1250px) { .margin-left2 { margin-left: 100px; } }

.margin-left3 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left3 { margin-left: 120px; } }
@media (min-width: 1250px) { .margin-left3 { margin-left: 150px; } }

.margin-left4 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left4 { margin-left: 160px; } }
@media (min-width: 1250px) { .margin-left4 { margin-left: 200px; } }

.margin-left5 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left5 { margin-left: 200px; } }
@media (min-width: 1250px) { .margin-left5 { margin-left: 250px; } }

.margin-left6 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left6 { margin-left: 240px; } }
@media (min-width: 1250px) { .margin-left6 { margin-left: 300px; } }

.margin-left7 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left7 { margin-left: 280px; } }
@media (min-width: 1250px) { .margin-left7 { margin-left: 350px; } }

.margin-left8 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left8 { margin-left: 320px; } }
@media (min-width: 1250px) { .margin-left8 { margin-left: 400px; } }

.margin-left9 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left9 { margin-left: 360px; } }
@media (min-width: 1250px) { .margin-left9 { margin-left: 450px; } }

.margin-left10 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left10 { margin-left: 400px; } }
@media (min-width: 1250px) { .margin-left10 { margin-left: 500px; } }

.margin-left11 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left11 { margin-left: 440px; } }
@media (min-width: 1250px) { .margin-left11 { margin-left: 550px; } }

.margin-left12 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left12 { margin-left: 480px; } }
@media (min-width: 1250px) { .margin-left12 { margin-left: 600px; } }

.margin-left13 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left13 { margin-left: 520px; } }
@media (min-width: 1250px) { .margin-left13 { margin-left: 650px; } }

.margin-left14 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left14 { margin-left: 560px; } }
@media (min-width: 1250px) { .margin-left14 { margin-left: 700px; } }

.margin-left15 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left15 { margin-left: 600px; } }
@media (min-width: 1250px) { .margin-left15 { margin-left: 750px; } }

.margin-left16 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left16 { margin-left: 640px; } }
@media (min-width: 1250px) { .margin-left16 { margin-left: 800px; } }

.margin-left17 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left17 { margin-left: 680px; } }
@media (min-width: 1250px) { .margin-left17 { margin-left: 850px; } }

.margin-left18 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left18 { margin-left: 720px; } }
@media (min-width: 1250px) { .margin-left18 { margin-left: 900px; } }

.margin-left19 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left19 { margin-left: 760px; } }
@media (min-width: 1250px) { .margin-left19 { margin-left: 950px; } }

.margin-left20 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left20 { margin-left: 800px; } }
@media (min-width: 1250px) { .margin-left20 { margin-left: 1000px; } }

.margin-left21 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left21 { margin-left: 840px; } }
@media (min-width: 1250px) { .margin-left21 { margin-left: 1050px; } }

.margin-left22 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left22 { margin-left: 880px; } }
@media (min-width: 1250px) { .margin-left22 { margin-left: 1100px; } }

.margin-left23 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left23 { margin-left: 920px; } }
@media (min-width: 1250px) { .margin-left23 { margin-left: 1150px; } }

.margin-left24 { margin-left: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .margin-left24 { margin-left: 960px; } }
@media (min-width: 1250px) { .margin-left24 { margin-left: 1200px; } }

/* ** Fixed Layouts */
/* two col */
.fixed-two-wrap:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.fixed-two-wrap .fixed-one { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-two-wrap .fixed-one { width: 470px; float: left; } }
@media (min-width: 1250px) { .fixed-two-wrap .fixed-one { width: 590px; float: left; } }
.fixed-two-wrap .fixed-two { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-two-wrap .fixed-two { width: 470px; float: left; margin-left: 20px; } }
@media (min-width: 1250px) { .fixed-two-wrap .fixed-two { width: 590px; float: left; margin-left: 20px; } }

/* three col */
.fixed-three-wrap:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.fixed-three-wrap .fixed-one { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-three-wrap .fixed-one { width: 310px; float: left; } }
@media (min-width: 1250px) { .fixed-three-wrap .fixed-one { width: 390px; float: left; } }
.fixed-three-wrap .fixed-two { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-three-wrap .fixed-two { width: 310px; float: left; margin-left: 15px; } }
@media (min-width: 1250px) { .fixed-three-wrap .fixed-two { width: 390px; float: left; margin-left: 15px; } }
.fixed-three-wrap .fixed-three { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-three-wrap .fixed-three { width: 310px; float: left; margin-left: 15px; } }
@media (min-width: 1250px) { .fixed-three-wrap .fixed-three { width: 390px; float: left; margin-left: 15px; } }

/* one two col */
.fixed-one-two-wrap:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.fixed-one-two-wrap .fixed-one { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-one-two-wrap .fixed-one { width: 310px; float: left; } }
@media (min-width: 1250px) { .fixed-one-two-wrap .fixed-one { width: 390px; float: left; } }
.fixed-one-two-wrap .fixed-two { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-one-two-wrap .fixed-two { width: 630px; float: left; margin-left: 20px; } }
@media (min-width: 1250px) { .fixed-one-two-wrap .fixed-two { width: 790px; float: left; margin-left: 20px; } }

/* two one col */
.fixed-two-one-wrap:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.fixed-two-one-wrap .fixed-one { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-two-one-wrap .fixed-one { width: 630px; float: left; } }
@media (min-width: 1250px) { .fixed-two-one-wrap .fixed-one { width: 790px; float: left; } }
.fixed-two-one-wrap .fixed-two { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .fixed-two-one-wrap .fixed-two { width: 310px; float: left; margin-left: 20px; } }
@media (min-width: 1250px) { .fixed-two-one-wrap .fixed-two { width: 390px; float: left; margin-left: 20px; } }

.articleType { border-bottom: 1px solid black; font-size: 22px; font-style: italic; margin: 0 0 30px 0; padding: 0 0 0 10px; }
@media (min-width: 1010px) { .articleType { font-size: 32px; margin: 0 0 50px 0; } }

.innerContent { width: 100%; }
.innerContent:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .innerContent { width: 820px; margin: 0 0 0 42px; } }
@media (min-width: 1250px) { .innerContent { width: 970px; margin: 0 0 0 42px; } }
.innerContent .articleTitle { margin: 0 0 6px; padding: 0; width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { .innerContent .articleTitle { width: 480px; float: right; } }
@media (min-width: 1250px) { .innerContent .articleTitle { width: 580px; float: right; } }
.innerContent .articleTitle p.articleAuthor { font-size: 16px; margin: 4px 0; }
.innerContent .articleTitle h1, .innerContent .articleTitle h2 { margin: 0 0 25px; }
.innerContent .articleTitle h2 { font-size: 44px; }
.innerContent .articleTitle h1.kicker { font-size: 14px; margin-bottom: 0; color: #999999; }
.innerContent .articleTitle div.audio { background: url(../images/audio-icon.png) center center no-repeat; margin: -3px 5px 0 0; display: inline-block; overflow: hidden; float: left; }
.innerContent .articleTitle div.audio .sm2-360btn-default { background: url(../images/audio-icon.png) center center no-repeat; }
.innerContent .articleTitle div.audio .sm2_playing .sm2-360btn-default { background: none; }
.innerContent .articleTitle div.audio .sm2-timing { line-height: 60px; font-family: 'Helvetica'; font-size: 20px; line-height: 60px; font-weight: normal; font-style: normal; color: #333333; text-transform: none; }
.innerContent .articleTeaser { margin: 0 0 20px; }
.innerContent .articleTeaser > p { font-size: 18px; line-height: 26px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Bold', Garamond, serif; }
.innerContent .articleTeaser > p a { border-bottom: #707070; border-bottom-style: dotted; border-bottom-width: thin; }
.innerContent .articleTeaser .csc-firstHeader { font-size: 44px; }
.innerContent h1, .innerContent h2 { margin: 60px 0 25px; }
.innerContent figcaption, .innerContent p.figCaption { margin: 0 0 35px; padding: 10px 0 0; font-size: 13px; line-height: 120%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: #969696; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; }
.innerContent .asideSection { width: 100%; margin: 0 0 20px; }
@media (min-width: 670px) and (max-width: 1010px) { .innerContent .asideSection { width: 30%; float: left; } }
@media (min-width: 1010px) and (max-width: 1250px) { .innerContent .asideSection { width: 320px; float: left; } }
@media (min-width: 1250px) { .innerContent .asideSection { width: 330px; float: left; } }
.innerContent .asideSection em { font-style: italic; }
.innerContent .asideSection .csc-textpic-imagewrap { float: none; }
.innerContent .asideSection .csc-textpic-imagewrap figure { display: block; }
.innerContent .asideSection .csc-textpic { margin: 0 0 18px; }
.innerContent .asideSection .csc-textpic img { width: 60%; height: auto; margin: 0 auto; }
@media (min-width: 670px) and (max-width: 1010px) { .innerContent .asideSection .csc-textpic img { float: none; width: auto; } }
@media (min-width: 1010px) and (max-width: 1250px) { .innerContent .asideSection .csc-textpic img { float: none; width: auto; } }
@media (min-width: 1250px) { .innerContent .asideSection .csc-textpic img { float: none; width: auto; } }
.innerContent .asideSection .csc-textpic figcaption { width: 66%; float: left; margin-left: 4%; font-size: 14px; line-height: 175%; display: block; }
@media (min-width: 1010px) { .innerContent .asideSection .csc-textpic figcaption { float: none; width: auto; margin: 5px 0 0; } }
.innerContent .asideSection .csc-textpic:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.innerContent .asideSection .external-link-new-window { display: block; margin: 0 0 25px; font-family: 'Futura W01 Book'; font-size: 16px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
.innerContent .asideSection .external-link-new-window:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.innerContent .asideSection p a.mail { border-bottom: #707070; border-bottom-style: dotted; border-bottom-width: thin; }
.innerContent .asideSection .button { float: left; margin: 20px 0 0; padding: 5px 10px; color: white !important; }
.innerContent .asideSection .button:hover { background-color: #999999; }
.innerContent .contentSection { width: 100%; margin: 0 0 50px; }
.innerContent .contentSection h1:first-of-type { margin: 0 0 25px; }
.innerContent .contentSection .articleClosure { width: 13px; height: 5px; background: #000; display: inline-block; text-indent: -99999px; margin: -4px 3px 0; vertical-align: middle; }
@media (min-width: 670px) and (max-width: 1010px) { .innerContent .contentSection { width: 67%; float: right; margin: 0 0 50px 3%; min-height: 600px; } }
@media (min-width: 1010px) and (max-width: 1250px) { .innerContent .contentSection { width: 480px; float: right; margin: 0 0 50px 20px; min-height: 600px; } }
@media (min-width: 1250px) { .innerContent .contentSection { width: 580px; float: right; margin: 0 0 50px 60px; min-height: 600px; } }
.innerContent .contentSection .articleTeaser { margin: 8px 0; }
.innerContent .contentSection h3 { margin: 40px 0 15px; }
.innerContent .contentSection b { font-family: 'Sabon LT W01 Bold'; }
.innerContent .contentSection em { font-style: italic; }
.innerContent .contentSection ul { margin: 0 0 20px; }
.innerContent .contentSection ul li { margin: 0 20px; list-style-type: disc; }
.innerContent .contentSection .csc-textpic { overflow: visible; }
.innerContent .contentSection .greenBox { margin: 18px 0; background-color: #E4F4EA; padding: 12px 16px; }
.innerContent .contentSection .greenBox strong { font-family: 'Sabon LT W01 Bold'; }
.innerContent .contentSection .greenBox h1, .innerContent .contentSection .greenBox h2 { margin: 10px 0 8px; }
.innerContent .contentSection .greenBox h3 { margin: 0px 0 6px; }
.innerContent .contentSection table { width: 100%; margin: 4px 0 18px 0; }
.innerContent .contentSection table caption { font-size: 24px; line-height: 120%; margin: 60px 0 25px; font-weight: normal; }
.innerContent .contentSection table tr td, .innerContent .contentSection table tr th { width: 1%; border-bottom: 1px solid black; padding: 8px 2px 6px; }
.innerContent .contentSection table tr th { font-family: 'Sabon LT W01 Bold'; }
.innerContent .contentSection .world-in-numbers { margin: 0 0 50px; }
.innerContent .contentSection .world-in-numbers table tr { border-bottom: 1px dotted black; min-height: 30px; }
.innerContent .contentSection .world-in-numbers table tr .td-0 { width: 74%; padding: 5px 0; border: none; }
.innerContent .contentSection .world-in-numbers table tr .td-1 { width: auto; vertical-align: bottom; text-align: right; padding: 0; border: none; font-size: 28px; line-height: 100%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Bold', Garamond, serif; white-space: nowrap; }
.innerContent .contentSection .world-in-numbers table tr .td-1 span { padding: 0 0 0 5px; background-color: #fff; }
.innerContent .contentSection .world-in-numbers table tr:hover { background: white; }
.innerContent .contentSection .world-in-numbers table tr.tr-0 .td-0 { padding: 0 0 5px 0; }
.innerContent .contentSection .world-in-numbers table tr.space-row { height: 65px; border: none; padding: 30px 0 5px; }
.innerContent .contentSection .world-in-numbers table.size-very-small .td-1 { font-size: 18px; }
.innerContent .contentSection .world-in-numbers table.size-small .td-1 { font-size: 22px; }
.innerContent .contentSection .world-in-numbers table.size-normal .td-1 { font-size: 28px; }
.innerContent .contentSection .world-in-numbers table.size-large .td-1 { font-size: 32px; }
.innerContent .contentSection .articleTags { color: #999999; margin: 30px 0; }
.innerContent .contentSection .articleTags span { font-family: 'Sabon LT W01 Bold'; font-size: 12px; text-decoration: underline; padding: 0 8px 0 0; }
.innerContent .contentSection .articleTags a.meta { display: inline-block; font-size: 12px; margin: 0 3px; color: #999999; }
.innerContent .contentSection .articleTags a.meta:hover { text-decoration: underline; }
.innerContent .contentSection #socialshareprivacy { margin: 10px 0; }
.innerContent .contentSection #socialshareprivacy ul li { list-style-type: none; }
.innerContent .articleAside { width: 100%; margin: 40px 0 50px; }
.innerContent .articleAside:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
@media (min-width: 670px) and (max-width: 1010px) { .innerContent .articleAside { float: left; width: 30%; } }
@media (min-width: 1010px) and (max-width: 1250px) { .innerContent .articleAside { float: left; width: 320px; } }
@media (min-width: 1250px) { .innerContent .articleAside { float: left; width: 330px; } }
.innerContent .articleAside .donateHeadline { font-size: 18px; margin: 60px 0 15px; }
.innerContent .articleAside .donatePaypal, .innerContent .articleAside .donateFlattr { margin: 8px 0; font-family: 'Futura W01 Book'; font-size: 16px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
.innerContent .articleAside .donateFlattr:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.innerContent .articleAside .donateFlattr iframe { margin-left: 12px; position: relative; top: 4px; }
.innerContent .articleAside .donatePaypal:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.innerContent .articleAside .donatePaypal form { display: inline; background-color: transparent; padding: 0; }
.innerContent .articleAside .donatePaypal form .donatePaybalButton { border: 0; background: none; font-family: 'Futura W01 Book'; font-size: 16px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; margin: 0; padding: 0; position: relative; left: -5px; cursor: pointer; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.innerContent .articleAside .articleLinks { font-family: 'Futura W01 Book'; font-size: 14px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
.innerContent .articleAside .articleLinks li { margin: 5px 0; }
.innerContent .articleAside .articleLinks li a { color: black !important; border: none; }
.innerContent .articleAside .articleLinks li a:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.innerContent .articleAside .articleLinks li a:hover { color: #05a131; }
.innerContent .articleAside .articleLinks li a:hover:before { color: #05a131; }
.innerContent .articleAside .articleLinks li.buyIssue a:hover { color: #ff4948; }
.innerContent .articleAside .articleLinks li.buyIssue a:hover:before { color: #ff4948; }
.innerContent.full { width: 100%; margin: 0; }
.innerContent.full .asideSection, .innerContent.full .articleAside { width: 100%; }
.innerContent.full .articleTitle { width: 100%; }
.innerContent.full .contentSection { width: 100%; }
.innerContent.full div.firstCol { width: 100%; min-height: 1px; margin: 0; overflow: visible; }
.innerContent.full div.firstCol .asideSection img { margin: 0 0 18px; }
.innerContent.full div.secondCol { width: 100%; margin: 0 0 50px 0; }
.innerContent.full div.secondCol h1, .innerContent.full div.secondCol h2 { margin: 60px 0 25px; }
.innerContent.full div.secondCol div:first-child h1:first-child, .innerContent.full div.secondCol div:first-child h2:first-child { margin-top: 0; }
.innerContent.full .csc-default > .csc-textpic.csc-textpic-right .csc-textpic-imagewrap { text-align: right; }
.innerContent.full .csc-default > .csc-textpic .csc-textpic-imagewrap { float: none; }
.innerContent.full .csc-default > .csc-textpic figure { display: inline-block; }
.innerContent.full .csc-default > .csc-textpic figure figcaption { display: block; }
@media (min-width: 670px) and (max-width: 1010px) { .innerContent.full div.firstCol { width: 30%; }
  .innerContent.full div.secondCol { width: 67%; margin: 0 0 50px 3%; } }
@media (min-width: 670px) { .innerContent.full div.firstCol aside { display: block; } }
@media (min-width: 1010px) and (max-width: 1250px) { .innerContent.full div.firstCol { width: 320px; }
  .innerContent.full div.secondCol { width: 480px; margin: 0 0 50px 20px; } }
@media (min-width: 1250px) { .innerContent.full div.firstCol { width: 330px; }
  .innerContent.full div.secondCol { width: 580px; margin: 0 0 50px 60px; } }

#content .innerContent h2 strong { font-size: 24px; line-height: 120%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }

.csc-textpic-center-outer { max-width: 100%; }
.csc-textpic-center-outer .csc-textpic-center-inner { max-width: 100%; }
.csc-textpic-center-outer .csc-textpic-center-inner .csc-textpic-image { display: block; }

.articleMeta { margin: 30px 0; }
.articleMeta:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.articleMeta .relatedArticles { overflow: hidden; }
@media (min-width: 1250px) { .articleMeta .relatedArticles { width: 388px; float: left; margin: 0 18px 0 0; } }
@media (min-width: 1010px) and (max-width: 1250px) { .articleMeta .relatedArticles { width: 308px; float: left; margin: 0 18px 0 0; } }
@media (min-width: 670px) and (max-width: 1010px) { .articleMeta .relatedArticles { margin: 25px 0 0; } }
.articleMeta .relatedByIssue { overflow: hidden; }
@media (min-width: 1250px) { .articleMeta .relatedByIssue { width: 794px; float: right; } }
@media (min-width: 1010px) and (max-width: 1250px) { .articleMeta .relatedByIssue { width: 634px; float: right; } }
.articleMeta .relatedTitle { display: block; margin: 0 0 10px; padding: 15px 8px 5px; border-bottom: 1px solid #999999; letter-spacing: 1px; font-family: 'Dot Matrix'; font-size: 11px; line-height: 16px; font-weight: normal; font-style: normal; color: #999999; text-transform: uppercase; letter-spacing: 1px; }
.articleMeta .relatedWrapper { display: block; }
.articleMeta .relatedWrapper:hover { color: black; }
.articleMeta .relatedWrapper:hover .more { color: #05a131; }
.articleMeta p.more { font-size: 14px; line-height: 20px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
.articleMeta p.more:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.articleMeta .relatedFirst { padding: 0 0 40px; text-align: center; }
@media (min-width: 670px) and (max-width: 1010px) { .articleMeta .relatedFirst { width: 49%; float: left; padding: 0; margin: 0 2% 0 0; } }
.articleMeta .relatedFirst .relatedWrapper { padding: 0 15px; }
.articleMeta .relatedFirst h3 { margin: 20px 0; font-size: 25px; }
.articleMeta .relatedList { padding: 7px 0 0; font-family: 'Futura W01 Book'; font-size: 14px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
@media (min-width: 670px) and (max-width: 1010px) { .articleMeta .relatedList { width: 49%; float: left; padding: 0; } }
.articleMeta .relatedList li { margin: 5px 0; }
.articleMeta .relatedList li:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.articleMeta .relatedList li:before { float: left; }
.articleMeta .relatedList li a { display: block; padding: 0 0 0 18px; }
.articleMeta .relatedByIssueTitle { margin: 0 0 10px; padding: 15px 8px 5px; border-bottom: 1px solid #999999; letter-spacing: 1px; font-family: 'Dot Matrix'; font-size: 11px; line-height: 16px; font-weight: normal; font-style: normal; color: #999999; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 20px; }
@media (min-width: 1010px) { .articleMeta .relatedByIssueTitle { display: none; } }
@media (min-width: 1250px) { .articleMeta .relatedItem { float: left; width: 388px; } }
@media (min-width: 1010px) and (max-width: 1250px) { .articleMeta .relatedItem { float: left; width: 308px; } }
@media (min-width: 670px) and (max-width: 1010px) { .articleMeta .relatedItem { float: left; width: 49%; } }
.articleMeta .relatedItem.firstItem { margin: 0 18px 0 0; }
@media (min-width: 670px) and (max-width: 1010px) { .articleMeta .relatedItem.firstItem { margin: 0 2% 0 0; } }
.articleMeta .relatedItem.landscape .relatedWrapper { padding: 0 10px; }
.articleMeta .relatedItem.landscape img { width: 100%; height: auto; }
.articleMeta .relatedItem .relatedWrapper { padding: 0 15px; }
.articleMeta .relatedItem h3 { margin: 20px 0; font-size: 25px; }
.articleMeta .relatedItem:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }

.nextPrevArticle { width: 100%; margin: 50px 0 0; }
.nextPrevArticle ul { font-family: 'Futura W01 Book'; font-size: 14px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
.nextPrevArticle ul:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.nextPrevArticle ul .prev { float: left; padding: 0 0 0 18px; background: url(../images/arrow_to_left_grey.png) no-repeat 0 6px; }
.nextPrevArticle ul .next { float: right; padding: 0 18px 0 0; background: url(../images/arrow_to_right_grey.png) no-repeat right 6px; }

/*
*** Carousel
*/
.articleContent nav.carousel { margin: 40px 0; text-align: center; border-top: 1px solid black; }
.articleContent nav.carousel .controls { position: relative; margin: 0 auto; width: 100%; height: 297px; overflow: hidden; *zoom: 1; }
@media (min-width: 1010px) and (max-width: 1250px) { .articleContent nav.carousel .controls { height: 318px; } }
@media (min-width: 1250px) { .articleContent nav.carousel .controls { height: 220px; } }
.articleContent nav.carousel .controls > .button { position: absolute; top: 150px; padding: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .articleContent nav.carousel .controls > .button { top: 160px; } }
@media (min-width: 1250px) { .articleContent nav.carousel .controls > .button { top: 109px; } }
.articleContent nav.carousel .controls > .button:hover { position: absolute; }
.articleContent nav.carousel .controls > .previous.button { left: 0; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1148px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; background-color: transparent; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .articleContent nav.carousel .controls > .previous.button { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1461px; height: 38px; width: 20px; } }
.articleContent nav.carousel .controls > .previous.button:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1105px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .articleContent nav.carousel .controls > .previous.button:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1504px; height: 38px; width: 20px; } }
.articleContent nav.carousel .controls > .next.button { right: 0; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1234px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; background-color: transparent; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .articleContent nav.carousel .controls > .next.button { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1399px; height: 38px; width: 20px; } }
.articleContent nav.carousel .controls > .next.button:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1191px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .articleContent nav.carousel .controls > .next.button:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1274px; height: 38px; width: 20px; } }
.articleContent nav.carousel .controls > div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.articleContent nav.carousel h4 { padding: 0 40px; margin-top: 23px; }
.articleContent nav.carousel .view, .articleContent nav.carousel .jcarousel, .articleContent nav.carousel article { height: 267px; }
@media (min-width: 1010px) and (max-width: 1250px) { .articleContent nav.carousel .view, .articleContent nav.carousel .jcarousel, .articleContent nav.carousel article { height: 287px; } }
@media (min-width: 1250px) { .articleContent nav.carousel .view, .articleContent nav.carousel .jcarousel, .articleContent nav.carousel article { height: 188px; } }
.articleContent nav.carousel .view { position: absolute; overflow: hidden; left: 50%; width: 220px; margin: 30px 0 0 -110px; }
@media (min-width: 670px) and (max-width: 1010px) { .articleContent nav.carousel .view { width: 372px; margin: 30px 0 0 -186px; } }
@media (min-width: 1010px) and (max-width: 1250px) { .articleContent nav.carousel .view { width: 400px; margin: 30px 0 0 -200px; } }
@media (min-width: 1250px) { .articleContent nav.carousel .view { width: 262px; margin: 30px 0 0 -131px; } }
.articleContent nav.carousel .jcarousel { position: absolute; overflow: hidden; width: 100%; }
.articleContent nav.carousel .jcarousel > div { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; }
.articleContent nav.carousel article { float: left; margin: 0 5px 0 0; width: 220px; }
@media (min-width: 670px) and (max-width: 1010px) { .articleContent nav.carousel article { width: 372px; } }
@media (min-width: 1010px) and (max-width: 1250px) { .articleContent nav.carousel article { width: 400px; } }
@media (min-width: 1250px) { .articleContent nav.carousel article { width: 262px; } }
.articleContent nav.carousel figure { position: relative; width: 100%; height: 100%; cursor: pointer; }
.articleContent nav.carousel figure a:link.fancybox { display: block; }
.articleContent nav.carousel figure img { display: block; }
.articleContent nav.carousel figure img, .articleContent nav.carousel figure figcaption { position: absolute; width: auto; height: auto; }
.articleContent nav.carousel figure figcaption { display: none; }
.articleContent nav.carousel figure p.abstract { height: 108px; margin: 0; padding: 25px; overflow: hidden; text-align: left; }
@media (min-width: 670px) and (max-width: 1010px) { .articleContent nav.carousel figure p.abstract { height: 217px; } }
@media (min-width: 1010px) and (max-width: 1250px) { .articleContent nav.carousel figure p.abstract { height: 207px; padding: 40px 25px; } }
@media (min-width: 1250px) { .articleContent nav.carousel figure p.abstract { height: 108px; padding: 40px 25px; } }
.articleContent nav.carousel figure a:link, .articleContent nav.carousel figure a:visited { position: static; display: inline-block; width: auto; }

body #content .carousel + figcaption, body #content .carousel + .figCaption { padding: 0; }

body #content .asideSection .external-link-new-window { color: black; }
body #content .asideSection .external-link-new-window:hover { color: #05a131; }

.innerContent .contentSection .tip-a-friend-content, .innerContent .contentSection .leserbrief-header { margin: 0 0 40px; }
.innerContent .contentSection .tip-a-friend-content h2, .innerContent .contentSection .leserbrief-header h2 { font-size: 44px; margin: 20px 0 25px; }
.innerContent .contentSection .tip-a-friend-content h3, .innerContent .contentSection .leserbrief-header h3 { margin: 0; }

.articleList { position: relative; }
.articleList .articleListItem { width: 100%; padding: 35px 0; overflow: hidden; position: relative; border-bottom: 1px solid #999999; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.articleList .articleListItem a { color: black !important; }
.articleList .articleListItem:hover { background-color: #f8f7f6; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
@media (max-width: 1010px) { .articleList .articleListItem { padding: 35px 10px; } }
.articleList .articleListItem > a { display: block; overflow: hidden; padding: 0; }
.articleList .articleListItem > a:hover { color: black; }
.articleList .articleListItem.last-item { border: none; }
.articleList .ajax-loader { position: absolute; width: 100%; height: 100%; z-index: 100; background-color: rgba(255, 255, 255, 0.7); }
.articleList .ajax-loader .icon { position: absolute; width: 16px; height: 16px; top: 10px; left: 50%; margin: 0 0 0 -8px; background-image: url('../images/ajax-loader.gif?1456220446'); }
.articleList .articleListItemMeta { display: block; width: 100%; text-align: center; overflow: hidden; margin: 0 0 10px; }
@media (min-width: 670px) and (max-width: 1010px) { .articleList .articleListItemMeta { margin: 0 0 18px; } }
@media (min-width: 1010px) { .articleList .articleListItemMeta { float: left; width: 19%; margin: 8px 0 0; text-align: right; } }
.articleList .articleListItemMeta p { text-align: center; width: 100%; margin: 5px 0; }
@media (min-width: 1010px) { .articleList .articleListItemMeta p { float: none; text-align: right; display: block; margin: 0 10px 5px 0; width: auto; } }
.articleList .articleListItemContent { width: 100%; text-align: center; }
@media (min-width: 670px) { .articleList .articleListItemContent { float: left; width: 77%; margin: 0 2% 0 2%; text-align: left; }
  .articleList .articleListItemContent.articleListItemWithImage { width: 50%; } }
.articleList .articleListItemContent h2 { margin: 0 0 20px; text-align: center; }
@media (max-width: 670px) { .articleList .articleListItemContent h2 { margin: 15px 0 30px; } }
@media (min-width: 670px) { .articleList .articleListItemContent h2 { text-align: left; } }
.articleList .articleListItemContent > p:last-of-type:after { content: "\25b6"; font-size: 13px; margin: 0 0 0 7px; }
.articleList .articleListItemImage { width: 50%; margin: 20px auto 0; }
@media (min-width: 670px) { .articleList .articleListItemImage { float: left; width: 40%; height: auto; margin: 0 2% 0 4%; } }
@media (min-width: 1010px) { .articleList .articleListItemImage { float: left; width: 25%; height: auto; margin: 0 2% 0 0; } }
.articleList .articleListItemImage img { width: 100%; height: auto; }
.articleList .articleTags { width: 100%; margin: 20px 0 0 0; text-align: center; }
.articleList .articleTags span { margin: 0 10px 0 0; }
.articleList .articleTags a { display: inline-block; margin: 0 2px; }
@media (min-width: 1010px) { .articleList .articleTags { margin: 15px 0 0 21%; text-align: left; } }

.history-section { width: 100%; overflow: hidden; position: relative; padding: 50px 0 15px; font-size: 16px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
@media (min-width: 670px) { .history-section { padding: 75px 0 0; } }
.history-section.timeline { padding: 15px 0 0; }
.history-section .history-wrapper { position: relative; width: 81.5%; height: 100%; }
@media (min-width: 1010px) { .history-section .history-wrapper { width: 91.5%; } }
.history-section .character { position: absolute; margin: -45px 0 0 0; padding: 30px 26px; border: 6px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 38px; background-color: #fff; }
@media (min-width: 670px) { .history-section .character { margin: -55px 0 0 0; padding: 40px 35px; font-size: 44px; } }
.history-section .character.left { left: 5px; }
@media (min-width: 670px) and (max-width: 1010px) { .history-section .character.left { left: 30px; } }
@media (min-width: 1010px) { .history-section .character.left { left: 70px; } }
.history-section .character.right { right: 5px; }
@media (min-width: 670px) and (max-width: 1010px) { .history-section .character.right { right: 30px; } }
@media (min-width: 1010px) { .history-section .character.right { right: 70px; } }
.history-section .outline { position: absolute; width: 120px; height: 20px; margin: -35px 0 0 -66px; padding: 49px 0 51px; font-family: 'Dot Matrix'; font-size: 17px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; letter-spacing: 1px; text-align: center; text-transform: uppercase; border: 6px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #fff; }
@media (min-width: 1010px) { .history-section .outline { width: 150px; height: 20px; margin: -35px 0 0 -81px; padding: 66px 0 64px; } }
.history-section .section-header { width: 70%; min-height: 85px; text-align: center; line-height: 175%; }
@media (min-width: 1010px) { .history-section .section-header { width: 60%; } }
.history-section .dot { position: absolute; left: 50%; margin: -5px 0 0 -6px; border: 6px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 3px white; -moz-box-shadow: 0 0 0 3px white; box-shadow: 0 0 0 3px white; }
.history-section .marker { position: absolute; top: 0; border: 9px solid #000; z-index: 10000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 8px white; -moz-box-shadow: 0 0 0 8px white; box-shadow: 0 0 0 8px white; }
.history-section .date { position: absolute; width: 98%; margin: -20px 0 0; background-color: transparent; text-align: center; }
.history-section .date .text { display: inline-block; padding: 0 15px; font-size: 22px; background-color: white; }
.history-section .story { overflow: hidden; padding: 70px 3% 10px; border-top: 1px solid #000; }
@media (min-width: 670px) and (max-width: 1010px) { .history-section .story { padding: 45px 20% 10px; } }
@media (min-width: 1010px) and (max-width: 1250px) { .history-section .story { padding: 25px 23% 10px; } }
@media (min-width: 1250px) { .history-section .story { padding: 25px 25% 10px; } }
.history-section .story.timeline { padding: 30px 3%; }
@media (min-width: 670px) and (max-width: 1010px) { .history-section .story.timeline { padding: 25px 20%; } }
@media (min-width: 1010px) and (max-width: 1250px) { .history-section .story.timeline { padding: 25px 0 10px; } }
@media (min-width: 1250px) { .history-section .story.timeline { padding: 25px 0 10px; } }
.history-section .story .story-content { float: none; width: 80%; margin: 10px auto; }
@media (min-width: 1010px) { .history-section .story .story-content { float: left; width: 50%; margin: 2% 0 3% 25%; } }
.history-section .story .headline { font-size: 20px; text-transform: uppercase; }
.history-section .story .delimiter { display: inline-block; padding: 0 10px; }
.history-section .face { float: none; display: block; width: 120px; height: 120px; margin: 20px auto; border: 2px solid #cecac2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.history-section .face:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
@media (min-width: 1010px) { .history-section .face { float: right; margin: 0 2% 0 0; } }

.history-outer-wrapper.left .history-section .history-wrapper { margin: 0 0 0 18%; border-left: 5px solid #cecac2; }
@media (min-width: 1010px) { .history-outer-wrapper.left .history-section .history-wrapper { margin: 0 0 0 8%; } }
.history-outer-wrapper.left .history-section .history-wrapper.last { border-left: 5px solid transparent; }
.history-outer-wrapper.left .history-section .history-wrapper .section-header { margin: 10px 20px 60px 75px; }
@media (min-width: 1010px) { .history-outer-wrapper.left .history-section .history-wrapper .section-header { margin: 10px auto 60px; } }
.history-outer-wrapper.left .history-section .marker { left: 0; margin: -8px 0 0 -11px; }
.history-outer-wrapper.right .history-section .history-wrapper { margin: 0 15% 0 0; border-right: 5px solid #cecac2; }
@media (min-width: 1010px) { .history-outer-wrapper.right .history-section .history-wrapper { margin: 0 8% 0 0; } }
.history-outer-wrapper.right .history-section .history-wrapper.last { border-right: 5px solid transparent; }
.history-outer-wrapper.right .history-section .history-wrapper .section-header { margin: 10px 75px 60px 20px; }
@media (min-width: 1010px) { .history-outer-wrapper.right .history-section .history-wrapper .section-header { margin: 10px auto 60px; } }
.history-outer-wrapper.right .history-section .outline { right: 0; margin: -35px -66px 0 0; }
@media (min-width: 1010px) { .history-outer-wrapper.right .history-section .outline { margin: -35px -81px 0 0; } }
.history-outer-wrapper.right .history-section .marker { right: 0; margin: -8px -11px 0 0; }

#product .productTeaser { overflow: hidden; /* ** Quote Box. ** Examples: Corporate Publishing. */ }
#product .productTeaser .productTeaserCol { float: left; padding: 0 0 30px 0; }
#product .productTeaser .productTeaserCol.leftCol { width: 80%; margin: 0 10%; }
@media (min-width: 1010px) { #product .productTeaser .productTeaserCol.leftCol { width: 270px; margin: 0 80px; } }
@media (min-width: 1250px) { #product .productTeaser .productTeaserCol.leftCol { width: 320px; margin: 0 100px; } }
#product .productTeaser .productTeaserCol.leftCol .product-link { margin: 20px 0 10px 0; }
#product .productTeaser .productTeaserCol.leftCol .product-link a { margin-left: 0; }
#product .productTeaser .productTeaserCol.leftCol .product-link a:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; }
#product .productTeaser .productTeaserCol.rightCol { width: 100%; }
@media (min-width: 1010px) { #product .productTeaser .productTeaserCol.rightCol { width: 520px; } }
@media (min-width: 1250px) { #product .productTeaser .productTeaserCol.rightCol { width: 570px; } }
#product .productTeaser .productTeaserCol.rightCol h2 { padding-top: 25px; }
#product .productTeaser .productTeaserCol img { width: auto; height: auto; margin: 0 auto; }
#product .productTeaser .quoteWrapper { padding: 5px 0; }
#product .productTeaser .quoteWrapper .quoteText { margin: 0; padding: 20px 15px; font-size: 20px; line-height: 155%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; text-align: center; border-bottom: 1px solid #999999; }
#product .productTeaser .quoteWrapper .quotePerson { margin: -1px 0 0; padding: 40px 20px 0 0; background: none; background: url("../images/bg_quote.png") no-repeat transparent top right; font-size: 16px; line-height: 20px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: #999999; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; text-align: right; }
#product .productTeaser .quoteWrapper .quotePerson:before, #product .productTeaser .quoteWrapper .quotePerson:after { content: ""; margin: 0; line-height: 100%; }
#product .productTeaser .quoteWrapper blockquote { padding: 0; }
#product header.separator { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; }
#product header.separator span { display: block; text-align: center; }
@media (min-width: 1010px) { #product header.separator span { text-align: left; } }
#product header.separator a, #product header.separator header, #product header.separator h1, #product header.separator h2, #product header.separator h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
#product header.separator h1, #product header.separator h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
#product header.separator ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
#product header.separator ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
#product header.separator ul li:first-child, #product header.separator ul li.first { padding-left: 0; }
#product header.separator ul li:last-child { padding-right: 0; }
#product header.separator ul li.last { padding-right: 0; }
#product header.separator ul li span { color: white; }

#corporate-list { width: 100%; margin: 0 auto; position: relative; background: transparent; }
@media (min-width: 1010px) { #corporate-list { background: url("../images/bg_corporate_list_repeat.png") repeat-y 3px -5px; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } }
@media (min-width: 1250px) { #corporate-list { background-position: 3px 1px; } }
#corporate-list nav.viewstyle { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; line-height: 0; height: auto; display: none; }
#corporate-list nav.viewstyle span { display: block; text-align: center; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle span { text-align: left; } }
#corporate-list nav.viewstyle a, #corporate-list nav.viewstyle header, #corporate-list nav.viewstyle h1, #corporate-list nav.viewstyle h2, #corporate-list nav.viewstyle h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
#corporate-list nav.viewstyle h1, #corporate-list nav.viewstyle h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
#corporate-list nav.viewstyle ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
#corporate-list nav.viewstyle ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
#corporate-list nav.viewstyle ul li:first-child, #corporate-list nav.viewstyle ul li.first { padding-left: 0; }
#corporate-list nav.viewstyle ul li:last-child { padding-right: 0; }
#corporate-list nav.viewstyle ul li.last { padding-right: 0; }
#corporate-list nav.viewstyle ul li span { color: white; }
#corporate-list nav.viewstyle h1, #corporate-list nav.viewstyle h2.divider { margin-top: 0; }
@media (min-width: 670px) and (max-width: 1010px) { #corporate-list nav.viewstyle h1, #corporate-list nav.viewstyle h2.divider { display: none; } }
@media (max-width: 670px) { #corporate-list nav.viewstyle h1, #corporate-list nav.viewstyle h2.divider { display: none; } }
@media (max-width: 1010px) { #corporate-list nav.viewstyle .selector-wrapper { width: 100%; text-align: center; } }
#corporate-list nav.viewstyle ul { width: auto; height: auto; }
#corporate-list nav.viewstyle ul li { width: auto; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #333; box-sizing: border-box; background: black; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li { width: auto; border-left: none; padding: 0; } }
#corporate-list nav.viewstyle ul li:first-of-type { border-left: none; }
#corporate-list nav.viewstyle ul li:first-of-type:hover, #corporate-list nav.viewstyle ul li:first-of-type:hover span { background: black; cursor: default; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li:first-of-type { width: auto; } }
#corporate-list nav.viewstyle ul li:first-of-type span.hide-mobile { display: none; }
#corporate-list nav.viewstyle ul li:hover { background: #333; cursor: pointer; }
#corporate-list nav.viewstyle ul li:hover span { background: #333; }
#corporate-list nav.viewstyle ul li .hide-desktop { display: block; padding: 1px 13px 0 12px; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li .hide-desktop { display: none; margin: 0; } }
#corporate-list nav.viewstyle ul li span { padding: 0; line-height: 19px; float: none; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li span { line-height: 26px; } }
#corporate-list nav.viewstyle ul li a { background: none; display: block; float: none; line-height: 15px; position: relative; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li a { width: auto; color: white; padding-left: 12px; } }
#corporate-list nav.viewstyle ul li a i { display: inline-block; color: #ccc; float: none; margin-top: 0; margin-bottom: 0; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li a i { margin: 0 10px -4px 0; } }
#corporate-list nav.viewstyle ul li a span { display: none; vertical-align: 2px; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li a span { display: inline-block; } }
#corporate-list nav.viewstyle ul li a.thumb i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1557px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate-list nav.viewstyle ul li a.thumb i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1656px; height: 17px; width: 17px; } }
#corporate-list nav.viewstyle ul li a.thumb:hover i, #corporate-list nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1603px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate-list nav.viewstyle ul li a.thumb:hover i, #corporate-list nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1700px; height: 17px; width: 17px; } }
#corporate-list nav.viewstyle ul li a.list i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -637px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate-list nav.viewstyle ul li a.list i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1678px; height: 17px; width: 17px; } }
#corporate-list nav.viewstyle ul li a.list:hover i, #corporate-list nav.viewstyle ul li a.list.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1277px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate-list nav.viewstyle ul li a.list:hover i, #corporate-list nav.viewstyle ul li a.list.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1746px; height: 17px; width: 17px; } }
#corporate-list nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1427px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate-list nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -537px; height: 17px; width: 17px; } }
#corporate-list nav.viewstyle ul li a.alphabetical:hover i, #corporate-list nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1511px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate-list nav.viewstyle ul li a.alphabetical:hover i, #corporate-list nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1566px; height: 17px; width: 17px; } }
@media (min-width: 1010px) { #corporate-list nav.viewstyle { position: absolute; display: block; top: -60px; z-index: 150; } }
#corporate-list nav.viewstyle ul li.active { background-color: #333; }
#corporate-list nav.viewstyle ul li:hover a span { color: #fff; }
#corporate-list nav.viewstyle ul li a span { color: #ccc; }
#corporate-list nav.viewstyle ul li a.active span { color: #fff; }
#corporate-list nav.viewstyle ul li a i { line-height: 19px; }
@media (min-width: 1010px) { #corporate-list nav.viewstyle ul li a i { display: none; } }
#corporate-list .corporate-list-wrap2 { overflow: hidden; width: 60%; margin-top: -64%; padding: 0 20%; }
@media (min-width: 670px) and (max-width: 1010px) { #corporate-list .corporate-list-wrap2 { width: 54%; margin-top: -38%; padding: 0 23%; } }
@media (min-width: 1010px) and (max-width: 1250px) { #corporate-list .corporate-list-wrap2 { width: 591px; margin-top: -306px; padding: 0 186px; } }
@media (min-width: 1250px) { #corporate-list .corporate-list-wrap2 { width: 960px; margin-top: -389px; padding: 0 130px; } }
#corporate-list article.issue { float: left; width: 100%; padding: 0 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
@media (max-width: 1010px) { #corporate-list article.issue { width: 100%; height: auto; padding: 0 6%; } }
@media (min-width: 1010px) and (max-width: 1250px) { #corporate-list article.issue { width: 196px; height: 280px; padding: 0 20px; } }
@media (min-width: 1250px) { #corporate-list article.issue { width: 240px; height: 350px; padding: 0 20px; } }
#corporate-list article.issue figure { position: relative; cursor: pointer; }
#corporate-list article.issue figure figcaption { position: absolute; top: 0; width: 100%; height: 98%; text-align: center; margin: auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, 0.9); -webkit-transition: opacity 400ms ease-in, visibility 0s linear; -webkit-transition-delay: 0s, 400ms; -moz-transition: opacity 400ms ease-in, visibility 0s linear 400ms; -o-transition: opacity 400ms ease-in, visibility 0s linear 400ms; transition: opacity 400ms ease-in, visibility 0s linear 400ms; }
#corporate-list article.issue figure figcaption p.issue { padding: 60px 20px 0; font-size: 20px; color: black; }
@media (max-width: 1010px) { #corporate-list article.issue figure figcaption p.issue { display: none; } }
@media (min-width: 1010px) and (max-width: 1250px) { #corporate-list article.issue figure figcaption p.issue { padding: 30px 20px 10px; } }
@media (min-width: 1250px) { #corporate-list article.issue figure figcaption p.issue { padding: 60px 20px 0; } }
#corporate-list article.issue figure figcaption a.button { margin: 5px !important; display: block; }
#corporate-list article.issue figure figcaption a.button:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; }
@media (min-width: 670px) and (max-width: 1010px) { #corporate-list article.issue figure figcaption a.button { margin: 15px 25px !important; } }
@media (min-width: 1010px) and (max-width: 1250px) { #corporate-list article.issue figure figcaption a.button { margin: 5px 25px !important; } }
@media (min-width: 1250px) { #corporate-list article.issue figure figcaption a.button { margin: 10px 25px !important; } }
@media (max-width: 1010px) { #corporate-list article.issue figure.with-shoplink:hover figcaption { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; -o-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; transition-delay: 0s; } }
@media (min-width: 670px) { #corporate-list article.issue figure:hover figcaption { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; -o-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; transition-delay: 0s; } }

@media (max-width: 1010px) { #c-20674 { background-image: none !important; } }
/** Navigation container **/
.carousel-navigation { width: 100%; }
@media (min-width: 1010px) { .carousel-navigation { height: 60px; } }

.carousel-navigation li { cursor: pointer; }

.carousel-navigation li a { display: block; }
@media (min-width: 1010px) { .carousel-navigation li a { border: 2px solid #fff; } }

@media (min-width: 1010px) { .carousel-navigation li.active a { border: 2px solid #ccc; } }
#corporate { /** Shared carousel styles **/ /** Stage container **/ /** Stage carousel controls **/ }
#corporate .corporateCarousel { position: relative; overflow: hidden; }
#corporate .corporateCarousel ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; }
#corporate .corporateCarousel li { float: left; }
#corporate #corporateCarouselWrapper { position: relative; /** Stage carousel specific styles **/ }
#corporate #corporateCarouselWrapper .carousel-stage { overflow: hidden; position: relative; padding-bottom: 60%; }
@media (min-width: 670px) { #corporate #corporateCarouselWrapper .carousel-stage { padding-bottom: 35%; } }
#corporate #corporateCarouselWrapper .carousel-stage ul { position: absolute; list-style: none; margin: 0; padding: 0; width: 600%; }
#corporate #corporateCarouselWrapper .carousel-stage ul li { width: 16.66666%; height: 0; padding-bottom: 10%; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; position: relative; }
#corporate #corporateCarouselWrapper .carousel-stage ul li .item-teaser { position: relative; margin: 30px 80px 0 0; padding: 0; width: 60%; float: right; background: white; text-align: center; opacity: 0.8; z-index: 100; -webkit-box-shadow: 0 0 20px 20px white; -moz-box-shadow: 0 0 20px 20px white; box-shadow: 0 0 20px 20px white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
@media (min-width: 670px) { #corporate #corporateCarouselWrapper .carousel-stage ul li .item-teaser { width: 50%; margin: 80px 80px 0 0; }
  #corporate #corporateCarouselWrapper .carousel-stage ul li .item-teaser h1 { font-size: 28px; } }
@media (min-width: 1010px) { #corporate #corporateCarouselWrapper .carousel-stage ul li .item-teaser { width: 380px; margin: 80px 115px 0 0; }
  #corporate #corporateCarouselWrapper .carousel-stage ul li .item-teaser h1 { font-size: 36px; margin-bottom: 15px; } }
#corporate #corporateCarouselWrapper .carousel-stage ul li h1 { font-size: 24px; margin-bottom: 10px; }
#corporate #corporateCarouselWrapper .carousel-stage ul li p { font-size: 16px; }
#corporate #corporateCarouselWrapper .carousel-stage ul li#c-20674 { background-position-y: 92px; }
@media (min-width: 670px) { #corporate #corporateCarouselWrapper .carousel-stage ul li#c-20674 { background-position-y: 0; } }
#corporate #corporateCarouselWrapper .carousel-stage ul li#c-20674 .item-teaser { display: none; }
#corporate .prev-stage, #corporate .next-stage { display: block; position: absolute; top: 0; width: 15%; height: 100%; z-index: 101; color: #fff; }
#corporate .prev-stage span, #corporate .next-stage span { position: absolute; top: 45%; height: 38px; width: 20px; text-indent: -9999em; }
#corporate .prev-stage { left: 0; border-right: 1px solid transparent; }
#corporate .prev-stage span { left: 20%; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1148px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate .prev-stage span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1461px; height: 38px; width: 20px; } }
#corporate .next-stage { right: 0; border-left: 1px solid transparent; }
#corporate .next-stage span { right: 20%; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1234px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #corporate .next-stage span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1399px; height: 38px; width: 20px; } }
#corporate .prev-stage.inactive, #corporate .next-stage.inactive { display: none; }

.fceProductTeaser { overflow: hidden; text-align: left; }
.fceProductTeaser header { margin: 0; padding: 0; }
.fceProductTeaser header h3 { margin: 0 0 10px; padding: 15px 8px 5px; border-bottom: 1px solid #999999; letter-spacing: 1px; font-family: 'Dot Matrix'; font-size: 11px; line-height: 16px; font-weight: normal; font-style: normal; color: #999999; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 4px; text-align: left; }
.fceProductTeaser .fceProductHeader { float: left; width: 50%; margin: 0 5% 0 0; }
.fceProductTeaser .fceProductCite { float: right; width: 40%; margin: 0 0 0 5%; }
.fceProductTeaser .fceProductCite .quoteText { font-size: 16px !important; text-align: right; }
.fceProductTeaser .fceProductCite .quotePerson { font-size: 14px !important; }
.fceProductTeaser .fceProductText { width: 100%; padding: 12px 0 0; clear: both; }

.threeColsHeader { margin: 30px 0 0; padding: 0; }
.threeColsHeader h2 { margin: 0 0 10px; padding: 15px 8px 5px; border-bottom: 1px solid #999999; letter-spacing: 1px; font-family: 'Dot Matrix'; font-size: 11px; line-height: 16px; font-weight: normal; font-style: normal; color: #999999; text-transform: uppercase; letter-spacing: 1px; }

.wissen #content .threeCols > .firstCol, .wissen #content .threeCols > .secondCol, .wissen #content .threeCols > .thirdCol { margin: 0 0 40px; }
.wissen #content .threeCols > .firstCol h2, .wissen #content .threeCols > .secondCol h2, .wissen #content .threeCols > .thirdCol h2 { margin: 34px 0 30px; }
.wissen #content .threeCols > .secondCol { margin: 0 18px 40px; }
.wissen #content figure figcaption { padding: 7px 0 0; font-size: 14px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; color: #999999; }
.wissen #content .csc-textpic-above figure img { margin: 34px auto 0; }
.wissen #content .twoCols70_30 > div.rightCol .csc-textpic-above .csc-textpic-imagerow figure img, .wissen #content .twoCols30_70 > div.firstCol .csc-textpic-above .csc-textpic-imagerow figure img { margin: 0 auto; }
.wissen #content .twoCols70_30 > div.rightCol .csc-textpic-above .csc-textpic-imagerow:first-of-type figure img, .wissen #content .twoCols30_70 > div.firstCol .csc-textpic-above .csc-textpic-imagerow:first-of-type figure img { margin: 34px auto 0; }

.tx-brand1-events { width: 100%; overflow: hidden; }
.tx-brand1-events .sticky.scroll-to-fixed-fixed { background: white; }
@media (min-width: 1010px) { .tx-brand1-events .sticky.scroll-to-fixed-fixed { border-bottom: 1px solid #333333; } }
.tx-brand1-events .sticky.scroll-to-fixed-fixed nav.viewstyle { background: black; margin: 0; }
.tx-brand1-events .sticky.scroll-to-fixed-fixed nav.viewstyle ul { z-index: 1001; }
.tx-brand1-events .sticky.scroll-to-fixed-fixed nav.viewstyle ul li { padding: 10px 0; }
@media (min-width: 1010px) { .tx-brand1-events .sticky.scroll-to-fixed-fixed nav.viewstyle ul li { padding: 8px 0 10px; } }
.tx-brand1-events .sticky.scroll-to-fixed-fixed nav.viewstyle h1 { display: none; }
.tx-brand1-events .sticky.scroll-to-fixed-fixed nav.viewfilter ul { padding-left: 0 !important; }
.tx-brand1-events .sticky.scroll-to-fixed-fixed .event-nav-pager { display: none; }
.tx-brand1-events nav.viewstyle { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; line-height: 0; height: auto; margin: 0 0 10px; padding: 0; }
.tx-brand1-events nav.viewstyle span { display: block; text-align: center; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle span { text-align: left; } }
.tx-brand1-events nav.viewstyle a, .tx-brand1-events nav.viewstyle header, .tx-brand1-events nav.viewstyle h1, .tx-brand1-events nav.viewstyle h2, .tx-brand1-events nav.viewstyle h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
.tx-brand1-events nav.viewstyle h1, .tx-brand1-events nav.viewstyle h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
.tx-brand1-events nav.viewstyle ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
.tx-brand1-events nav.viewstyle ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
.tx-brand1-events nav.viewstyle ul li:first-child, .tx-brand1-events nav.viewstyle ul li.first { padding-left: 0; }
.tx-brand1-events nav.viewstyle ul li:last-child { padding-right: 0; }
.tx-brand1-events nav.viewstyle ul li.last { padding-right: 0; }
.tx-brand1-events nav.viewstyle ul li span { color: white; }
.tx-brand1-events nav.viewstyle h1, .tx-brand1-events nav.viewstyle h2.divider { margin-top: 0; }
@media (min-width: 670px) and (max-width: 1010px) { .tx-brand1-events nav.viewstyle h1, .tx-brand1-events nav.viewstyle h2.divider { display: none; } }
@media (max-width: 670px) { .tx-brand1-events nav.viewstyle h1, .tx-brand1-events nav.viewstyle h2.divider { display: none; } }
@media (max-width: 1010px) { .tx-brand1-events nav.viewstyle .selector-wrapper { width: 100%; text-align: center; } }
.tx-brand1-events nav.viewstyle ul { width: auto; height: auto; }
.tx-brand1-events nav.viewstyle ul li { width: auto; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #333; box-sizing: border-box; background: black; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle ul li { width: auto; border-left: none; padding: 0; } }
.tx-brand1-events nav.viewstyle ul li:first-of-type { border-left: none; }
.tx-brand1-events nav.viewstyle ul li:first-of-type:hover, .tx-brand1-events nav.viewstyle ul li:first-of-type:hover span { background: black; cursor: default; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle ul li:first-of-type { width: auto; } }
.tx-brand1-events nav.viewstyle ul li:first-of-type span.hide-mobile { display: none; }
.tx-brand1-events nav.viewstyle ul li:hover { background: #333; cursor: pointer; }
.tx-brand1-events nav.viewstyle ul li:hover span { background: #333; }
.tx-brand1-events nav.viewstyle ul li .hide-desktop { display: block; padding: 1px 13px 0 12px; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle ul li .hide-desktop { display: none; margin: 0; } }
.tx-brand1-events nav.viewstyle ul li span { padding: 0; line-height: 19px; float: none; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle ul li span { line-height: 26px; } }
.tx-brand1-events nav.viewstyle ul li a { background: none; display: block; float: none; line-height: 15px; position: relative; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle ul li a { width: auto; color: white; padding-left: 12px; } }
.tx-brand1-events nav.viewstyle ul li a i { display: inline-block; color: #ccc; float: none; margin-top: 0; margin-bottom: 0; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle ul li a i { margin: 0 10px -4px 0; } }
.tx-brand1-events nav.viewstyle ul li a span { display: none; vertical-align: 2px; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewstyle ul li a span { display: inline-block; } }
.tx-brand1-events nav.viewstyle ul li a.thumb i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1557px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .tx-brand1-events nav.viewstyle ul li a.thumb i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1656px; height: 17px; width: 17px; } }
.tx-brand1-events nav.viewstyle ul li a.thumb:hover i, .tx-brand1-events nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1603px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .tx-brand1-events nav.viewstyle ul li a.thumb:hover i, .tx-brand1-events nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1700px; height: 17px; width: 17px; } }
.tx-brand1-events nav.viewstyle ul li a.list i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -637px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .tx-brand1-events nav.viewstyle ul li a.list i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1678px; height: 17px; width: 17px; } }
.tx-brand1-events nav.viewstyle ul li a.list:hover i, .tx-brand1-events nav.viewstyle ul li a.list.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1277px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .tx-brand1-events nav.viewstyle ul li a.list:hover i, .tx-brand1-events nav.viewstyle ul li a.list.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1746px; height: 17px; width: 17px; } }
.tx-brand1-events nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1427px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .tx-brand1-events nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -537px; height: 17px; width: 17px; } }
.tx-brand1-events nav.viewstyle ul li a.alphabetical:hover i, .tx-brand1-events nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1511px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .tx-brand1-events nav.viewstyle ul li a.alphabetical:hover i, .tx-brand1-events nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1566px; height: 17px; width: 17px; } }
.tx-brand1-events nav.viewstyle h1 { margin: 0px 60px 0px 0px !important; }
.tx-brand1-events nav.viewstyle ul li a { color: #fff !important; display: block; padding-left: 12px; line-height: 26px; }
.tx-brand1-events nav.viewstyle ul li .hide-desktop { padding: 4px 13px 5px 12px; font-family: 'Dot Matrix'; font-size: 11px; }
.tx-brand1-events nav.viewstyle ul li.active { background: #515151; }
.tx-brand1-events nav.viewstyle ul li.active a { background: #515151; }
.tx-brand1-events nav.viewfilter { width: 100%; -webkit-box-shadow: 0 5px 15px #ececec; -moz-box-shadow: 0 5px 15px #ececec; box-shadow: 0 5px 15px #ececec; margin: 2px 0; }
@media (min-width: 1250px) { .tx-brand1-events nav.viewfilter { margin: 5px 0; } }
.tx-brand1-events nav.viewfilter h2 { height: 45px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center; margin: 0; font-size: 19px; line-height: 45px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: uppercase; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
.tx-brand1-events nav.viewfilter ul { display: none; overflow: hidden; padding: 5px 0; }
.tx-brand1-events nav.viewfilter ul li { text-align: center; float: left; width: 50%; }
@media (min-width: 670px) { .tx-brand1-events nav.viewfilter ul li { width: 33%; } }
@media (min-width: 1010px) { .tx-brand1-events nav.viewfilter ul li { width: auto; } }
.tx-brand1-events nav.viewfilter ul li a { padding: 3px; font-family: 'Dot Matrix'; font-size: 11px; line-height: 22px; font-weight: normal; font-style: normal; color: black; text-transform: uppercase; letter-spacing: 1px; width: 100%; display: inline-block; }
.tx-brand1-events nav.viewfilter ul li a:hover { color: white !important; background-color: #05a131; }
.tx-brand1-events nav.viewfilter ul li.active a { color: white !important; background-color: #05a131; }
@media (min-width: 1010px) { .tx-brand1-events nav.viewfilter { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .tx-brand1-events nav.viewfilter h2 { display: none; }
  .tx-brand1-events nav.viewfilter ul { display: block; padding: 0; width: 100%; padding-left: 236px !important; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
  .tx-brand1-events nav.viewfilter ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
  .tx-brand1-events nav.viewfilter ul li:first-child, .tx-brand1-events nav.viewfilter ul li.first { padding-left: 0; }
  .tx-brand1-events nav.viewfilter ul li:last-child { padding-right: 0; }
  .tx-brand1-events nav.viewfilter ul li.last { padding-right: 0; } }
@media (min-width: 1250px) { .tx-brand1-events nav.viewfilter ul { padding-left: 236px !important; } }
.tx-brand1-events .event-nav-pager { display: none; margin-bottom: 10px; }
@media (min-width: 1010px) { .tx-brand1-events .event-nav-pager { display: block; } }
.tx-brand1-events .event-nav-pager a { color: #999 !important; }
.tx-brand1-events .event-nav-pager a:hover { color: #000 !important; }
.tx-brand1-events .event-nav-pager.next { float: right; }
.tx-brand1-events .event-nav-pager.next a:after { margin-right: 10px; content: url(../images/arrow_to_right_grey.png); vertical-align: -1px; }
.tx-brand1-events .event-nav-pager.previous { float: left; }
.tx-brand1-events .event-nav-pager.previous a:before { margin-left: 10px; content: url(../images/arrow_to_left_grey.png); vertical-align: -1px; }

body > #content { padding-top: 20px; /* ** These "Schwerpunkt:" separators. */ /* ** Current issue stage at the top of the front page. */ /* ** Main part. All the small and big boxes on the front page. */ /* ** Carousel */ /* ** Advertisement boxes. */ /* ** Wolf Lotter's essay section at the bottom of the front page. */ }
body > #content .main-focus { margin: 0 0 10px; padding: 15px 8px 5px; border-bottom: 1px solid #999999; letter-spacing: 1px; font-family: 'Dot Matrix'; font-size: 11px; line-height: 16px; font-weight: normal; font-style: normal; color: #999999; text-transform: uppercase; letter-spacing: 1px; }
body > #content a.more { border-bottom: none; }
body > #content a.more:link, body > #content a.more:visited { font-family: 'Futura W01 Book'; font-size: 16px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
body > #content a.more:link:before, body > #content a.more:visited:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
body > #content a.more.strong:link, body > #content a.more.strong:visited { background: #333333; color: white; margin: 0 8px; font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; }
body > #content a.more.strong:link:hover, body > #content a.more.strong:visited:hover { background: #999999; }
body > #content a.more.strong:link:before, body > #content a.more.strong:visited:before { color: white; }
body > #content a.more.strong:hover { background: #05a131; }
body > #content em { font-style: italic; }
body > #content section.current-issue { width: 100%; overflow: hidden; position: relative; margin: 0; padding: 0; }
body > #content section.current-issue .main-focus { border: none; }
body > #content section.current-issue header { position: relative; height: auto; margin: 0; padding: 0; text-align: center; overflow: hidden; }
body > #content section.current-issue header hgroup { width: 100%; margin: 0 0 40px; position: relative; background: #fff; background: rgba(255, 255, 255, 0.7); padding: 2%; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 670px) { body > #content section.current-issue header hgroup { width: 43%; position: absolute; margin: 0; } }
@media (min-width: 670px) and (max-width: 1010px) { body > #content section.current-issue header hgroup { top: 7%; right: 5%; } }
@media (min-width: 1010px) { body > #content section.current-issue header hgroup { top: 14%; right: 7%; } }
body > #content section.current-issue header hgroup.no-background { background: transparent; }
body > #content section.current-issue header figure.preparedTeaserImage { position: relative; width: 100%; height: auto; margin: 0; padding: 0; }
body > #content section.current-issue header figure.preparedTeaserImage img { display: block; width: 100%; height: auto; }
body > #content section.current-issue header figure.coverImage { position: relative; margin: 0 auto; padding: 10px; width: 50%; height: auto; }
@media (min-width: 670px) and (max-width: 1010px) { body > #content section.current-issue header figure.coverImage { width: 35%; margin: 3% 0 3% 12%; } }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content section.current-issue header figure.coverImage { width: 30%; margin: 3% 0 3% 12%; } }
@media (min-width: 1250px) { body > #content section.current-issue header figure.coverImage { width: 28%; margin: 3% 0 3% 17%; } }
body > #content section.current-issue header figure.coverImage img { width: 100%; height: auto; -webkit-box-shadow: 0 2px 10px 0 #333333; -moz-box-shadow: 0 2px 10px 0 #333333; box-shadow: 0 2px 10px 0 #333333; }
body > #content section.current-issue header h2, body > #content section.current-issue header h1 { font-size: 35px; }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content section.current-issue header h2, body > #content section.current-issue header h1 { font-size: 42px; } }
@media (min-width: 1250px) { body > #content section.current-issue header h2, body > #content section.current-issue header h1 { font-size: 55px; } }
body > #content section.current-issue header h3, body > #content section.current-issue header div.schwerpunkt, body > #content section.current-issue header div.ausgabe { font-style: italic; font-size: 23px !important; }
@media (min-width: 1010px) { body > #content section.current-issue header h3, body > #content section.current-issue header div.schwerpunkt, body > #content section.current-issue header div.ausgabe { margin-top: 20px; } }
body > #content section.current-issue header p.more { margin: 35px 0 0; }
body > #content section.current-issue header a.more:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; }
body > #content section.current-issue header p.toc-excerpts { margin-top: 65px; font-size: 13px; font-style: italic; }
body > #content section.current-issue header p.toc-excerpts a:link, body > #content section.current-issue header p.toc-excerpts a:visited { color: #999999; }
body > #content section.current-issue header p.toc-excerpts a:hover { color: #05a131; }
body > #content section.current-issue header > .width12 { position: relative; margin-top: 0; padding-top: 20px; padding-bottom: 20px; z-index: 999; background-color: rgba(255, 255, 255, 0.5); }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content section.current-issue header > .width12 { margin-top: -408px; } }
@media (min-width: 1250px) { body > #content section.current-issue header > .width12 { margin-top: -450px; } }
body > #content section.current-issue header.standart-issue-preview { margin-left: 0; padding-left: 0; padding-right: 0; }
body > #content section.current-issue article { border-top: 1px solid #999999; }
body > #content section.current-issue article hgroup { padding: 0 15px; }
body > #content section.columns article hgroup a { color: black !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body > #content section.columns article hgroup a:hover { color: #05a131 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body > #content section.columns article hgroup h3 { margin: 25px 0 30px; font-size: 25px; }
body > #content section.columns article hgroup h5 { margin: 0 0 30px; }
body > #content section.columns article.text, body > #content section.columns article.portrait.image, body > #content section.columns article.number, body > #content section.columns article.infographic { text-align: center; }
body > #content section.columns article.text hgroup, body > #content section.columns article.portrait.image hgroup, body > #content section.columns article.number hgroup, body > #content section.columns article.infographic hgroup { padding: 0 15px; }
body > #content section.columns article.text p, body > #content section.columns article.portrait.image p, body > #content section.columns article.number p, body > #content section.columns article.infographic p { line-height: 160%; }
body > #content section.columns article.text .abstract, body > #content section.columns article.portrait.image .abstract, body > #content section.columns article.number .abstract, body > #content section.columns article.infographic .abstract { padding: 0 25px; }
body > #content section.columns article.text .more, body > #content section.columns article.portrait.image .more, body > #content section.columns article.number .more, body > #content section.columns article.infographic .more { padding: 15px 25px; }
body > #content section.columns article.text .more a, body > #content section.columns article.portrait.image .more a, body > #content section.columns article.number .more a, body > #content section.columns article.infographic .more a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body > #content section.columns article.text .more a:hover, body > #content section.columns article.portrait.image .more a:hover, body > #content section.columns article.number .more a:hover, body > #content section.columns article.infographic .more a:hover { color: #05a131 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body > #content section.columns article.landscape.image { text-align: center; border-top: none; }
body > #content section.columns article.landscape.image h3.main-focus { border-bottom: 1px solid #999999; margin: 0 -10px 10px -10px; }
body > #content section.columns article.landscape.image img { width: 100%; height: auto; }
body > #content section.columns article.landscape.image .more { padding: 15px 25px; }
body > #content section.columns article.landscape.image .more a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body > #content section.columns article.landscape.image .more a:hover { color: #05a131 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body > #content section.columns article.portrait.image { border-top: none; }
body > #content section.columns article.portrait.image h3.main-focus { border-bottom: 1px solid #999999; }
body > #content section.columns article.portrait.image img { width: auto; height: auto; min-height: 200px; max-height: 300px; }
body > #content section.columns article.number, body > #content section.columns article.infographic { background-color: #f8f7f6; }
body > #content section.columns article.number .context, body > #content section.columns article.infographic .context { margin: 20px 30px 0; font-size: 25px; }
body > #content section.columns article.number figure, body > #content section.columns article.infographic figure { margin: 15px 0; position: relative; }
body > #content section.columns article.number figure img, body > #content section.columns article.infographic figure img { display: block; margin: 0 auto; }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content section.columns article.number figure img, body > #content section.columns article.infographic figure img { max-width: 50%; } }
@media (max-width: 1010px) { body > #content section.columns article.number figure img, body > #content section.columns article.infographic figure img { max-width: 45%; } }
body > #content section.columns article.number figure figcaption, body > #content section.columns article.infographic figure figcaption { position: absolute; top: 30%; right: 10px; width: 130px; font-size: 16px; line-height: 120%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; text-align: left; }
@media (max-width: 1250px) { body > #content section.columns article.number figure figcaption, body > #content section.columns article.infographic figure figcaption { top: 25%; width: 130px; } }
@media (min-width: 670px) and (max-width: 1010px) { body > #content section.columns article.number figure figcaption, body > #content section.columns article.infographic figure figcaption { right: 4%; } }
@media (max-width: 670px) { body > #content section.columns article.number figure figcaption, body > #content section.columns article.infographic figure figcaption { position: relative; width: 90%; margin: 25px auto 30px; top: 0; right: 0; text-align: center; } }
body > #content section.columns aside.ad { background: #f8f7f6; text-align: center; }
body > #content section.columns aside.ad h3 { text-align: left; }
body > #content section.columns aside.ad iframe { display: inline-block; overflow: hidden; border: none; margin: 20px 0; }
body > #content nav.carousel { margin: 40px 0; text-align: center; border-top: 1px solid black; }
body > #content nav.carousel .controls { position: relative; margin: 0 auto; width: 100%; height: 297px; overflow: hidden; *zoom: 1; }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content nav.carousel .controls { height: 318px; } }
@media (min-width: 1250px) { body > #content nav.carousel .controls { height: 267px; } }
body > #content nav.carousel .controls > .button { position: absolute; top: 150px; padding: 0; z-index: 10000; }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content nav.carousel .controls > .button { top: 160px; } }
@media (min-width: 1250px) { body > #content nav.carousel .controls > .button { top: 135px; } }
body > #content nav.carousel .controls > .button:hover { position: absolute; }
body > #content nav.carousel .controls > .previous.button { left: 0; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1148px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; background-color: transparent; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { body > #content nav.carousel .controls > .previous.button { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1461px; height: 38px; width: 20px; } }
body > #content nav.carousel .controls > .previous.button:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1105px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { body > #content nav.carousel .controls > .previous.button:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1504px; height: 38px; width: 20px; } }
body > #content nav.carousel .controls > .next.button { right: 0; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1234px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; background-color: transparent; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { body > #content nav.carousel .controls > .next.button { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1399px; height: 38px; width: 20px; } }
body > #content nav.carousel .controls > .next.button:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1191px; background-repeat: no-repeat; overflow: hidden; height: 38px; width: 20px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { body > #content nav.carousel .controls > .next.button:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1274px; height: 38px; width: 20px; } }
body > #content nav.carousel .controls > div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
body > #content nav.carousel h4 { padding: 0 40px; margin-top: 23px; }
body > #content nav.carousel .view, body > #content nav.carousel .jcarousel, body > #content nav.carousel article { height: 267px; }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content nav.carousel .view, body > #content nav.carousel .jcarousel, body > #content nav.carousel article { height: 287px; } }
@media (min-width: 1250px) { body > #content nav.carousel .view, body > #content nav.carousel .jcarousel, body > #content nav.carousel article { height: 237px; } }
body > #content nav.carousel .view { position: absolute; overflow: hidden; left: 50%; width: 220px; margin: 30px 0 0 -110px; }
@media (min-width: 670px) and (max-width: 1010px) { body > #content nav.carousel .view { width: 372px; margin: 30px 0 0 -186px; } }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content nav.carousel .view { width: 400px; margin: 30px 0 0 -200px; } }
@media (min-width: 1250px) { body > #content nav.carousel .view { width: 330px; margin: 30px 0 0 -155px; } }
body > #content nav.carousel .jcarousel { position: absolute; overflow: hidden; width: 100%; }
body > #content nav.carousel .jcarousel > div { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; }
body > #content nav.carousel article { float: left; margin: 0 10px 0 0; width: 220px; }
@media (min-width: 670px) and (max-width: 1010px) { body > #content nav.carousel article { width: 372px; } }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content nav.carousel article { width: 400px; } }
@media (min-width: 1250px) { body > #content nav.carousel article { width: 330px; } }
body > #content nav.carousel figure { position: relative; width: 100%; height: 100%; cursor: pointer; }
body > #content nav.carousel figure a:link.fancybox { display: block; }
body > #content nav.carousel figure img { display: block; }
body > #content nav.carousel figure img, body > #content nav.carousel figure figcaption { position: relative; display: block; margin: 0 auto; }
body > #content nav.carousel figure figcaption { display: none; }
body > #content nav.carousel figure p.abstract { height: 108px; margin: 0; padding: 25px; overflow: hidden; text-align: left; }
@media (min-width: 670px) and (max-width: 1010px) { body > #content nav.carousel figure p.abstract { height: 217px; } }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content nav.carousel figure p.abstract { height: 207px; padding: 40px 25px; } }
@media (min-width: 1250px) { body > #content nav.carousel figure p.abstract { height: 108px; padding: 40px 25px; } }
body > #content nav.carousel figure a:link, body > #content nav.carousel figure a:visited { position: static; display: inline-block; width: auto; }
body > #content .advertisement { display: block; background-color: #f8f7f6; padding: 0 20px; margin: 30px 0 40px; text-align: center; }
body > #content .advertisement #oms_gpt_billboard_ad_container { display: inline-block; }
body > #content .advertisement.billboard { margin: -20px 0 20px 0; overflow: hidden; position: relative; }
body > #content .advertisement.billboard h3 { border: none; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); display: inline-block; padding: 0; margin: 0; position: absolute; right: -25px; top: 40px; }
@media (max-width: 1250px) { body > #content .advertisement.billboard { padding: 0; } }
body > #content .advertisement.half { width: 50%; float: right; margin-left: 5%; }
body > #content .advertisement h1, body > #content .advertisement h2, body > #content .advertisement h3 { text-align: left; }
body > #content .advertisement iframe { max-width: 100%; overflow: hidden; }
body > #content article.essay { display: none; }
@media (min-width: 1010px) { body > #content article.essay { display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 20px solid #cecac2; margin: 40px 0 30px; padding: 50px 30px 30px; }
  body > #content article.essay:after { position: absolute; bottom: -27px; right: -20px; width: 80px; height: 7px; background: black; content: ''; }
  body > #content article.essay .essay-wrapper { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
  body > #content article.essay .essay-wrapper header a { color: black; }
  body > #content article.essay header, body > #content article.essay .essay-content { float: left; padding: 0; }
  body > #content article.essay header { margin: 0 3% 0 0; }
  body > #content article.essay header .abstract { margin: 50px 0 0; font-size: 24px; }
  body > #content article.essay .essay-content { margin: 0 0 0 3%; }
  body > #content article.essay .essay-content p { margin: 20px 0; }
  body > #content article.essay .essay-content p:first-of-type:before { content: '\25CF'; margin: 0 7px 0 0; }
  body > #content article.essay .essay-content p:last-of-type:after { content: '\25B6'; margin: 0 0 0 7px; }
  body > #content article.essay p.more { clear: both; padding: 10px 0 0 53%; } }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content article.essay header { width: 43%; }
  body > #content article.essay .essay-content { width: 51%; } }
@media (min-width: 1250px) { body > #content article.essay header { width: 47%; }
  body > #content article.essay .essay-content { width: 47%; } }

body.wissen > #content section.columns article hgroup a:hover, body.wissen > #content section.columns article .more a:hover, body.wissen > #content section.columns .landscape.image .more a:hover { color: #27b4e4 !important; }

body.kiosk > #content section.columns article hgroup a:hover, body.kiosk > #content section.columns article .more a:hover, body.kiosk > #content section.columns .landscape.image .more a:hover { color: #ff4948 !important; }

/* ** Advertisement boxes. */
.advertisement { display: block; background-color: #f8f7f6; padding: 0; text-align: center; position: relative; padding: 0 20px 10px 20px; }
.advertisement h3 { margin: 0 0 10px; padding: 15px 8px 5px; border-bottom: 1px solid #999999; letter-spacing: 1px; font-family: 'Dot Matrix'; font-size: 11px; line-height: 16px; font-weight: normal; font-style: normal; color: #999999; text-transform: uppercase; letter-spacing: 1px; text-align: left; border: none; }
.advertisement.superbanner, .advertisement.fullbanner { width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; padding-top: 10px; overflow: hidden; }
@media (min-width: 1010px) and (max-width: 1250px) { .advertisement.superbanner, .advertisement.fullbanner { width: 960px; } }
@media (min-width: 1250px) { .advertisement.superbanner, .advertisement.fullbanner { width: 1200px; } }
.advertisement.superbanner h3, .advertisement.fullbanner h3 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); display: inline-block; padding: 0; position: absolute; right: -25px; top: 40px; }
.advertisement iframe { max-width: 100%; overflow: hidden; }

.leftCol h2 { margin: 5px 0 30px; }

.lunchSlider { width: 99%; padding: 95px 1% 0 0; }
@media (max-width: 670px) { .lunchSlider { width: 100%; padding: 25px 0 10px; } }
.lunchSlider .lunchButtons { overflow: hidden; }
.lunchSlider p { float: left; margin: 0 0 0 3px; }
.lunchSlider .lunchRefresh { float: right; margin: 0 3px 5px 0; text-transform: uppercase; }
.lunchSlider .lunchRefresh a .arrow { display: inline-block; content: url('../images/circle-arrow-white.png?1456220446'); margin: 0 10px 0 0; -webkit-transition: -webkit-transform 0.4s linear; -moz-transition: -moz-transform 0.4s linear; -o-transition: -o-transform 0.4s linear; transition: transform 0.4s linear; }
.lunchSlider .lunchRefresh a .arrow.active { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.lunchSlider #lunchSliderWrap { width: 99%; height: 8px; position: relative; margin: 0 auto; border: 1px solid black; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background: url('../images/slider-slots.png?1456220446') left center no-repeat, url('../images/slider-slots.png?1456220446') center center no-repeat, url('../images/slider-slots.png?1456220446') right center no-repeat; }
.lunchSlider #lunchSliderWrap a { height: 10px; width: 10px; background-color: #000; border: 5px solid #000; margin: -2px 0 0 -11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; outline: 0; cursor: pointer; z-index: 100; }
.lunchSlider .optionsText { width: 100%; overflow: hidden; }
.lunchSlider .optionsText li { float: left; min-width: 33%; max-width: 20%; margin: 7px 0 0; color: #333333; }
.lunchSlider .optionsText li:hover { color: black; }
.lunchSlider .optionsText li.short { text-align: left; }
.lunchSlider .optionsText li.medium { text-align: center; }
.lunchSlider .optionsText li.long { text-align: right; }
.lunchSlider .optionsText li span { cursor: pointer; }
.lunchSlider .optionsText a { font-size: 16px; color: black; text-transform: uppercase; }

.inspirationButton { text-align: center; }

.inspirationRefresh { display: inline-block; width: auto; margin: 0; line-height: 100%; text-transform: uppercase; }
.inspirationRefresh a .arrow { display: inline-block; content: url('../images/circle-arrow.png?1456220446'); margin: 0 10px 0 0; -webkit-transition: -webkit-transform 0.4s linear; -moz-transition: -moz-transform 0.4s linear; -o-transition: -o-transform 0.4s linear; transition: transform 0.4s linear; }
.inspirationRefresh a .arrow.active { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.inspiration { width: 100%; overflow: hidden; }
.inspiration .inspiration-left, .inspiration .inspiration-right { width: 98%; }
@media (min-width: 670px) { .inspiration .inspiration-left, .inspiration .inspiration-right { float: left; width: 49%; } }
.inspiration .inspiration-left { margin: 0 1%; }
@media (min-width: 670px) { .inspiration .inspiration-left { margin: 0 1% 0 0; } }
.inspiration .inspiration-right { margin: 0 1%; }
@media (min-width: 670px) { .inspiration .inspiration-right { margin: 0 0 0 1%; } }
.inspiration .inspiration-left .inspirationItem > a { text-align: center; }
@media (min-width: 670px) { .inspiration .inspiration-left .inspirationItem > a { text-align: right; } }
.inspiration .inspiration-right .inspirationItem > a { text-align: center; }
@media (min-width: 670px) { .inspiration .inspiration-right .inspirationItem > a { text-align: left; } }
.inspiration .inspirationItem { float: none; width: 100%; height: auto; margin: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inspiration .inspirationItem > a { display: block; overflow: hidden; width: 100%; height: 90%; margin: 10% 0 0; color: black !important; }
.inspiration .inspirationItem > a:hover { color: #05a131 !important; }
.inspiration .onlyTitle h2, .inspiration .onlyTitle blockquote, .inspiration .onlyTitle p, .inspiration .onlyWord h2, .inspiration .onlyWord blockquote, .inspiration .onlyWord p, .inspiration .onlyCitation h2, .inspiration .onlyCitation blockquote, .inspiration .onlyCitation p, .inspiration .onlyText h2, .inspiration .onlyText blockquote, .inspiration .onlyText p { display: inline-block; }
.inspiration .onlyTitle h2, .inspiration .onlyTitle blockquote, .inspiration .onlyWord h2, .inspiration .onlyWord blockquote, .inspiration .onlyCitation h2, .inspiration .onlyCitation blockquote, .inspiration .onlyText h2, .inspiration .onlyText blockquote { padding: 24px; border-top: 1px solid black; border-bottom: 1px solid black; font-size: 44px; line-height: 120%; }
.inspiration .onlyTitle p, .inspiration .onlyWord p, .inspiration .onlyCitation p, .inspiration .onlyText p { width: 70%; margin: 0; }
@media (max-width: 670px) { .inspiration .onlyTitle p, .inspiration .onlyWord p, .inspiration .onlyCitation p, .inspiration .onlyText p { width: 80%; margin: 0 auto; } }
.inspiration .onlyTitle blockquote, .inspiration .onlyWord blockquote, .inspiration .onlyCitation blockquote, .inspiration .onlyText blockquote { width: 80%; }
.inspiration .onlyTitle blockquote p, .inspiration .onlyWord blockquote p, .inspiration .onlyCitation blockquote p, .inspiration .onlyText blockquote p { width: 100%; }
.inspiration .onlyTitle p:last-of-type:after, .inspiration .onlyWord p:last-of-type:after, .inspiration .onlyCitation p:last-of-type:after, .inspiration .onlyText p:last-of-type:after { content: "\25b6"; font-size: 13px; margin: 0 0 0 7px; }
@media (max-width: 670px) { .inspiration .onlyCitation blockquote, .inspiration .onlyImage img { margin: 0 auto; }
  .inspiration .onlyImage img { height: 200px; width: auto; } }
.inspiration .leftItem.onlyText p, .inspiration .leftItem.onlyCitation blockquote, .inspiration .leftItem.onlyTitle h2, .inspiration .leftItem.onlyImage img { float: right; }
@media (max-width: 670px) { .inspiration .leftItem.onlyText p, .inspiration .leftItem.onlyCitation blockquote, .inspiration .leftItem.onlyTitle h2, .inspiration .leftItem.onlyImage img { float: none; display: block; } }
.inspiration .rightItem.onlyText p, .inspiration .rightItem.onlyCitation blockquote, .inspiration .rightItem.onlyTitle h2, .inspiration .rightItem.onlyImage img { float: left; }
@media (max-width: 670px) { .inspiration .rightItem.onlyText p, .inspiration .rightItem.onlyCitation blockquote, .inspiration .rightItem.onlyTitle h2, .inspiration .rightItem.onlyImage img { float: none; display: block; } }

nav.viewstyle { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; line-height: 0; height: auto; }
nav.viewstyle span { display: block; text-align: center; }
@media (min-width: 1010px) { nav.viewstyle span { text-align: left; } }
nav.viewstyle a, nav.viewstyle header, nav.viewstyle h1, nav.viewstyle h2, nav.viewstyle h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
nav.viewstyle h1, nav.viewstyle h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
nav.viewstyle ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
nav.viewstyle ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
nav.viewstyle ul li:first-child, nav.viewstyle ul li.first { padding-left: 0; }
nav.viewstyle ul li:last-child { padding-right: 0; }
nav.viewstyle ul li.last { padding-right: 0; }
nav.viewstyle ul li span { color: white; }
nav.viewstyle h1, nav.viewstyle h2.divider { margin-top: 0; }
@media (min-width: 670px) and (max-width: 1010px) { nav.viewstyle h1, nav.viewstyle h2.divider { display: none; } }
@media (max-width: 670px) { nav.viewstyle h1, nav.viewstyle h2.divider { display: none; } }
@media (max-width: 1010px) { nav.viewstyle .selector-wrapper { width: 100%; text-align: center; } }
nav.viewstyle ul { width: auto; height: auto; }
nav.viewstyle ul li { width: auto; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #333; box-sizing: border-box; background: black; }
@media (min-width: 1010px) { nav.viewstyle ul li { width: auto; border-left: none; padding: 0; } }
nav.viewstyle ul li:first-of-type { border-left: none; }
nav.viewstyle ul li:first-of-type:hover, nav.viewstyle ul li:first-of-type:hover span { background: black; cursor: default; }
@media (min-width: 1010px) { nav.viewstyle ul li:first-of-type { width: auto; } }
nav.viewstyle ul li:first-of-type span.hide-mobile { display: none; }
nav.viewstyle ul li:hover { background: #333; cursor: pointer; }
nav.viewstyle ul li:hover span { background: #333; }
nav.viewstyle ul li .hide-desktop { display: block; padding: 1px 13px 0 12px; }
@media (min-width: 1010px) { nav.viewstyle ul li .hide-desktop { display: none; margin: 0; } }
nav.viewstyle ul li span { padding: 0; line-height: 19px; float: none; }
@media (min-width: 1010px) { nav.viewstyle ul li span { line-height: 26px; } }
nav.viewstyle ul li a { background: none; display: block; float: none; line-height: 15px; position: relative; }
@media (min-width: 1010px) { nav.viewstyle ul li a { width: auto; color: white; padding-left: 12px; } }
nav.viewstyle ul li a i { display: inline-block; color: #ccc; float: none; margin-top: 0; margin-bottom: 0; }
@media (min-width: 1010px) { nav.viewstyle ul li a i { margin: 0 10px -4px 0; } }
nav.viewstyle ul li a span { display: none; vertical-align: 2px; }
@media (min-width: 1010px) { nav.viewstyle ul li a span { display: inline-block; } }
nav.viewstyle ul li a.thumb i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1557px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { nav.viewstyle ul li a.thumb i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1656px; height: 17px; width: 17px; } }
nav.viewstyle ul li a.thumb:hover i, nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1603px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { nav.viewstyle ul li a.thumb:hover i, nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1700px; height: 17px; width: 17px; } }
nav.viewstyle ul li a.list i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -637px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { nav.viewstyle ul li a.list i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1678px; height: 17px; width: 17px; } }
nav.viewstyle ul li a.list:hover i, nav.viewstyle ul li a.list.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1277px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { nav.viewstyle ul li a.list:hover i, nav.viewstyle ul li a.list.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1746px; height: 17px; width: 17px; } }
nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1427px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -537px; height: 17px; width: 17px; } }
nav.viewstyle ul li a.alphabetical:hover i, nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1511px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { nav.viewstyle ul li a.alphabetical:hover i, nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1566px; height: 17px; width: 17px; } }

body > #content #magazine { /* END section.current-issue */ }
body > #content #magazine section.current-issue { margin: 4px 0 0 0; }
body > #content #magazine section.current-issue header { background: none; padding: none; height: auto; }
body > #content #magazine section.current-issue header hgroup h2 { font-size: 35px; }
@media (min-width: 1010px) and (max-width: 1250px) { body > #content #magazine section.current-issue header hgroup h2 { font-size: 42px; } }
@media (min-width: 1250px) { body > #content #magazine section.current-issue header hgroup h2 { font-size: 55px; } }
body > #content #magazine section.current-issue header hgroup h3 { font-size: 23px; }
@media (min-width: 1010px) { body > #content #magazine section.current-issue header hgroup h3 { margin-top: 20px; } }
body > #content #magazine section.current-issue header hgroup p.abstract { display: none; }
@media (min-width: 1010px) { body > #content #magazine section.current-issue header hgroup p.abstract { display: block; } }
body > #content #magazine section.current-issue header hgroup p.more { display: none; }
@media (min-width: 1010px) { body > #content #magazine section.current-issue header hgroup p.more { display: block; } }
body > #content #magazine section.current-issue div.abstract { clear: both; padding: 40px 0 0; }
body > #content #magazine section.current-issue div.abstract .audio { width: 20%; text-align: right; margin: -6px 0 0; float: left; }
body > #content #magazine section.current-issue div.abstract .audio .ui360 { float: right; margin: -12px 5px 0 0; }
body > #content #magazine section.current-issue div.abstract .audio .ui360 .sm2-360btn-default { background: url(../images/audio-icon.png) center center no-repeat; }
body > #content #magazine section.current-issue div.abstract .audio .ui360 .sm2_playing .sm2-360btn-default { background: none; }
body > #content #magazine section.current-issue div.abstract .audio .ui360 .sm2-timing { line-height: 60px; font-family: 'Helvetica'; font-size: 20px; line-height: 60px; font-weight: normal; font-style: normal; color: #333333; text-transform: none; }
body > #content #magazine section.current-issue div.abstract p { width: 80%; float: right; }
body > #content #magazine nav.viewstyle { padding: 0; margin: -11px 0 0; overflow: hidden; z-index: 10; }
body > #content #magazine article { padding: 20px 10px; border-bottom: 1px solid #aaa; }
body > #content #magazine article header { margin: 0; padding: 0; }
body > #content #magazine article header h2 { color: #000; font-size: 33px; line-height: 30px; }
body > #content #magazine article header h3 { color: #666; font-size: 18px; line-height: 19px; font-style: italic; margin-top: 10px; }
body > #content #magazine article header p { color: #929292; font-style: italic; margin: 0 0 10px; }
body > #content #magazine article .abstract { display: none; }
body > #content #magazine article .more { display: none; }

.ihv_list { clear: both; position: relative; }
.ihv_list div.abstract { clear: both; padding: 20px 0 30px 0; overflow: hidden; *zoom: 1; }
.ihv_list div.abstract p { width: 80%; float: right; }
.ihv_list div.abstract > .audio { width: 20%; text-align: right; margin: -6px 0 0; float: left; }
.ihv_list div.abstract > .audio .ui360 { float: right; margin: -12px 5px 0 0; }
.ihv_list div.abstract > .audio .ui360 .sm2-360btn-default { background: url(../images/audio-icon.png) center center no-repeat; }
.ihv_list div.abstract > .audio .ui360 .sm2_playing .sm2-360btn-default { background: none; }
.ihv_list div.abstract > .audio .ui360 .sm2-timing { line-height: 60px; font-family: 'Helvetica'; font-size: 20px; line-height: 60px; font-weight: normal; font-style: normal; color: #333333; text-transform: none; }
.ihv_list > a, .ihv_list > .prologLink { color: black !important; display: block; position: relative; -webkit-backface-visibility: hidden; }
.ihv_list > a:hover, .ihv_list > .prologLink:hover { color: black; }
.ihv_list > nav.viewstyle + a, .ihv_list > nav.viewstyle + .ihv_item, .ihv_list > nav.viewstyle + .prologLink, .ihv_list > section + a, .ihv_list > section + .ihv_item, .ihv_list > section + .prologLink { margin: -11px 0 0 0; }
.ihv_list > nav.viewstyle + a > .ihv_item, .ihv_list > nav.viewstyle + .ihv_item > .ihv_item, .ihv_list > nav.viewstyle + .prologLink > .ihv_item, .ihv_list > section + a > .ihv_item, .ihv_list > section + .ihv_item > .ihv_item, .ihv_list > section + .prologLink > .ihv_item { padding: 25px 0 20px; }
.ihv_list section { width: 100%; margin: -11px auto 0 auto; overflow: hidden; z-index: 2; }
.ihv_list section header.separator { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; margin: 0; z-index: 2; padding: 0 !important; }
.ihv_list section header.separator span { display: block; text-align: center; }
@media (min-width: 1010px) { .ihv_list section header.separator span { text-align: left; } }
.ihv_list section header.separator a, .ihv_list section header.separator header, .ihv_list section header.separator h1, .ihv_list section header.separator h2, .ihv_list section header.separator h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
.ihv_list section header.separator h1, .ihv_list section header.separator h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
.ihv_list section header.separator ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
.ihv_list section header.separator ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
.ihv_list section header.separator ul li:first-child, .ihv_list section header.separator ul li.first { padding-left: 0; }
.ihv_list section header.separator ul li:last-child { padding-right: 0; }
.ihv_list section header.separator ul li.last { padding-right: 0; }
.ihv_list section header.separator ul li span { color: white; }
.ihv_list .ihv_item { width: 100%; overflow: hidden; position: relative; padding: 20px 0; border-bottom: 1px solid #cecac2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.ihv_list .ihv_item:hover { background-color: #f8f7f6; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
@media (min-width: 1010px) { .ihv_list .ihv_item:hover .ihv_read_more { visibility: visible; } }
@media (max-width: 670px) { .ihv_list .ihv_item { padding: 20px 10px; } }
.ihv_list .ihv_item .ihv_page_category, .ihv_list .ihv_item .ihv_content_wrapper { float: left; }
.ihv_list .ihv_item .ihv_page_category { width: 20%; text-align: right; margin: 6px 0 0; overflow: hidden; }
@media (max-width: 670px) { .ihv_list .ihv_item .ihv_page_category { float: none; width: 100%; text-align: center; margin: 0 0 5px; } }
.ihv_list .ihv_item .ihv_page_category span { display: block; line-height: 130%; margin: 0 20px 1px 0; }
@media (max-width: 670px) { .ihv_list .ihv_item .ihv_page_category span { display: inline-block; margin: 0 5px; } }
.ihv_list .ihv_item .ihv_title { margin: 0 0 15px; font-size: 40px; }
.ihv_list .ihv_item .ihv_title .audio { text-indent: -1000px; background: url(../images/audio-icon.png) 3px 16px no-repeat; padding: 0px 38px; background-size: 18%; }
.ihv_list .ihv_item .ihv_read_more { width: auto; text-align: center; background: transparent; color: #000; }
.ihv_list .ihv_item .ihv_read_more:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.ihv_list .ihv_item .ihv_read_more:hover { background: transparent; }
@media (min-width: 1010px) { .ihv_list .ihv_item .ihv_read_more { visibility: hidden; } }
.ihv_list .starttime { width: 90px; position: absolute; right: 0; top: 18px; padding: 0; line-height: 100%; font-size: 12px; text-align: right; }
@media (min-width: 670px) { .ihv_list .starttime { width: auto; top: 0; color: #fff; background-color: #000; padding: 7px; } }
@media (min-width: 1010px) { .ihv_list .starttime { font-size: 13px; } }
.ihv_list .normal .ihv_content_wrapper, .ihv_list .normal_subtitle .ihv_content_wrapper { float: none; width: 100%; }
@media (min-width: 670px) { .ihv_list .normal .ihv_content_wrapper, .ihv_list .normal_subtitle .ihv_content_wrapper { float: left; } }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .normal .ihv_content_wrapper, .ihv_list .normal_subtitle .ihv_content_wrapper { width: 65%; } }
@media (min-width: 1010px) and (max-width: 1250px) { .ihv_list .normal .ihv_content_wrapper, .ihv_list .normal_subtitle .ihv_content_wrapper { width: 58%; } }
@media (min-width: 1250px) { .ihv_list .normal .ihv_content_wrapper, .ihv_list .normal_subtitle .ihv_content_wrapper { width: 60%; } }
.ihv_list .normal .ihv_read_more, .ihv_list .normal_subtitle .ihv_read_more { float: none; margin: 8px 0; }
@media (min-width: 670px) { .ihv_list .normal .ihv_read_more, .ihv_list .normal_subtitle .ihv_read_more { float: left; } }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .normal .ihv_read_more, .ihv_list .normal_subtitle .ihv_read_more { margin: 8px 1% 8px 3%; } }
@media (min-width: 1010px) { .ihv_list .normal .ihv_read_more, .ihv_list .normal_subtitle .ihv_read_more { margin: 8px 3% 8px 6%; } }
.ihv_list .normal { text-align: center; }
@media (min-width: 670px) { .ihv_list .normal { text-align: left; } }
.ihv_list .normal .ihv_title { margin: 0; }
.ihv_list .prolog .ihv_title { margin: 0; -webkit-transition: margin 0.3s ease-in-out; -webkit-transition-delay: 0.3s; -moz-transition: margin 0.3s ease-in-out 0.3s; -o-transition: margin 0.3s ease-in-out 0.3s; transition: margin 0.3s ease-in-out 0.3s; }
.ihv_list .prolog .ihv_title.opened { margin: 0 0 15px; -webkit-transition: margin 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out; -o-transition: margin 0.3s ease-in-out; transition: margin 0.3s ease-in-out; }
.ihv_list .prolog .ihv_subtitle { display: none; }
.ihv_list .prolog .ihv_subtitle em { font-size: 16px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; }
.ihv_list .prolog.image_right .ihv_content_wrapper { width: 60%; }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .prolog.image_right .ihv_content_wrapper { width: 65%; } }
@media (min-width: 1010px) and (max-width: 1250px) { .ihv_list .prolog.image_right .ihv_content_wrapper { width: 58%; } }
.ihv_list .prolog.image_right .ihv_subtitle { display: block; }
.ihv_list .prolog.image_right .ihv_read_more { margin: 8px 3% 8px 6%; }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .prolog.image_right .ihv_read_more { margin: 8px 1% 8px 3%; } }
.ihv_list .prolog.only_image .ihv_slider_wrapper img { width: 98%; }
.ihv_list .prolog .ihv_slider_wrapper { display: none; clear: both; margin-left: 20%; }
.ihv_list .text_both .ihv_content_wrapper { width: 80%; }
@media (max-width: 670px) { .ihv_list .text_both .ihv_content_wrapper { float: none; width: 100%; } }
.ihv_list .text_both .text_both_wrapper { overflow: hidden; }
.ihv_list .text_both .left { width: 46%; float: left; margin: 0 2% 0 0; }
@media (max-width: 670px) { .ihv_list .text_both .left { float: none; width: 100%; margin: 0; } }
.ihv_list .text_both .right { width: 48%; float: left; margin: 0 2%; }
@media (max-width: 670px) { .ihv_list .text_both .right { float: none; width: 100%; margin: 0; } }
.ihv_list .text_both .ihv_subtitle { margin: 0 0 20px; font-size: 24px; line-height: 150%; }
.ihv_list .text_both .ihv_subtitle p { font-size: 24px; line-height: 150%; }
.ihv_list .text_both .ihv_read_more { margin: 8px 0; }
.ihv_list .image_left .ihv_content_wrapper, .ihv_list .image_right .ihv_content_wrapper { width: 80%; }
@media (max-width: 670px) { .ihv_list .image_left .ihv_content_wrapper, .ihv_list .image_right .ihv_content_wrapper { float: none; width: 100%; } }
.ihv_list .image_left .text_both_wrapper, .ihv_list .image_right .text_both_wrapper { overflow: hidden; }
.ihv_list .image_left .left, .ihv_list .image_right .left { width: 46%; float: left; margin: 0 2% 0 0; }
@media (max-width: 670px) { .ihv_list .image_left .left, .ihv_list .image_right .left { float: none; width: 100%; margin: 0; } }
.ihv_list .image_left .right, .ihv_list .image_right .right { width: 48%; float: left; margin: 0 2%; text-align: center; }
@media (max-width: 670px) { .ihv_list .image_left .right, .ihv_list .image_right .right { float: none; width: 100%; margin: 0; } }
.ihv_list .image_left .left img, .ihv_list .image_left .right img, .ihv_list .image_right .left img, .ihv_list .image_right .right img { display: block; min-height: 100px; max-height: 300px; height: auto; width: auto; margin: 0 auto; }
.ihv_list .image_left .ihv_subtitle, .ihv_list .image_right .ihv_subtitle { margin: 20px 0 25px; }
.ihv_list .image_left .ihv_read_more, .ihv_list .image_right .ihv_read_more { margin: 8px 0 15px; }
@media (min-width: 670px) { .ihv_list .image_left .ihv_read_more, .ihv_list .image_right .ihv_read_more { margin: 0 0 10px 0; } }
.ihv_list .image_left .right, .ihv_list .image_right .left { padding: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .ihv_list .image_left .right, .ihv_list .image_right .left { padding: 2% 0; } }
@media (min-width: 1250px) { .ihv_list .image_left .right, .ihv_list .image_right .left { padding: 4% 0; } }
.ihv_list .image_background { min-height: 300px; height: auto; text-align: center; }
.ihv_list .image_background:hover { background-color: rgba(0, 0, 0, 0.1); }
@media (min-width: 670px) { .ihv_list .image_background { text-align: left; } }
@media (min-width: 1010px) and (max-width: 1250px) { .ihv_list .image_background { min-height: 300px; } }
@media (min-width: 1250px) { .ihv_list .image_background { min-height: 390px; } }
.ihv_list .image_background .ihv_page_category span { color: black; }
.ihv_list .image_background .ihv_content_wrapper { width: 59%; }
@media (min-width: 1010px) and (max-width: 1250px) { .ihv_list .image_background .ihv_content_wrapper { width: 58%; } }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .image_background .ihv_content_wrapper { float: none; width: 100%; } }
@media (max-width: 670px) { .ihv_list .image_background .ihv_content_wrapper { float: none; width: 100%; } }
.ihv_list .image_background .ihv_title { margin: 0; }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .image_background .ihv_title { padding: 0 0 0 20%; } }
@media (min-width: 1010px) { .ihv_list .image_background .ihv_title { margin: 0 0 15px; } }
.ihv_list .image_background .ihv_read_more { float: none; margin: 8px 0 15px; }
@media (min-width: 670px) { .ihv_list .image_background .ihv_read_more { float: left; } }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .image_background .ihv_read_more { margin: 8px 0 15px 19%; } }
@media (min-width: 1010px) { .ihv_list .image_background .ihv_read_more { margin: 8px 3% 8px 6%; } }
.ihv_list .image_background img { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: -1; }
@media (min-width: 670px) and (max-width: 1010px) { .ihv_list .image_background img { position: relative; z-index: 1; } }
@media (max-width: 670px) { .ihv_list .image_background img { position: relative; z-index: 1; } }
@media (min-width: 1010px) { .ihv_list .image_background.inverted .ihv_page_category span { color: white !important; }
  .ihv_list .image_background.inverted .ihv_title { color: white !important; }
  .ihv_list .image_background.inverted .ihv_read_more { color: black; }
  .ihv_list .image_background.inverted .ihv_read_more:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
  .ihv_list .image_background.inverted .ihv_read_more:hover { color: white; }
  .ihv_list .image_background.inverted .ihv_read_more:hover:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; } }

/* Crazy hack! The mp3 sound player javascript will watch out for an exactly matching CSS snippet as below. Do not move or change!!  Bjoern */
.ui360, .sm2-360ui { /* size of the container for the circle, etc. */ width: 60px; height: 60px; }

/* ** mainframe.scss ** ** the mainframe for the project. the main settings e.g. body, a */
/* ** Imports */
/* import charset */
/* ** Layout */
/* body */
body { margin: 0 auto 20px auto !important; font-size: 16px; line-height: 175%; background: white; color: black; overflow-x: hidden; overflow-y: visible !important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 19px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
@media (min-width: 1010px) and (max-width: 1250px) { body { width: 960px; } }
@media (min-width: 1250px) { body { width: 1200px; } }
@media (min-width: 1250px) { body { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } }

/* img */
img { max-width: 100%; height: auto; }

/* this is the lazyload noscript fallback */
.lazy { display: none; }

/* table */
table { width: 100%; border-spacing: 0; border-collapse: collapse; font-size: 16px; padding: 15px 0px 0px; display: block; }
table thead th { border-top: none; font-weight: bold; }
table tr:hover { background: #f8f7f6; }
table th, table td { padding: 2px 15px 2px 0; text-align: left; vertical-align: top; border-bottom: 1 ps solid #999999; font-size: 16px; line-height: 170%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; }

/* ul ol list */
ol { margin-left: 31px; list-style-type: decimal; }

ul.styled { margin-left: 25px; list-style-type: disc; }
ul.styled ul { margin-left: 25px; list-style-type: circle; }

/* dl dt dd */
dt { font-weight: bold; }

dd { margin-left: 10px; }

.dl-horizontal:after:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.dl-horizontal dd { margin-left: 180px; }

blockquote { margin: 20px 0; padding: 0 40px; font-size: 20px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; text-align: center; }
blockquote > p { font-size: 20px; }
blockquote > p:before, blockquote > p:after { font-size: 30px; line-height: 20px; vertical-align: baseline; color: #555; }
blockquote > p:before { content: '„'; margin: 0 4px 0 0; }
blockquote > p:after { content: '“'; margin: 0 0 0 4px; }
blockquote > .rot, blockquote > .rosa, blockquote > .blau, blockquote > .gelb, blockquote > .gruen, blockquote > .dunkelblau, blockquote > .grau, blockquote > .knallgelb, blockquote > .pink { font-size: 16px; }
blockquote > .rot:before, blockquote > .rot:after, blockquote > .rosa:before, blockquote > .rosa:after, blockquote > .blau:before, blockquote > .blau:after, blockquote > .gelb:before, blockquote > .gelb:after, blockquote > .gruen:before, blockquote > .gruen:after, blockquote > .dunkelblau:before, blockquote > .dunkelblau:after, blockquote > .grau:before, blockquote > .grau:after, blockquote > .knallgelb:before, blockquote > .knallgelb:after, blockquote > .pink:before, blockquote > .pink:after { content: ""; margin: 0; line-height: 100%; }

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

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

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

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

/* content */
#content { width: 100%; margin: 0 auto 10px auto; padding: 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Image styles */ }
@media (min-width: 670px) and (max-width: 1010px) { #content { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }
@media (min-width: 1010px) and (max-width: 1250px) { #content { width: 960px; padding: 0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } }
@media (min-width: 1250px) { #content { width: 1200px; padding: 0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } }
#content header.separator { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; }
#content header.separator span { display: block; text-align: center; }
@media (min-width: 1010px) { #content header.separator span { text-align: left; } }
#content header.separator a, #content header.separator header, #content header.separator h1, #content header.separator h2, #content header.separator h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
#content header.separator h1, #content header.separator h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
#content header.separator ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
#content header.separator ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
#content header.separator ul li:first-child, #content header.separator ul li.first { padding-left: 0; }
#content header.separator ul li:last-child { padding-right: 0; }
#content header.separator ul li.last { padding-right: 0; }
#content header.separator ul li span { color: white; }
#content .quoteWrapper { padding: 5px 0; }
#content .quoteWrapper .quoteText { margin: 0; padding: 20px 15px; font-size: 20px; line-height: 155%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; text-align: center; border-bottom: 1px solid #999999; }
#content .quoteWrapper .quotePerson { margin: -1px 0 0; padding: 40px 20px 0 0; background: none; background: url("../images/bg_quote.png") no-repeat transparent top right; font-size: 16px; line-height: 20px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: #999999; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; text-align: right; }
#content .quoteWrapper .quotePerson:before, #content .quoteWrapper .quotePerson:after { content: ""; margin: 0; line-height: 100%; }
#content strong, #content b { font-size: 16px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Bold', Garamond, serif; }
#content i { font-style: italic; }
#content #map-canvas { width: 100%; height: 200px; position: relative; }
@media (min-width: 670px) and (max-width: 1010px) { #content #map-canvas { height: 270px; } }
@media (min-width: 1010px) and (max-width: 1250px) { #content #map-canvas { height: 380px; } }
@media (min-width: 1250px) { #content #map-canvas { height: 465px; } }
#content .csc-frame-rulerBefore { border-top: 1px solid #999999; }
#content .csc-frame-rulerAfter { border-bottom: 1px solid #999999; margin-bottom: 20px; padding-bottom: 20px; }
#content .csc-textpic-above figure img, #content .csc-textpic-below figure img { margin: 0 auto; width: auto; height: auto; }
#content .asideSection .csc-textpic-above figure img, #content .asideSection .csc-textpic-below figure img { margin: 0; text-align: left; }
#content .csc-textpic-imagerow-last { margin-bottom: 12px; }
@media (min-width: 1010px) { #content .csc-textpic-above .csc-textpic-imagerow:first-child figure img, #content .csc-textpic-below .csc-textpic-imagerow:first-child figure img { margin: 40px auto 0 auto; } }
#content .csc-textpic-intext-left figure { margin: 0 15px 0 0; }
#content .csc-textpic-intext-left figure img { width: auto; height: auto; margin: 7px auto 0; padding: 0; }
#content .csc-textpic-intext-left figure img + figcaption { margin: 0 0 10px; }
#content .csc-textpic .csc-textpic-imagecolumn { max-width: 48.5%; width: 279px; margin: 0 10px 0 0; }
@media (max-width: 670px) { #content .csc-textpic .csc-textpic-imagecolumn { max-width: 100%; width: auto; margin: 0; float: none; } }
@media (min-width: 1250px) { #content .csc-textpic .csc-textpic-imagecolumn { max-width: 279px; width: auto; } }
#content .csc-textpic .csc-textpic-imagecolumn.csc-textpic-lastcol { margin: 0; }
#content .csc-textpic + figcaption { padding: 0; }
#content div.video-wrapper { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; }
#content div.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ** Imports After */
/* import mainframe _xxx */
/* ** mainframe/_header/_social.scss ** ** the mainframe/_header/_social for the project. */
/* ** Layout */
/* main social */
ul.social { margin: 0; overflow: hidden; }
ul.social li { float: left; margin: 0 0 0 5px; width: 30px; height: 30px; background-color: #d5d0c9; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
ul.social li:hover { cursor: pointer; background-color: #a3a3a3; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
ul.social li:hover .facebook { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -962px; background-repeat: no-repeat; overflow: hidden; height: 25px; width: 26px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; border-top: 2px solid #a3a3a3; border-right: 2px solid #a3a3a3; border-bottom: 3px solid #a3a3a3; border-left: 2px solid #a3a3a3; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { ul.social li:hover .facebook { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1217px; height: 25px; width: 26px; } }
.svg ul.social li:hover .facebook { background: transparent url("../images/menu_facebook.svg") no-repeat center center; background-size: 16px 16px; }
ul.social a { display: block; text-indent: 99999em; }
ul.social .events { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -486px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { ul.social .events { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -467px; height: 30px; width: 30px; } }
.svg ul.social .events { background: transparent url("../images/menu_cal.svg") no-repeat center center; background-size: 16px 16px; }
ul.social .facebook { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -932px; background-repeat: no-repeat; overflow: hidden; height: 25px; width: 26px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; margin: 0 2px; border-top: 2px solid #d5d0c9; border-right: 2px solid #d5d0c9; border-bottom: 3px solid #d5d0c9; border-left: 2px solid #d5d0c9; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { ul.social .facebook { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1187px; height: 25px; width: 26px; } }
.svg ul.social .facebook { background: transparent url("../images/menu_facebook.svg") no-repeat center center; background-size: 16px 16px; }
ul.social .help { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -416px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { ul.social .help { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -397px; height: 30px; width: 30px; } }
.svg ul.social .help { background: transparent url("../images/menu_help.svg") no-repeat center center; background-size: 16px 16px; }
ul.social .bookmark { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -521px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { ul.social .bookmark { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -502px; height: 30px; width: 30px; } }
.svg ul.social .bookmark { background: transparent url("../images/menu_bookmark.svg") no-repeat center center; background-size: 16px 16px; }
ul.social .contact { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -451px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { ul.social .contact { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -432px; height: 30px; width: 30px; } }
.svg ul.social .contact { background: transparent url("../images/menu_mail.svg") no-repeat center center; background-size: 16px 16px; }

/* head-social */
ul#head-social { display: none; margin-top: 10px; }
@media (min-width: 1010px) { ul#head-social { display: inline-block; } }

#footer-social { margin-top: 30px; text-align: right; }
#footer-social ul { display: inline-block; }

.share-highlight a { display: inline-block; width: 30px; height: 30px; margin: 0 5px 0 0; text-indent: -9999px; -moz-transition: none; -webkit-transition: none; transition: none; }
.share-highlight a.twitter { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1820px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .share-highlight a.twitter { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1066px; height: 30px; width: 30px; } }
.share-highlight a.twitter:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1785px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .share-highlight a.twitter:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1031px; height: 30px; width: 30px; } }
.svg .share-highlight a.twitter { background: transparent url("../images/svg/share-twitter.svg") no-repeat center center; background-size: 30px 30px; }
.svg .share-highlight a.twitter:hover { background: transparent url("../images/svg/share-twitter-hover.svg") no-repeat center center; }
.share-highlight a.facebook { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1960px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .share-highlight a.facebook { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1885px; height: 30px; width: 30px; } }
.share-highlight a.facebook:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1925px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .share-highlight a.facebook:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1850px; height: 30px; width: 30px; } }
.share-highlight a.email { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1855px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .share-highlight a.email { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1101px; height: 30px; width: 30px; } }
.share-highlight a.email:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1890px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .share-highlight a.email:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1136px; height: 30px; width: 30px; } }
.svg .share-highlight a.email { background: transparent url("../images/svg/share-email.svg") no-repeat center center; background-size: 30px 30px; }
.svg .share-highlight a.email:hover { background: transparent url("../images/svg/share-email-hover.svg") no-repeat center center; }

img.share-instruction { max-width: none; }
@media (max-width: 1250px) { img.share-instruction { display: none; } }

.sharing-links { max-width: 190px; position: relative; }
.sharing-links button { width: 100%; margin: 0; background-color: #A3A3A3; font-size: 14px; border-radius: 2px; }
.sharing-links button:hover { background-color: #8a8a8a; }
.sharing-links .tooltip { display: none; position: absolute; left: -30px; top: 60px; padding: 15px 30px; width: 330px; background: #F9F9F9; border: 1px solid rgba(163, 163, 163, 0.15); box-shadow: 0px 15px 12px 0px rgba(0, 0, 0, 0.15), 0px 25px 38px 0px rgba(0, 0, 0, 0.1); border-radius: 2px; max-width: 250px; z-index: 10; }
.firstCol .sharing-links .tooltip { left: 25px; }
.sharing-links .tooltip h3 { font-size: 18px; margin-top: 0; margin-right: 26px; }
.sharing-links .tooltip p { font-size: 14px; }
.sharing-links .tooltip p a { color: #969696; border-bottom: none; }
.sharing-links .tooltip a.close { position: absolute; display: block; top: 20px; right: 30px; width: 14px; height: 14px; border-bottom: none; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -2065px; background-repeat: no-repeat; overflow: hidden; height: 14px; width: 14px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .tooltip a.close { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1920px; height: 14px; width: 14px; } }
.svg .sharing-links .tooltip a.close { background: transparent url("../images/svg/x.svg") no-repeat center center; background-size: 14px 14px; }
.sharing-links .tooltip.open { display: block; }
.sharing-links .tooltip-phone { padding: 30px 15px; min-width: 300px; background: #F9F9F9; border: 1px solid rgba(163, 163, 163, 0.15); box-shadow: 0px 15px 12px 0px rgba(0, 0, 0, 0.15), 0px 25px 38px 0px rgba(0, 0, 0, 0.1); border-radius: 2px; }

.sharing-headline { font-size: 18px; margin: 20px 0 10px 0; }

.sharing-links .shariff .shariff-button { display: inline-block; }
.sharing-links .shariff ul li { margin: 0; }
.sharing-links .shariff ul li a { display: inline-block; height: 30px; width: 30px; font-size: 0; transition: none; font-size: 0; border-bottom: none; }
.sharing-links .shariff ul { display: flex; justify-content: space-between; list-style-type: none; margin-bottom: 10px; }
.sharing-links .shariff li.facebook a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1960px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; border-radius: 2px; background-color: #3a5a99; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.facebook a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1885px; height: 30px; width: 30px; } }
.sharing-links .shariff li.facebook a:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1925px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; background-color: #3a5a99; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.facebook a:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1850px; height: 30px; width: 30px; } }
.svg .sharing-links .shariff li.facebook a { background: #3a5a99 url("../images/svg/share-facebook.svg") no-repeat center center; background-size: 30px 30px; }
.svg .sharing-links .shariff li.facebook a:hover { background: #35518a url("../images/svg/share-facebook-hover.svg") no-repeat center center; }
.svg .sharing-links .shariff li.facebook a:after { content: url("../images/svg/share-facebook-hover.svg"); display: none; }
.sharing-links .shariff li.twitter a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1820px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; border-radius: 2px; background-color: #55acee; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.twitter a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1066px; height: 30px; width: 30px; } }
.sharing-links .shariff li.twitter a:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1785px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; background-color: #55acee; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.twitter a:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1031px; height: 30px; width: 30px; } }
.svg .sharing-links .shariff li.twitter a { background: #55acee url("../images/svg/share-twitter.svg") no-repeat center center; background-size: 30px 30px; }
.svg .sharing-links .shariff li.twitter a:hover { background: #4c9ad5 url("../images/svg/share-twitter-hover.svg") no-repeat center center; }
.svg .sharing-links .shariff li.twitter a:after { content: url("../images/svg/share-twitter-hover.svg"); display: none; }
.sharing-links .shariff li.googleplus a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1715px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; border-radius: 2px; background-color: #d94a38; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.googleplus a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -831px; height: 30px; width: 30px; } }
.sharing-links .shariff li.googleplus a:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1750px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; background-color: #d94a38; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.googleplus a:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -796px; height: 30px; width: 30px; } }
.svg .sharing-links .shariff li.googleplus a { background: #d94a38 url("../images/svg/share-gplus.svg") no-repeat center center; background-size: 30px 30px; }
.svg .sharing-links .shariff li.googleplus a:hover { background: #c44233 url("../images/svg/share-gplus-hover.svg") no-repeat center center; }
.svg .sharing-links .shariff li.googleplus a:after { content: url("../images/svg/share-gplus-hover.svg"); display: none; }
.sharing-links .shariff li.whatsapp a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1645px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; border-radius: 2px; background-color: #62d147; cursor: default; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.whatsapp a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -701px; height: 30px; width: 30px; } }
.sharing-links .shariff li.whatsapp a:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1680px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; background-color: #62d147; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.whatsapp a:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -736px; height: 30px; width: 30px; } }
.svg .sharing-links .shariff li.whatsapp a { background: #62d147 url("../images/svg/share-whatsapp-disabled.svg") no-repeat center center; background-size: 30px 30px; }
.svg .sharing-links .shariff li.whatsapp a:hover { background: #58bd40 url("../images/svg/share-whatsapp-disabled-hover.svg") no-repeat center center; }
.svg .sharing-links .shariff li.whatsapp a:after { content: url("../images/svg/share-whatsapp-disabled-hover.svg"); display: none; }
.sharing-links .shariff li.info a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -2030px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; border-radius: 2px; background-color: transparent; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.info a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1780px; height: 30px; width: 30px; } }
.sharing-links .shariff li.info a:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1995px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; background-color: transparent; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .sharing-links .shariff li.info a:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1815px; height: 30px; width: 30px; } }
.svg .sharing-links .shariff li.info a { background: transparent url("../images/svg/share-info.svg") no-repeat center center; background-size: 30px 30px; }
.svg .sharing-links .shariff li.info a:hover { background: transparent url("../images/svg/share-info-hover.svg") no-repeat center center; }
.svg .sharing-links .shariff li.info a:after { content: url("../images/svg/share-info-hover.svg"); display: none; }

@media (max-width: 670px) { .sharing-links .shariff { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; }
  .sharing-links .shariff ul { margin: 0; line-height: 0; }
  .sharing-links .shariff ul li { width: 25%; height: 34px; }
  .sharing-links .shariff ul li a { width: 100% !important; vertical-align: top; padding-top: 2px; padding-bottom: 2px; border-radius: 0 !important; }
  .sharing-links .shariff li.whatsapp a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1372px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; border-radius: 2px; background-color: #62d147; cursor: pointer; }
  .sharing-links .shariff li.whatsapp a:hover { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1299px; background-repeat: no-repeat; overflow: hidden; height: 30px; width: 30px; background-color: #62d147; }
  .svg .sharing-links .shariff li.whatsapp a { background: #62d147 url("../images/svg/share-whatsapp.svg") no-repeat center center; background-size: 30px 30px; }
  .svg .sharing-links .shariff li.whatsapp a:hover { background: #58bd40 url("../images/svg/share-whatsapp-hover.svg") no-repeat center center; }
  .svg .sharing-links .shariff li.whatsapp a:after { content: url("../images/svg/share-whatsapp-hover.svg"); display: none; }
  .sharing-links .shariff li.info { display: none; }
  .sharing-headline, .select-and-share { display: none; }
  .mobile-view footer { padding-bottom: 30px; } }
@media (max-width: 670px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 670px) and (-o-min-device-pixel-ratio: 3 / 2), (max-width: 670px) and (min-device-pixel-ratio: 2) { .sharing-links .shariff li.whatsapp a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -666px; height: 30px; width: 30px; } }
@media (max-width: 670px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 670px) and (-o-min-device-pixel-ratio: 3 / 2), (max-width: 670px) and (min-device-pixel-ratio: 2) { .sharing-links .shariff li.whatsapp a:hover { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -631px; height: 30px; width: 30px; } }
/* ** mainframe/_header.scss ** ** the mainframe/_header for the project. */
/* ** Layout */
/* header */
header { background: #fff; padding-bottom: 20px; padding-top: 15px; position: relative; font-size: 0; width: 100%; margin: 0 auto; }
@media (min-width: 1010px) and (max-width: 1250px) { header { width: 960px; } }
@media (min-width: 1250px) { header { width: 1200px; } }

/* search-social */
#search-social { display: none; width: 100%; vertical-align: top; text-align: right; z-index: 6; -webkit-box-shadow: 0 5px 15px #eeeeee; -moz-box-shadow: 0 5px 15px #eeeeee; box-shadow: 0 5px 15px #eeeeee; }
#search-social:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
#search-social.opened { position: fixed; top: 45px; }
@media (min-width: 1010px) { #search-social { display: inline-block; margin: 0 0 0 100px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }
@media (min-width: 1010px) and (max-width: 1250px) { #search-social { width: 582px; } }
@media (min-width: 1250px) { #search-social { width: 822px; } }

body.wissen #search-social { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { body.wissen #search-social { width: 377px; } }
@media (min-width: 1250px) { body.wissen #search-social { width: 617px; } }

body.kiosk #search-social { width: 100%; }
@media (min-width: 1010px) and (max-width: 1250px) { body.kiosk #search-social { width: 407px; } }
@media (min-width: 1250px) { body.kiosk #search-social { width: 647px; } }

/* ** Imports After */
/* import header _xxx */
/* ** mainframe/_header/_home.scss ** ** the mainframe/_header/_home for the project. */
/* ** Layout */
/* home / branding */
#home { margin: 25px auto 20px; width: 100%; padding: 0; position: relative; z-index: 99; display: block; text-align: center; }
@media (min-width: 1010px) { #home { display: inline-block; width: 277px; margin: 9px 0 0; vertical-align: top; } }
@media (min-width: 1250px) { #home { margin: 10px 0 0; } }
#home a { display: block; margin: 0 auto; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -254px; background-repeat: no-repeat; overflow: hidden; height: 89px; width: 277px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #home a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -253px; height: 88.5px; width: 277px; } }
.svg #home a { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjM0LjggNzYuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjM0LjggNzYuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNOCwwLjN2MjIuNWMyLjktMi4yLDUuNS00LjEsOS40LTQuMWMxLjMsMCwzLjgsMC4zLDYuNCwyLjZjMy43LDMuNCw0LDguMSw0LDkuN2MwLDIuNi0wLjcsNC43LTEsNS42DQoJCWMtMi4yLDUuOS03LjMsOS45LTEzLjcsOS45Yy0yLjcsMC01LjMtMC45LTcuOC0xLjhMMyw0NS44Yy0wLjQtMC4yLTAuNC0wLjItMC41LTAuNUMyLjcsNDMsMi45LDQwLjcsMywzOC41DQoJCWMwLjEtMS42LDAuMS0zLjEsMC4yLTQuNlY4LjVDMy4xLDUuNSwyLjgsNSwwLDMuOVYzLjJDMy4yLDIuMSw0LjYsMS42LDcuNSwwTDgsMC4zeiBNNy43LDM3LjRjMC4xLDEuNywwLjIsMy4yLDEuMSw0LjYNCgkJYzAuNywxLDIuMywyLjksNS40LDIuOWMwLjcsMCwyLTAuMSwzLjUtMC45YzMuNi0xLjksNS4yLTUuOSw1LjItOS44YzAtMS42LTAuMy03LTQuNC0xMC4zYy0wLjctMC41LTIuNi0xLjktNS4yLTEuOQ0KCQljLTIsMC0zLjgsMS4yLTUuNiwyLjZWMzcuNHoiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMzMuOCwyNi4yYy0wLjEtMS44LTAuMi0yLjUtMy4xLTMuNXYtMWMzLjUtMS40LDQuMy0xLjksNy41LTMuOWwwLjQsMC40djYuNGMwLjctMC45LDEuMy0xLjcsMi0yLjUNCgkJYzAuNC0wLjUsMi45LTMuNCw1LjktMy40YzAuNywwLDMuNSwwLjMsMy41LDIuOWMtMC4xLDEuNy0xLjMsMy4yLTMsMy4yYy0wLjksMC0xLTAuNC0xLjgtMC45Yy0wLjMtMC4yLTEtMC41LTEuOS0wLjUNCgkJYy0wLjgsMC0yLjYsMC4zLTMuOCwyLjJjLTEsMS41LTEsMy4xLTEsNC43VjQwYzAsMC4zLTAuMiwzLjIsMS44LDMuOGMwLjgsMC4zLDIuNSwwLjQsNC42LDAuNHYxLjZIMjkuMnYtMS41DQoJCWMzLjYtMC4yLDQuNi0wLjcsNC42LTQuNFYyNi4yeiIvPg0KCTxwYXRoIGZpbGw9IiMxQTFBMTgiIGQ9Ik02Ni4xLDMxdi00LjRjMC0wLjcsMC0xLTAuMi0xLjdjLTAuNi0yLjMtMi44LTMuNi01LjEtMy42Yy0wLjgsMC0zLjcsMC4zLTQuNiwyLjkNCgkJYy0wLjUsMS42LTAuMSwyLjYtMS43LDMuM2MtMC40LDAuMi0xLjQsMC40LTEuOCwwLjRjLTAuNywwLTEtMC40LTEtMS4zYzAtMC42LDAuMy0xLjksMS4zLTMuMWMxLTEuMSwyLjUtMS45LDUuMi0zLjRsMi42LTEuMg0KCQljMC40LTAuMSwxLjctMC43LDIuOS0wLjdjMS4yLDAsMy41LDAuNyw0LjYsMS4zYzIuNSwxLjQsMi41LDQuMSwyLjUsNVY0MGMwLDAuOCwwLDEuMSwwLjEsMS41YzAuMiwwLjcsMC42LDEuOCwyLjUsMS44DQoJCWMwLjUsMCwxLTAuMSwyLTAuNGwwLjIsMC44Yy0xLjYsMS4yLTMuNiwyLjktNS44LDIuOWMtMSwwLTEuNy0wLjUtMi0wLjdjLTEuNC0xLTEuNi0yLjItMS45LTMuOGMtMC4yLDAuMi0wLjUsMC41LTAuOCwwLjcNCgkJYy0xLDAuOC00LjMsMy43LTguNiwzLjdjLTAuNCwwLTEuNC0wLjEtMi41LTAuNGMtMi4xLTAuOC0zLjctMy4yLTMuNy01LjVjMC0xLjEsMC40LTIuMSwxLjEtM2MxLjQtMS44LDMuNS0yLjYsNy44LTQuNEw2Ni4xLDMxeg0KCQkgTTY2LjEsMzIuNWwtNC40LDEuNGMtMiwwLjctNCwxLjQtNS40LDMuMWMtMC4zLDAuMy0xLDEuMi0xLDIuNWMwLDAuMiwwLjEsMC45LDAuNCwxLjZjMC43LDEuNywyLjYsMi44LDQuNSwyLjhjMC4zLDAsMSwwLDEuNy0wLjMNCgkJYzEuMS0wLjUsMi4zLTEuNSw0LjMtMy4yVjMyLjV6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTc5LjgsMjUuOWMtMC40LTIuNi0wLjgtMy4xLTMuMi00di0wLjljNC4zLTEuNCw1LjItMS45LDcuNC0yLjlsMC42LDAuMlYyM2MzLjEtMiw2LjgtNC40LDEwLjktNC40DQoJCWMyLDAsNCwwLjcsNS4zLDIuNWMxLjIsMS43LDEuMywzLjcsMS40LDUuOFY0MmMwLjIsMi4zLDAuNSwyLjEsMy44LDIuNXYxLjRIOTMuMnYtMS40YzQuMS0wLjQsMy44LTAuMSw0LTQuM1YyNy45DQoJCWMwLTAuNC0wLjEtMS45LTAuNC0yLjljLTAuNy0yLjEtMi44LTMuMy01LTMuM2MtMi44LDAtNSwxLjUtNy4yLDIuOXYxNi40YzAsMS45LDAuMiwyLjYsMSwyLjljMC41LDAuMiwyLjYsMC41LDMuMiwwLjV2MS40SDc1LjcNCgkJdi0xLjRjMC44LTAuMSwxLjUtMC4xLDIuMy0wLjJjMS41LTAuMiwxLjctMC44LDEuOC0zLjNWMjUuOXoiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMTI4LjgsNy45YzAtMC4yLDAuMS0wLjctMC4xLTEuM2MtMC41LTEuNy0yLjQtMi4zLTMuOC0yLjh2LTFjMy44LTAuOSw0LjgtMS4yLDguNS0yLjlsMC40LDAuNHY0MC44DQoJCWMwLjEsMiwwLjUsMiwxLjcsMmgyLjV2MS4yYy0xLjYsMC4zLTMuMSwwLjctNC42LDFjLTEuMywwLjQtMi42LDAuOC0zLjgsMS4xbC0wLjUtMC4zdi00LjJjLTAuNiwwLjUtMS4yLDEtMS44LDEuNQ0KCQljLTEsMC44LTMuNywyLjktNy42LDIuOWMtMi42LDAtNC43LTEuMS01LjUtMS42Yy01LjItMy4xLTUuNS05LjItNS41LTExYzAtMi4zLDAuNC00LjUsMS40LTYuNWMyLjQtNS4xLDgtOC44LDEzLjctOC44DQoJCWMyLjIsMCwzLjIsMC40LDUuMiwxVjcuOXogTTEyOC45LDI1Yy0wLjItMC40LTAuNS0wLjgtMC43LTEuMmMtMC42LTEuMS0yLTMuNC01LjctMy40Yy0wLjcsMC4xLTIuMywwLjItMy44LDEuMQ0KCQljLTIsMS4xLTUuMiw0LjEtNS4yLDEwLjFjMCw1LjcsMi45LDguOCw0LjcsMTAuMWMyLDEuNCwzLjcsMS42LDQuNywxLjZjMiwwLDQuNi0wLjksNS41LTIuOWMwLjMtMC41LDAuNC0xLjEsMC41LTIuNVYyNXoiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMTQ5LjksMjkuMnYxLjljMC4yLDIuNiwwLjUsMy45LDAuOCw1LjFjMC41LDEuNiwyLjYsNi45LDguNSw2LjljMy40LDAsNS41LTEuOCw4LTMuOWwwLjYsMQ0KCQljLTIsMi4zLTIuOCwzLjItNCw0LjFjLTEsMC44LTMuNSwyLjQtNy4yLDIuNGMtNC41LDAtNy4xLTIuMy04LjItMy41Yy0zLjEtMy41LTMuMy05LTMuMy0xMC4xYzAtMiwwLjUtOS40LDYuOC0xMi44DQoJCWMyLjctMS40LDUuMi0xLjYsNi40LTEuNmMxLDAsMy42LDAuMSw1LjgsMS44YzIuNywyLjEsMy4zLDQuOCwzLjUsNS45YzAuMSwwLjIsMC4yLDEuMiwwLjIsMS41YzAsMC4xLDAsMS0wLjUsMS4yDQoJCWMtMC4yLDAuMS0wLjcsMC4xLTAuNywwLjFIMTQ5Ljl6IE0xNjAuNywyNy41YzEuMy0wLjIsMS45LTAuNCwxLjktMS43YzAtMi45LTIuMy01LjUtNS4zLTUuNWMtMC43LDAtMS45LDAuMS0zLjQsMQ0KCQljLTIuNCwxLjQtMy4xLDMuNy00LDYuMkgxNjAuN3oiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMTc0LjEsMjZjLTAuMS0xLjItMC4yLTIuMi0xLjEtMi45Yy0wLjUtMC40LTEuMS0wLjgtMi4yLTEuNXYtMC44YzMuNy0xLDQuNC0xLjMsNy42LTIuOWwwLjUsMC40VjQxDQoJCWMwLDAuMy0wLjMsMi40LDEuMSwzYzAuNSwwLjIsMS42LDAuMywzLjEsMC41djEuM2gtMTMuM2wwLjEtMS4zYzEuNi0wLjIsMi44LTAuMiwzLjMtMC41YzAuOS0wLjUsMS0xLjgsMS0yLjdWMjZ6IE0xNzYuNywzLjINCgkJYzEuNiwwLDIuOCwxLjMsMi44LDIuOGMwLDEuNi0xLjUsMi44LTMuMSwyLjhjLTAuNSwwLTAuOS0wLjEtMS4zLTAuNGMtMS0wLjYtMS41LTItMS4yLTMuMkMxNzQuMiw0LDE3NS4zLDMuMiwxNzYuNywzLjJ6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTE4Ny43LDI1LjljLTAuNC0yLjYtMC44LTMuMS0zLjItNHYtMC45YzQuMy0xLjQsNS4yLTEuOSw3LjQtMi45bDAuNiwwLjJWMjNjMy4xLTIsNi44LTQuNCwxMC45LTQuNA0KCQljMiwwLDQsMC43LDUuMywyLjVjMS4yLDEuNywxLjMsMy43LDEuNCw1LjhWNDJjMC4yLDIuMywwLjUsMi4xLDMuOCwyLjV2MS40aC0xMi43di0xLjRjNC4xLTAuNCwzLjgtMC4xLDQtNC4zVjI3LjkNCgkJYzAtMC40LTAuMS0xLjktMC40LTIuOWMtMC43LTIuMS0yLjgtMy4zLTUtMy4zYy0yLjgsMC01LDEuNS03LjIsMi45djE2LjRjMCwxLjksMC4yLDIuNiwxLDIuOWMwLjUsMC4yLDIuNiwwLjUsMy4yLDAuNXYxLjRoLTEzLjENCgkJdi0xLjRjMC44LTAuMSwxLjUtMC4xLDIuMy0wLjJjMS41LTAuMiwxLjctMC44LDEuOC0zLjNWMjUuOXoiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMjMzLjUsMjYuMmwtMS4xLTAuMWMtMC4xLTAuNS0wLjMtMS4xLTAuNS0xLjdjLTAuMi0wLjctMS0yLjYtMi45LTMuOGMtMS4zLTAuNy0yLjUtMC44LTMuMS0wLjgNCgkJYy0wLjIsMC0xLjEsMC0xLjgsMC4zYy0xLjYsMC42LTIuOSwyLjItMi45LDMuOWMwLjEsMS45LDEuNCwzLjEsMS45LDMuNWMxLjUsMS40LDMuMSwxLjksNSwyLjdjMS4xLDAuNSwxLjksMC44LDIuOSwxLjQNCgkJYzEuMSwwLjcsNCwyLjgsNCw2LjhjMCwwLjYtMC4xLDEuOS0wLjgsMy4yYy0xLDEuOS0zLjksNC45LTkuNCw0LjljLTMuMSwwLTQuOS0wLjgtNy41LTIuMmwtMC42LTYuOWwxLTAuMg0KCQljMC44LDIuNiwxLjcsNS4zLDQuMyw2LjhjMS41LDAuOCwyLjgsMC45LDMuNCwwLjljMi42LDAsMy44LTEuNCw0LjQtMi4zYzAuMi0wLjMsMC42LTEuMiwwLjYtMi4zYzAtMC4yLTAuMS0xLTAuMy0xLjcNCgkJYy0wLjgtMS45LTIuNS0yLjgtNC40LTMuNmMtMC42LTAuMy0yLjItMC45LTMuOC0xLjljLTEtMC42LTQuNS0yLjgtNC41LTYuOGMwLTIuMiwxLTQuMywyLjUtNS42YzIuNS0yLjEsNi4yLTIuMiw3LTIuMg0KCQljMiwwLDMuNCwwLjMsNi44LDEuNFYyNi4yeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTE3LjIsNTguM2MtMC45LDAuMS0xLjEsMC4xLTEuNywwLjljLTAuNSwwLjgtMS4xLDEuNy0xLjYsMi42Yy0wLjQsMC42LTAuNywxLjMtMS4xLDEuOWwxLjUsNi4yDQoJCWMwLjUtMS4xLDEtMi4yLDEuNi0zLjNjMC43LTEuNSwxLjUtMi45LDIuMi00LjRjMC40LTAuOSwwLjgtMS43LDEuMi0yLjZjMC4xLTAuMywwLjItMC41LDAuMi0wLjdjMC0wLjUtMC41LTAuNi0xLjQtMC42di0wLjVoMy45DQoJCXYwLjVjLTAuNywwLjEtMC44LDAuMS0xLjIsMC43Yy0wLjYsMS4xLTEuMiwyLjMtMS44LDMuNGMtMC44LDEuNS0xLjYsMy4xLTIuMyw0LjZjLTAuOSwxLjctMS44LDMuNC0yLjcsNS4xaC0wLjZsLTEuNy02LjQNCgkJYy0wLjMsMC41LTAuNywxLjEtMSwxLjZjLTAuMywwLjUtMC42LDEtMC45LDEuNWMtMC40LDAuNy0wLjgsMS4zLTEuMiwyYy0wLjIsMC40LTAuNSwwLjgtMC43LDEuMmwtMC42LDBjLTAuNS0yLjMtMS00LjUtMS41LTYuOA0KCQljLTAuNS0yLTAuOS0zLjktMS40LTUuOWMtMC4xLTAuMy0wLjEtMC40LTAuMi0wLjZjLTAuMy0wLjUtMC44LTAuNi0xLjQtMC42di0wLjRoNC44djAuNGMtMSwwLjEtMS40LDAtMS4zLDEuMWMwLjIsMSwwLjQsMiwwLjYsMw0KCQljMC4zLDEuMiwwLjYsMi4zLDAuOCwzLjVjMC4zLDEuMywwLjYsMi41LDAuOCwzLjhsMi44LTQuOEwxMCw1OS40Yy0wLjEtMC4yLTAuMi0wLjUtMC4zLTAuN2MtMC4yLTAuMy0wLjYtMC40LTEuNC0wLjR2LTAuNGg0LjQNCgkJbDAsMC40Yy0wLjEsMC0wLjIsMC0wLjQsMGMtMC4yLDAtMC42LDAuMS0wLjYsMC42YzAsMC4yLDAsMC4yLDAuMSwwLjVsMC44LDMuM2wwLjQtMC43bDEuNC0yLjZjMC0wLjEsMC4yLTAuMywwLjItMC42DQoJCWMwLTAuMSwwLTAuMSwwLTAuMWMtMC4xLTAuMy0wLjQtMC40LTEuMS0wLjR2LTAuNGgzLjdWNTguM3oiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMjAuOCw2NS4xYzAuNy0wLjksMC45LTEuMiwxLjgtMS45YzAuMSwwLDAuOC0wLjYsMS40LTAuNmMwLjUsMCwwLjYsMC40LDAuNiwwLjZjMCwwLjItMC4xLDAuNS0wLjIsMC45DQoJCWwtMS45LDUuM2MtMC4xLDAuMi0wLjIsMC40LTAuMiwwLjZjMCwwLjMsMC4yLDAuNCwwLjMsMC40YzAuNCwwLDEuNC0xLjEsMS42LTEuNGwwLjMsMC4zQzI0LDcwLDIyLjQsNzIsMjEuNCw3Mg0KCQljLTAuMywwLTAuNy0wLjEtMC43LTAuOGMwLTAuNSwwLjItMC45LDAuMi0xLjFsMS42LTQuNmMwLjEtMC4yLDAuMi0wLjYsMC4yLTAuOWMwLTAuMy0wLjItMC4zLTAuMy0wLjNjLTAuNSwwLTEuMSwwLjgtMS40LDEuMQ0KCQlMMjAuOCw2NS4xeiBNMjQuNSw1Ny45YzAuNSwwLDAuOSwwLjUsMC45LDFjMCwwLjUtMC41LDAuOC0xLDAuOGMtMC42LDAtMS0wLjYtMC44LTEuMUMyMy43LDU4LjIsMjQsNTcuOSwyNC41LDU3Ljl6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTI3LjEsNzEuNWMwLDAuMSwwLDAuMi0wLjEsMC4yYy0wLjEsMC4yLTAuMywwLjMtMC42LDAuM2MtMC4yLDAtMC42LTAuMS0wLjctMC4zYzAtMC4xLTAuMS0wLjEtMC4xLTAuMg0KCQljMC0wLjIsMC4yLTAuOSwwLjMtMS4xYzAuMS0wLjMsMC4yLTAuNiwwLjMtMC45bDAuOS0yLjljMC4xLTAuNCwwLjItMC44LDAuMy0xLjJjMC4xLTAuMiwwLjItMC41LDAuMi0wLjdjMC0wLjUtMC4yLTAuNi0wLjQtMC42DQoJCWMtMC4xLDAtMC4zLDAtMC40LDAuMmMtMC4zLDAuMi0wLjksMC45LTEuMiwxLjJsLTAuMi0wLjNjMC4yLTAuMiwwLjgtMSwxLjQtMS43YzAuNC0wLjQsMS0wLjksMS43LTAuOWMwLjYsMCwwLjcsMC41LDAuNywwLjcNCgkJYzAsMCwwLDAuMy0wLjEsMC42Yy0wLjIsMS4xLTAuNiwyLjItMC45LDMuM2MxLjMtMi4yLDIuOC00LjUsMy44LTQuNWMwLjIsMCwwLjYsMC4xLDAuNiwwLjZjMCwwLjEsMCwwLjktMC40LDEuMg0KCQljLTAuMSwwLjEtMC4yLDAuMi0wLjUsMC4yYy0wLjQsMC0wLjYtMC4yLTEsMGMtMC4zLDAuMS0wLjYsMC41LTAuOCwwLjdjLTEsMS4yLTEuNSwyLjgtMi4xLDQuM0wyNy4xLDcxLjV6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTMyLjcsNjMuNmwwLjEtMC43aDEuOWwwLjgtMi42SDM3bC0wLjgsMi42aDIuMmwtMC4yLDAuN0gzNmwtMS45LDZjMCwwLTAuMSwwLjMtMC4xLDAuNQ0KCQljMCwwLjUsMC40LDAuNSwwLjUsMC41YzAuOCwwLDEuOS0xLjMsMi40LTEuOGwwLjMsMC4zYy0wLjcsMC45LTEuNSwxLjctMi40LDIuM0MzNC43LDcxLjUsMzQsNzIsMzMuMyw3MmMtMC4xLDAtMC4zLDAtMC41LTAuMQ0KCQljLTAuMy0wLjItMC41LTAuNi0wLjUtMC45YzAtMC4yLDAtMC40LDAuMi0wLjljMC4zLTEsMC42LTIsMC45LTNjMC40LTEuMiwwLjctMi4zLDEuMS0zLjVIMzIuN3oiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMzguMiw2OS4zYzAsMC4yLDAuMSwwLjMsMC4yLDAuNWMwLjQsMC44LDEuNiwxLjEsMi41LDEuMWMwLjIsMCwwLjUsMCwxLTAuMmMwLjItMC4xLDAuNi0wLjIsMC42LTAuOA0KCQljMC0wLjktMC45LTEuNC0yLjMtMi4zYy0wLjUtMC4zLTAuOC0wLjYtMC45LTAuN2MtMC40LTAuNS0wLjQtMS0wLjQtMS4yYzAtMC4yLDAtMC42LDAuMi0xYzAuMi0wLjIsMC41LTAuNSwxLTAuOQ0KCQljMS4xLTAuOSwxLjctMS4xLDIuNC0xLjFjMC4xLDAsMC44LDAsMS4yLDAuM2MwLjIsMC4xLDAuMywwLjIsMC40LDAuM2MwLjEsMC4yLDAuMiwwLjQsMC4yLDAuNWMwLDAuMy0wLjEsMC41LTAuMSwwLjYNCgkJYy0wLjEsMC4zLTAuMywwLjQtMC40LDAuNGMtMC4xLDAtMC4yLDAtMC4zLTAuMWMtMC4xLTAuMS0wLjEtMC4zLTAuNC0wLjVjLTAuMi0wLjEtMC42LTAuNC0xLjMtMC40Yy0wLjEsMC0wLjYsMC0wLjksMC4xDQoJCWMtMC4yLDAuMS0wLjMsMC4yLTAuNCwwLjNjLTAuMSwwLjEtMC4zLDAuMy0wLjMsMC43YzAsMC42LDAuNSwxLjEsMSwxLjRjMC41LDAuNCwxLjIsMC43LDEuNywxLjJjMC43LDAuNiwwLjgsMS4xLDAuOCwxLjUNCgkJYzAsMC42LTAuMywxLjItMC44LDEuN2MtMC4yLDAuMi0wLjQsMC41LTAuNywwLjdjLTAuNSwwLjQtMS4xLDAuNy0yLjUsMC43Yy0xLjcsMC0yLjItMS0yLjItMS43YzAtMC40LDAuMi0wLjcsMC41LTEuMUgzOC4yeiIvPg0KCTxwYXRoIGZpbGw9IiMxQTFBMTgiIGQ9Ik01MS45LDY5LjNjLTAuNCwwLjQtMC43LDAuNy0xLjEsMWMtMC4zLDAuMi0xLjUsMS4yLTIuNywxLjZjLTAuNSwwLjItMSwwLjItMS4yLDAuMmMtMC4zLDAtMS4xLDAtMS43LTAuNw0KCQljLTAuMy0wLjQtMC43LTAuOS0wLjctMmMwLTAuMywwLTAuOCwwLjMtMS41YzAuMi0wLjcsMS4xLTIuNywzLTMuOWMwLjctMC41LDEuNi0wLjgsMi41LTFjMC4xLDAsMC41LTAuMiwxLTAuMmMwLjgsMCwxLDAuNSwxLDAuOA0KCQljMCwwLjUtMC41LDAuOC0wLjksMC44Yy0wLjMsMC0wLjYtMC4yLTAuNy0wLjJjLTAuMy0wLjItMC42LTAuNC0xLTAuNGMtMC44LDAtMS40LDAuNy0xLjUsMC44Yy0wLjMsMC4zLTAuOCwwLjgtMS4yLDEuNw0KCQljLTAuMSwwLjItMC43LDEuNy0wLjcsMi44YzAsMS4xLDAuNCwxLjUsMC44LDEuN2MwLjIsMC4xLDAuNSwwLjIsMSwwLjJjMC4yLDAsMC40LDAsMC43LTAuMWMwLjYtMC4yLDEuNS0wLjcsMi0xLjENCgkJYzAuMy0wLjMsMC42LTAuNSwwLjktMC45TDUxLjksNjkuM3oiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNNTQuNCw1Ny41di0wLjJjMS42LTAuMiwxLjktMC4zLDIuOC0wLjZsMC4yLDAuMWMtMC4yLDAuNy0wLjUsMS41LTAuNywyLjJjLTAuMiwwLjgtMC40LDEuNi0wLjYsMi41DQoJCWMtMC4zLDEtMC41LDEuOS0wLjgsMi45Yy0wLjMsMS0wLjYsMi4xLTAuOCwzLjFsMS0xLjNsMS4yLTEuM2MxLjUtMS40LDIuNC0yLjEsMy41LTIuMWMwLjEsMCwwLjUsMCwwLjgsMC4yDQoJCWMwLjMsMC4yLDAuNiwwLjYsMC42LDEuNWMwLDEuNi0wLjgsMy4zLTEuNSw0LjdjLTAuMSwwLjItMC40LDAuOS0wLjgsMS40Yy0wLjMsMC4zLTAuNCwwLjUtMSwwLjljLTAuMywwLjItMC43LDAuNi0xLjIsMC42DQoJCWMtMC4yLDAtMC41LDAtMC41LTAuNGMwLTAuNCwwLjMtMSwwLjQtMS4zbDEuMywwLjFjMC4yLTAuNCwwLjQtMC44LDAuNi0xLjJjMC40LTEsMS0zLjEsMS00LjNjMC0wLjEsMC0wLjMtMC4xLTAuNQ0KCQljLTAuMS0wLjQtMC41LTAuNi0wLjktMC42Yy0wLjQsMC0wLjksMC4zLTEuMiwwLjVjLTAuMywwLjMtMC44LDAuNi0xLjQsMS4zYy0xLjEsMS4zLTEuNiwyLjEtMi4zLDMuNmwtMC43LDIuMg0KCQljLTAuMSwwLjItMC4xLDAuNC0wLjQsMC41YzAsMC0wLjIsMC0wLjMsMGMtMC4xLDAtMC4yLDAtMC4yLDBjLTAuMSwwLTAuNS0wLjEtMC41LTAuNGMwLTAuMSwwLTAuMSwwLjEtMC4zbDEuMi01LjFsMC4yLTAuOA0KCQlsMS44LTcuM0w1NC40LDU3LjV6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTcwLjcsNjkuNmMtMC41LDAuNS0xLDEuMS0xLjYsMS42Yy0wLjQsMC40LTEuMSwwLjktMS43LDAuOWMtMC41LDAtMC42LTAuNC0wLjYtMC42YzAtMC41LDAuOC0zLDEtMy40DQoJCWMtMC45LDEuMy0xLjgsMi41LTMuMSwzLjRjLTAuNCwwLjMtMS4zLDAuNy0xLjcsMC43Yy0wLjIsMC0wLjUtMC4xLTAuNi0wLjJjLTAuNS0wLjMtMC42LTAuOS0wLjYtMS41YzAtMS4yLDAuNS0yLjIsMC43LTIuNQ0KCQljMC40LTAuOCwxLjEtMiwxLjctMi43YzAuMy0wLjMsMC43LTAuOCwxLjUtMS40YzAuNy0wLjUsMS42LTEuMSwyLjYtMS4xYzAuNywwLDAuOSwwLjIsMS4yLDAuN2MwLjEtMC4yLDAuMi0wLjMsMC4zLTAuNg0KCQljMCwwLDAuMS0wLjQsMC4yLTAuNWMwLjEtMC4xLDAuMi0wLjEsMC41LTAuMWMwLjEsMCwwLjMsMCwwLjMsMC4yYzAsMC4yLTAuMSwwLjQtMC4yLDAuOGMtMC4xLDAuMy0wLjIsMC43LTAuMywxDQoJCWMtMC4zLDEuMS0wLjYsMi4zLTEsMy40Yy0wLjEsMC41LTAuNiwyLTAuNiwyLjVjMCwwLjEsMCwwLjMsMC4zLDAuM2MwLjMsMCwwLjQtMC4xLDAuOC0wLjVjMC4yLTAuMiwwLjUtMC41LDAuNy0wLjdMNzAuNyw2OS42eg0KCQkgTTYzLjEsNjkuNmMwLjEsMC42LDAuNSwxLDEuMSwxYzAuMSwwLDAuNCwwLDAuNy0wLjFjMC41LTAuMiwwLjktMC42LDEuMi0xYzEuNC0xLjUsMi4yLTMuMiwyLjQtMy44YzAtMC4xLDAuMi0wLjUsMC4yLTAuOQ0KCQljMC0wLjctMC4zLTAuOS0wLjYtMWMtMC4zLTAuMS0wLjUtMC4xLTAuNi0wLjFjLTAuNSwwLTEsMC4yLTEuNCwwLjVjLTAuNCwwLjMtMC45LDAuOC0xLjMsMS4yYy0wLjMsMC4zLTEsMS4zLTEuNCwyLjUNCgkJYy0wLjEsMC4yLTAuMiwwLjYtMC4zLDEuMUM2My4xLDY5LDYzLDY5LjMsNjMuMSw2OS42eiIvPg0KCTxwYXRoIGZpbGw9IiMxQTFBMTgiIGQ9Ik03MS42LDYzLjZsMC4yLTAuN2gxLjdjMC4xLTAuNSwwLjMtMSwwLjUtMS41YzAuNi0xLjYsMS4zLTMuMiwyLjgtNC4yYzAuOC0wLjYsMS42LTAuOCwyLTAuOA0KCQljMC4yLDAsMC43LDAuMSwwLjcsMC43YzAsMC4xLDAsMC44LTAuNSwwLjhjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmMtMC4xLDAtMC4zLTAuMS0wLjYtMC4xYy0wLjEsMC0wLjQsMC0wLjcsMC4xDQoJCWMtMC42LDAuMy0wLjgsMC44LTEuMiwxLjlsLTAuNywyLjZsLTAuMSwwLjZoMi4ybC0wLjIsMC43bC0yLjIsMGMtMC42LDIuMi0xLjIsNC41LTEuOCw2LjdjLTAuNSwxLjktMS4xLDMuOC0xLjcsNS43bC0xLjMsMC40DQoJCWwzLjItMTIuOEg3MS42eiIvPg0KCTxwYXRoIGZpbGw9IiMxQTFBMTgiIGQ9Ik03Ni44LDYzLjZsMC4xLTAuN2gxLjlsMC44LTIuNmgxLjVsLTAuOCwyLjZoMi4ybC0wLjIsMC43aC0yLjJsLTEuOSw2YzAsMC0wLjEsMC4zLTAuMSwwLjUNCgkJYzAsMC41LDAuNCwwLjUsMC41LDAuNWMwLjgsMCwxLjktMS4zLDIuNC0xLjhsMC4zLDAuM2MtMC43LDAuOS0xLjUsMS43LTIuNCwyLjNjLTAuMSwwLjEtMC44LDAuNS0xLjUsMC41Yy0wLjEsMC0wLjMsMC0wLjUtMC4xDQoJCWMtMC4zLTAuMi0wLjUtMC42LTAuNS0wLjljMC0wLjIsMC0wLjQsMC4yLTAuOWMwLjMtMSwwLjYtMiwwLjktM2MwLjQtMS4yLDAuNy0yLjMsMS4xLTMuNUg3Ni44eiIvPg0KCTxwYXRoIGZpbGw9IiMxQTFBMTgiIGQ9Ik04Mi4zLDY5LjNjMCwwLjIsMC4xLDAuMywwLjIsMC41YzAuNCwwLjgsMS42LDEuMSwyLjUsMS4xYzAuMiwwLDAuNSwwLDEtMC4yYzAuMi0wLjEsMC42LTAuMiwwLjYtMC44DQoJCWMwLTAuOS0wLjktMS40LTIuMy0yLjNjLTAuNS0wLjMtMC44LTAuNi0wLjktMC43Yy0wLjQtMC41LTAuNC0xLTAuNC0xLjJjMC0wLjIsMC0wLjYsMC4yLTFjMC4yLTAuMiwwLjUtMC41LDEtMC45DQoJCWMxLjEtMC45LDEuNy0xLjEsMi40LTEuMWMwLjEsMCwwLjgsMCwxLjIsMC4zYzAuMiwwLjEsMC4zLDAuMiwwLjQsMC4zYzAuMSwwLjIsMC4yLDAuNCwwLjIsMC41YzAsMC4zLTAuMSwwLjUtMC4xLDAuNg0KCQljLTAuMSwwLjMtMC4zLDAuNC0wLjQsMC40Yy0wLjEsMC0wLjIsMC0wLjMtMC4xYy0wLjEtMC4xLTAuMS0wLjMtMC40LTAuNWMtMC4yLTAuMS0wLjYtMC40LTEuMy0wLjRjLTAuMSwwLTAuNiwwLTAuOSwwLjENCgkJYy0wLjIsMC4xLTAuMywwLjItMC40LDAuM2MtMC4xLDAuMS0wLjMsMC4zLTAuMywwLjdjMCwwLjYsMC41LDEuMSwxLDEuNGMwLjUsMC40LDEuMiwwLjcsMS43LDEuMmMwLjcsMC42LDAuOCwxLjEsMC44LDEuNQ0KCQljMCwwLjYtMC4zLDEuMi0wLjgsMS43Yy0wLjIsMC4yLTAuNCwwLjUtMC43LDAuN2MtMC41LDAuNC0xLjEsMC43LTIuNSwwLjdjLTEuNywwLTIuMi0xLTIuMi0xLjdjMC0wLjQsMC4yLTAuNywwLjUtMS4xSDgyLjN6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTkyLjYsNjYuMmMwLjUtMC41LDAuOS0xLDEuNC0xLjRjMC4xLTAuMSwxLjYtMS41LDIuOC0yYzAuMSwwLDAuMy0wLjEsMC42LTAuMWMwLjIsMCwwLjMsMCwwLjQsMC4xDQoJCWMwLjIsMC4xLDAuNCwwLjMsMC40LDAuOGMwLDAuMywwLDAuNC0wLjIsMC45Yy0wLjIsMC41LTAuMywxLjEtMC41LDEuNmMtMC4yLDAuNS0wLjMsMS4xLTAuNSwxLjZsMS4yLTEuNGMwLjQtMC40LDAuNy0wLjcsMS4xLTEuMQ0KCQljMC4yLTAuMiwwLjktMC45LDEuNy0xLjVjMC45LTAuNiwxLjYtMC45LDIuMS0wLjljMC4yLDAsMC44LDAuMSwwLjgsMC44YzAsMC4yLDAsMC40LTAuMSwwLjdjLTAuMSwwLjUtMC4zLDEtMC40LDEuNQ0KCQljLTAuMiwwLjctMC41LDEuNC0wLjgsMi4xYy0wLjIsMC42LTAuNCwxLjItMC42LDEuOGMtMC4xLDAuMy0wLjIsMC41LTAuMiwwLjdjMCwwLjIsMC4xLDAuMywwLjMsMC4zYzAuMiwwLDAuNS0wLjIsMC42LTAuMw0KCQljMC4yLTAuMSwwLjYtMC41LDEuMi0xbDAuMiwwLjNjLTAuNSwwLjYtMC44LDEtMS45LDEuOWMtMC40LDAuMy0wLjksMC43LTEuNSwwLjdjLTAuMiwwLTAuOC0wLjEtMC44LTAuOGMwLTAuMywwLjItMC44LDAuNC0xLjQNCgkJbDEuNC00YzAuMS0wLjIsMC4xLTAuNCwwLjItMC42YzAuMS0wLjMsMC4xLTAuNCwwLjEtMC42YzAtMC4zLTAuMi0wLjUtMC41LTAuNWMtMC4yLDAtMC40LDAuMS0wLjcsMC4zYy0wLjgsMC41LTEuNCwxLjEtMi4xLDEuOA0KCQljLTAuMywwLjQtMC42LDAuNy0wLjksMS4xYy0wLjMsMC4zLTAuNSwwLjctMC43LDEuMWMtMC4xLDAuMi0wLjMsMC41LTAuNCwwLjdjLTAuMSwwLjItMC4zLDAuNS0wLjQsMC44bC0wLjYsMS42DQoJCWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNDOTUuNiw3Miw5NS41LDcyLDk1LjEsNzJjLTAuNSwwLTAuNy0wLjItMC43LTAuNGMwLTAuMSwwLTAuMiwwLjEtMC40bDEuMy0zLjhjMC40LTEuMiwwLjctMi4zLDAuNy0yLjcNCgkJYzAtMC40LTAuNC0wLjUtMC41LTAuNWMtMC4yLDAtMC41LDAuMS0wLjYsMC4yYy0wLjksMC41LTEuNywxLjQtMi40LDIuMmMtMC4zLDAuNC0wLjYsMC43LTAuOCwxLjFjLTAuMiwwLjItMC4zLDAuNC0wLjUsMC43DQoJCWMtMC4yLDAuNC0wLjQsMC43LTAuOCwxLjZjLTAuMiwwLjQtMC4zLDAuNy0wLjUsMS4xYzAsMC4xLTAuMSwwLjMtMC4xLDAuNGMtMC4xLDAuMy0wLjEsMC42LTAuNywwLjZjLTAuMywwLTAuNS0wLjEtMC42LTAuMQ0KCQljMCwwLTAuMS0wLjEtMC4xLTAuMmMwLTAuMSwwLjEtMC4zLDAuMS0wLjRsMS44LTUuM2MwLjEtMC4zLDAuMy0xLDAuMy0xLjNjMC0wLjEtMC4xLTAuNS0wLjQtMC41Yy0wLjYsMC0xLjMsMC45LTEuNywxLjNsLTAuMy0wLjMNCgkJYzAuNi0wLjgsMS0xLjQsMS44LTEuOWMwLjYtMC41LDEuMi0wLjcsMS42LTAuN2MwLjQsMCwwLjcsMC4zLDAuNywwLjdjMCwwLjUtMC4zLDEuNC0wLjQsMS44bC0wLjYsMS43bC0wLjIsMC43TDkyLjYsNjYuMnoiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMTEzLjYsNjkuNmMtMC41LDAuNS0xLDEuMS0xLjYsMS42Yy0wLjQsMC40LTEuMSwwLjktMS43LDAuOWMtMC41LDAtMC42LTAuNC0wLjYtMC42YzAtMC41LDAuOC0zLDEtMy40DQoJCWMtMC45LDEuMy0xLjgsMi41LTMuMSwzLjRjLTAuNCwwLjMtMS4zLDAuNy0xLjcsMC43Yy0wLjIsMC0wLjUtMC4xLTAuNi0wLjJjLTAuNS0wLjMtMC42LTAuOS0wLjYtMS41YzAtMS4yLDAuNS0yLjIsMC43LTIuNQ0KCQljMC40LTAuOCwxLjEtMiwxLjctMi43YzAuMy0wLjMsMC43LTAuOCwxLjUtMS40YzAuNy0wLjUsMS42LTEuMSwyLjYtMS4xYzAuNywwLDAuOSwwLjIsMS4yLDAuN2MwLjEtMC4yLDAuMi0wLjMsMC4zLTAuNg0KCQljMCwwLDAuMS0wLjQsMC4yLTAuNWMwLjEtMC4xLDAuMi0wLjEsMC41LTAuMWMwLjEsMCwwLjMsMCwwLjMsMC4yYzAsMC4yLTAuMSwwLjQtMC4yLDAuOGMtMC4xLDAuMy0wLjIsMC43LTAuMywxDQoJCWMtMC4zLDEuMS0wLjYsMi4zLTEsMy40Yy0wLjEsMC41LTAuNiwyLTAuNiwyLjVjMCwwLjEsMCwwLjMsMC4zLDAuM2MwLjMsMCwwLjQtMC4xLDAuOC0wLjVjMC4yLTAuMiwwLjUtMC41LDAuNy0wLjdMMTEzLjYsNjkuNnoNCgkJIE0xMDYsNjkuNmMwLjEsMC42LDAuNSwxLDEuMSwxYzAuMSwwLDAuNCwwLDAuNy0wLjFjMC41LTAuMiwwLjktMC42LDEuMi0xYzEuNC0xLjUsMi4yLTMuMiwyLjQtMy44YzAtMC4xLDAuMi0wLjUsMC4yLTAuOQ0KCQljMC0wLjctMC4zLTAuOS0wLjYtMWMtMC4zLTAuMS0wLjUtMC4xLTAuNi0wLjFjLTAuNSwwLTEsMC4yLTEuNCwwLjVjLTAuNCwwLjMtMC45LDAuOC0xLjMsMS4yYy0wLjMsMC4zLTEsMS4zLTEuNCwyLjUNCgkJYy0wLjEsMC4yLTAuMiwwLjYtMC4zLDEuMUMxMDYsNjksMTA1LjksNjkuMywxMDYsNjkuNnoiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMTE1LjEsNzAuOGMtMC4xLTAuMi0wLjEtMC40LTAuMS0wLjRjMC0wLjcsMS4xLTEuNCwxLjYtMS43Yy0wLjItMC4xLTAuNi0wLjQtMC44LTAuNQ0KCQljLTAuNi0wLjUtMC45LTEuMi0wLjktMmMwLTAuMywwLTAuOCwwLjQtMS40YzAuNy0xLjMsMi4yLTIuMSwzLjctMi4xYzAuMywwLDAuOCwwLDEuNSwwLjNjMC41LDAuMiwwLjksMC40LDEuNSwwLjQNCgkJYzAuMiwwLDAuNCwwLDAuNS0wLjFjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJjMC40LDAsMC40LDAuMywwLjQsMC40YzAsMC40LTAuMywwLjctMC42LDAuN2MtMC40LDAtMC41LTAuMi0wLjgtMC4zDQoJCWMtMC4yLTAuMS0wLjMtMC4xLTAuNi0wLjFjMC4yLDAuMywwLjUsMC44LDAuNSwxLjZjMCwwLjUtMC4xLDEuNS0xLDIuNGMtMC44LDAuNy0xLjksMS4yLTMsMS4yYy0wLjQsMC0wLjYtMC4xLTEtMC4xDQoJCWMtMC4yLDAuMi0wLjUsMC40LTAuNSwwLjhjMCwwLjEsMCwwLjIsMC4yLDAuM2MwLjMsMC4zLDEuMiwwLjcsMS41LDAuOGMwLjQsMC4yLDAuOCwwLjQsMS4yLDAuNmMwLjMsMC4yLDAuNiwwLjMsMC45LDAuNQ0KCQljMSwwLjYsMS40LDEuMiwxLjQsMS44YzAsMS40LTEuNywyLjktNC43LDIuOWMtMC4zLDAtMiwwLTMuMi0wLjhjLTAuMi0wLjItMC44LTAuNi0wLjgtMS41YzAtMC4yLDAtMC42LDAuNC0xDQoJCWMwLjUtMC43LDEuMy0xLjEsMi45LTEuN0MxMTUuNyw3MS40LDExNS4zLDcxLjIsMTE1LjEsNzAuOHogTTExNiw3MmMtMC4xLDAuMS0xLjksMC43LTEuOSwyLjFjMCwwLjYsMC4zLDAuOSwwLjUsMS4xDQoJCWMwLjksMC44LDIuMSwwLjgsMi41LDAuOGMwLjIsMCwxLjQsMCwyLjItMC41YzAuMS0wLjEsMC44LTAuNSwwLjgtMS4yYzAtMC41LTAuNC0wLjgtMC41LTAuOWMtMC4zLTAuMi0xLjQtMC44LTEuNy0xDQoJCWMtMC40LTAuMi0wLjktMC40LTEuNC0wLjdDMTE2LjQsNzEuOCwxMTYuMiw3MS45LDExNiw3MnogTTExNy45LDY4LjVjMS43LDAsMi41LTIuMywyLjUtMy42YzAtMS0wLjMtMS4zLTAuNy0xLjYNCgkJYy0wLjEtMC4xLTAuNC0wLjItMC44LTAuMmMtMC4zLDAtMC45LDAuMS0xLjQsMC43Yy0wLjMsMC4zLTEsMS4zLTEuMSwyLjdDMTE2LjMsNjguMSwxMTcuMiw2OC41LDExNy45LDY4LjV6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTEzMS41LDY5LjZjLTAuNSwwLjUtMSwxLjEtMS42LDEuNmMtMC40LDAuNC0xLjEsMC45LTEuNywwLjljLTAuNSwwLTAuNi0wLjQtMC42LTAuNmMwLTAuNSwwLjgtMywxLTMuNA0KCQljLTAuOSwxLjMtMS44LDIuNS0zLjEsMy40Yy0wLjQsMC4zLTEuMywwLjctMS43LDAuN2MtMC4yLDAtMC41LTAuMS0wLjYtMC4yYy0wLjUtMC4zLTAuNi0wLjktMC42LTEuNWMwLTEuMiwwLjUtMi4yLDAuNy0yLjUNCgkJYzAuNC0wLjgsMS4xLTIsMS43LTIuN2MwLjMtMC4zLDAuNy0wLjgsMS41LTEuNGMwLjctMC41LDEuNi0xLjEsMi42LTEuMWMwLjcsMCwwLjksMC4yLDEuMiwwLjdjMC4xLTAuMiwwLjItMC4zLDAuMy0wLjYNCgkJYzAsMCwwLjEtMC40LDAuMi0wLjVjMC4xLTAuMSwwLjItMC4xLDAuNS0wLjFjMC4xLDAsMC4zLDAsMC4zLDAuMmMwLDAuMi0wLjEsMC40LTAuMiwwLjhjLTAuMSwwLjMtMC4yLDAuNy0wLjMsMQ0KCQljLTAuMywxLjEtMC42LDIuMy0xLDMuNGMtMC4xLDAuNS0wLjYsMi0wLjYsMi41YzAsMC4xLDAsMC4zLDAuMywwLjNjMC4zLDAsMC40LTAuMSwwLjgtMC41YzAuMi0wLjIsMC41LTAuNSwwLjctMC43TDEzMS41LDY5LjZ6DQoJCSBNMTIzLjksNjkuNmMwLjEsMC42LDAuNSwxLDEuMSwxYzAuMSwwLDAuNCwwLDAuNy0wLjFjMC41LTAuMiwwLjktMC42LDEuMi0xYzEuNC0xLjUsMi4yLTMuMiwyLjQtMy44YzAtMC4xLDAuMi0wLjUsMC4yLTAuOQ0KCQljMC0wLjctMC4zLTAuOS0wLjYtMWMtMC4zLTAuMS0wLjUtMC4xLTAuNi0wLjFjLTAuNSwwLTEsMC4yLTEuNCwwLjVjLTAuNCwwLjMtMC45LDAuOC0xLjMsMS4yYy0wLjMsMC4zLTEsMS4zLTEuNCwyLjUNCgkJYy0wLjEsMC4yLTAuMiwwLjYtMC4zLDEuMUMxMjMuOSw2OSwxMjMuOCw2OS4zLDEyMy45LDY5LjZ6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTEzMy4zLDY5LjJsMi45LTIuOWwwLjEtMC4xbDEuNi0xLjVjLTAuNCwwLTAuOCwwLTEuNS0wLjJjLTAuNi0wLjItMS4zLTAuNi0xLjktMC42Yy0wLjEsMC0wLjYsMC0wLjksMC40DQoJCWMwLDAuMS0wLjEsMC4yLTAuMSwwLjRjMCwwLjIsMC4yLDAuNCwwLjIsMC42YzAsMC4zLTAuMywwLjQtMC40LDAuNGMtMC4zLDAtMC41LTAuMy0wLjUtMC42YzAtMC41LDAuNS0xLDAuOC0xLjMNCgkJYzAuNS0wLjUsMS4yLTEuMSwyLTEuMWMwLjIsMCwwLjMsMCwwLjUsMC4xYzAuMywwLjEsMC44LDAuMywxLjQsMC42YzAuNCwwLjIsMC43LDAuNCwxLjIsMC40YzAuMSwwLDAuMywwLDAuNC0wLjENCgkJYzAuMi0wLjIsMC4xLTAuNSwwLjMtMC44YzAuMS0wLjIsMC4zLTAuMywwLjUtMC4zYzAuMSwwLDAuMiwwLDAuMiwwLjNjMCwwLjEsMCwwLjItMC4xLDAuMmMtMC4yLDAuMy0xLjEsMS40LTIsMi4zDQoJCWMtMC41LDAuNS0xLDEuMS0xLjUsMS42Yy0wLjgsMC44LTEuNywxLjctMi41LDIuNmMwLjksMC4yLDEuMiwwLjQsMiwxYzAuOSwwLjgsMS42LDEuMiwyLjEsMS4yYzAuNSwwLDAuNi0wLjQsMC42LTAuNg0KCQljMCwwLDAtMC4yLTAuMS0wLjNjLTAuMS0wLjItMC4zLTAuMy0wLjMtMC42YzAtMC4zLDAuMi0wLjUsMC41LTAuNWMwLjIsMCwwLjUsMC4xLDAuNSwwLjZjMCwwLjQtMC4yLDAuOC0wLjIsMC45DQoJCWMtMC4zLDAuNy0xLjEsMS43LTIsMS43Yy0wLjIsMC0wLjQsMC0wLjgtMC4yYy0wLjYtMC4zLTEuMy0xLTEuOC0xLjVjLTAuNy0wLjYtMS0wLjgtMS42LTAuOGMtMC4zLDAtMC42LDAuMS0wLjYsMC40DQoJCWMwLDAuMiwwLjEsMC40LDAuMSwwLjZjMCwwLjItMC4yLDAuNC0wLjQsMC40Yy0wLjIsMC0wLjUtMC4xLTAuNS0wLjZjMC0wLjMsMC4xLTAuNSwwLjUtMC45TDEzMy4zLDY5LjJ6Ii8+DQoJPHBhdGggZmlsbD0iIzFBMUExOCIgZD0iTTE0MC4zLDY1LjFjMC43LTAuOSwwLjktMS4yLDEuOC0xLjljMC4xLDAsMC44LTAuNiwxLjQtMC42YzAuNSwwLDAuNiwwLjQsMC42LDAuNmMwLDAuMi0wLjEsMC41LTAuMiwwLjkNCgkJbC0xLjksNS4zYy0wLjEsMC4yLTAuMiwwLjQtMC4yLDAuNmMwLDAuMywwLjIsMC40LDAuMywwLjRjMC40LDAsMS40LTEuMSwxLjYtMS40bDAuMywwLjNjLTAuNSwwLjctMi4xLDIuNy0zLjIsMi43DQoJCWMtMC4zLDAtMC43LTAuMS0wLjctMC44YzAtMC41LDAuMi0wLjksMC4yLTEuMWwxLjYtNC42YzAuMS0wLjIsMC4yLTAuNiwwLjItMC45YzAtMC4zLTAuMi0wLjMtMC4zLTAuM2MtMC41LDAtMS4xLDAuOC0xLjQsMS4xDQoJCUwxNDAuMyw2NS4xeiBNMTQ0LDU3LjljMC41LDAsMC45LDAuNSwwLjksMWMwLDAuNS0wLjUsMC44LTEsMC44Yy0wLjYsMC0xLTAuNi0wLjgtMS4xQzE0My4yLDU4LjIsMTQzLjYsNTcuOSwxNDQsNTcuOXoiLz4NCgk8cGF0aCBmaWxsPSIjMUExQTE4IiBkPSJNMTQ1LDY1LjNjMC41LTAuNywxLTEuMywxLjYtMS45YzAuNy0wLjYsMS4zLTAuOCwxLjgtMC44YzAuNiwwLDAuNiwwLjUsMC42LDAuN2MwLDAuMi0wLjEsMC41LTAuMSwwLjcNCgkJYy0wLjIsMC45LTAuMywxLjEtMC44LDIuNWMtMC4xLDAuNC0wLjIsMC44LTAuMywxLjJjMC4yLTAuNCwwLjgtMS4yLDEuNi0yLjFjMC4zLTAuMywxLjQtMS40LDIuNi0yLjJjMC44LTAuNiwxLjQtMC44LDEuOC0wLjgNCgkJYzAuMSwwLDAuNSwwLDAuNywwLjNjMCwwLjEsMC4xLDAuMiwwLjEsMC40YzAsMCwwLDAuMSwwLDAuMmMwLDAuMS0wLjMsMS0wLjMsMS4xYy0wLjEsMC4zLTAuMiwwLjctMC4zLDFsLTEuMywzLjUNCgkJYy0wLjEsMC4zLTAuMiwwLjctMC4yLDFjMCwwLjMsMC4zLDAuNCwwLjQsMC40YzAuNSwwLDEtMC42LDEuOC0xLjRsMC4zLDAuM2MtMC42LDAuOC0wLjksMS0xLjMsMS40Yy0wLjIsMC4yLTAuNSwwLjQtMC43LDAuNg0KCQljLTAuNiwwLjQtMSwwLjYtMS40LDAuNmMtMC4xLDAtMC4yLDAtMC4zLTAuMWMtMC40LTAuMi0wLjQtMC42LTAuNC0wLjdjMC0wLjUsMC4zLTEuMywwLjQtMS44bDAuNi0xLjZjMC4zLTAuNiwwLjUtMS4zLDAuNy0yDQoJCWMwLjItMC41LDAuMy0wLjgsMC4zLTFjMC0wLjUtMC4zLTAuNS0wLjQtMC41Yy0wLjIsMC0wLjQsMC4xLTAuNCwwLjFjLTAuNCwwLjEtMC44LDAuNC0xLjQsMC45Yy0xLjksMS43LTIuOCwzLjUtMy4yLDQuNA0KCQljLTAuMiwwLjUtMC40LDAuOS0wLjYsMS40Yy0wLjEsMC40LTAuMiwwLjctMC4zLDAuOGMtMC4xLDAuMS0wLjMsMC4xLTAuNiwwLjFjLTAuNCwwLTAuNi0wLjItMC42LTAuNGMwLTAuMSwwLTAuMiwwLjEtMC40DQoJCWMwLjItMC41LDAuMy0wLjksMC41LTEuM2MwLjMtMC45LDAuNy0xLjksMS0yLjljMC4zLTEsMC42LTEuNywwLjYtMi4xYzAtMC4xLDAtMC4zLTAuMi0wLjRjMCwwLTAuMS0wLjEtMC4zLTAuMQ0KCQljLTAuMSwwLTAuMiwwLTAuNSwwLjJjLTAuNCwwLjMtMC43LDAuNi0xLjEsMUwxNDUsNjUuM3oiLz4NCjwvZz4NCjwvc3ZnPg0K); background-position: 0 0; background-size: auto; }
@media (min-width: 1010px) { #home a { margin: 0; } }

body.wissen #home { width: 100%; }
@media (min-width: 1010px) { body.wissen #home { width: 482px; } }

body.kiosk #home { width: 100%; }
@media (min-width: 1010px) { body.kiosk #home { width: 452px; } }

body.wissen #home a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -94px; background-repeat: no-repeat; overflow: hidden; height: 55px; width: 300px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { body.wissen #home a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -94px; height: 55px; width: 300px; } }
.svg body.wissen #home a { background-image: url(../images/logo-brandeins-wissen-small.svg); background-position: 0 0; background-size: auto; }
@media (min-width: 670px) { body.wissen #home a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; height: 89px; width: 482px; }
  .svg body.wissen #home a { background-image: url(../images/logo-brandeins-wissen.svg); background-position: 0 0; } }
@media (min-width: 670px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 670px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 670px) and (min-device-pixel-ratio: 2) { body.wissen #home a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 0; height: 88.5px; width: 482px; } }

body.kiosk #home a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -154px; background-repeat: no-repeat; overflow: hidden; height: 36px; width: 300px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { body.kiosk #home a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -347px; height: 18px; width: 150px; } }
.svg body.kiosk #home a { background-image: url(../images/logo-brandeins-kiosk-small.svg); background-position: 0 0; background-size: auto; }
@media (min-width: 670px) { body.kiosk #home a { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -195px; background-repeat: no-repeat; overflow: hidden; height: 54px; width: 452px; }
  .svg body.kiosk #home a { background-image: url(../images/logo-brandeins-kiosk.svg); background-position: 0 0; } }
@media (min-width: 670px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 670px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 670px) and (min-device-pixel-ratio: 2) { body.kiosk #home a { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -154px; height: 53.5px; width: 451.5px; } }

/* ** mainframe/_header/_mobile-nav.scss ** ** the mainframe/_header/_mobile-nav for the project. */
/* ** Layout */
/* mobile nav */
#mobile-nav { display: block; position: relative; width: 100%; z-index: 9; background-color: -webkit-linear-gradient(90deg, white 31%, #ececec 100%); background-image: -o-linear-gradient(90deg, white 31%, #ececec 100%); background-image: -moz-linear-gradient(90deg, white 31%, #ececec 100%); background-image: -webkit-linear-gradient(90deg, white 31%, #ececec 100%); background-image: -ms-linear-gradient(90deg, white 31%, #ececec 100%); background-image: linear-gradient(0deg, #ffffff 31%, #ececec 100%); border-top: 1px solid #e9e9e9; top: 0 !important; -webkit-box-shadow: #eeeeee 0 5px 15px; -moz-box-shadow: #eeeeee 0 5px 15px; box-shadow: #eeeeee 0 5px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 1010px) { #mobile-nav { display: none; } }
#mobile-nav ul { margin-bottom: 0; width: 100%; overflow: hidden; }
#mobile-nav ul li { position: relative; float: left; height: 40px; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Futura W01 Book'; font-size: 18px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
#mobile-nav ul li a { font-size: 18px; padding: 10px; font-weight: 600; display: inline-block; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mobile-nav ul li#mobile-idea { border-right: 1px solid #dddddd; width: 15%; }
@media (min-width: 1010px) { #mobile-nav ul li#mobile-idea { display: none; } }
#mobile-nav ul li#mobile-menu { border-right: 1px solid #dddddd; width: 35%; }
#mobile-nav ul li#mobile-menu a { padding-right: 15px; background: url(../images/common/mobile-menu-arrow-down.png) no-repeat right center; }
#mobile-nav ul li#mobile-menu.expanded a { background-image: url(../images/common/mobile-menu-arrow-up.png); }
#mobile-nav ul li#mobile-search { border-right: 1px solid #dddddd; width: 35%; }
#mobile-nav ul li#mobile-search a { padding-right: 20px; background: url(../images/common/search.png) no-repeat right center; }
#mobile-nav ul li#mobile-search.expanded a { background-image: url(../images/common/search-hover.png); }
#mobile-nav ul li#mobile-read { width: 15%; }
@media (min-width: 1010px) { #mobile-nav ul li#mobile-read { display: none; } }

body.wissen #mobile-nav li#mobile-idea, body.kiosk #mobile-nav li#mobile-idea { display: none; }
body.wissen #mobile-nav li#mobile-menu, body.kiosk #mobile-nav li#mobile-menu { width: 50%; }
body.wissen #mobile-nav li#mobile-read, body.kiosk #mobile-nav li#mobile-read { display: none; }
body.wissen #mobile-nav li#mobile-search, body.kiosk #mobile-nav li#mobile-search { width: 50%; border: none; }

/* ** mainframe/_header/_search.scss ** ** the mainframe/_header/_search for the project. */
/* ** Layout */
/* form search */
form#searchBox, form#searchBoxInner { display: block; height: 40px; background: #f8f7f6; border-bottom: 1px solid #999999; position: relative; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100000; }
form#searchBox:after, form#searchBoxInner:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
@media (min-width: 1250px) { form#searchBox, form#searchBoxInner { height: 50px; } }
form#searchBox input.searchWord, form#searchBox #completedWord, form#searchBoxInner input.searchWord, form#searchBoxInner #completedWord { font-size: 28px; line-height: 34px; height: 40px; vertical-align: top; border: none; padding: 0 10px; background: transparent url(../images/common/search.png) 98% center no-repeat; z-index: 7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 20px; line-height: 19px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
@media (min-width: 1010px) { form#searchBox input.searchWord, form#searchBox #completedWord, form#searchBoxInner input.searchWord, form#searchBoxInner #completedWord { position: relative; } }
@media (min-width: 1010px) and (max-width: 1250px) { form#searchBox input.searchWord, form#searchBox #completedWord, form#searchBoxInner input.searchWord, form#searchBoxInner #completedWord { font-size: 25px; line-height: 19px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; background-position: right 14px center; } }
@media (min-width: 1250px) { form#searchBox input.searchWord, form#searchBox #completedWord, form#searchBoxInner input.searchWord, form#searchBoxInner #completedWord { height: 50px; font-size: 30px; line-height: 19px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; background-position: right 19px center; } }
form#searchBox input.searchWord:focus, form#searchBox #completedWord:focus, form#searchBoxInner input.searchWord:focus, form#searchBoxInner #completedWord:focus { outline: none; }
form#searchBox input#completedWord, form#searchBoxInner input#completedWord { position: absolute; top: 0; left: 0; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
form#searchBox .clear_input, form#searchBoxInner .clear_input { top: 10px !important; left: 94% !important; border: 5px solid #f8f7f6; padding: 0; line-height: 1; z-index: 8; width: 11px; height: 11px; text-decoration: none; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -992px; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; background-color: #f8f7f6; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { form#searchBox .clear_input, form#searchBoxInner .clear_input { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -959px; height: 11px; width: 11px; } }
@media (min-width: 670px) { form#searchBox .clear_input, form#searchBoxInner .clear_input { left: 95% !important; } }
@media (min-width: 1250px) { form#searchBox .clear_input, form#searchBoxInner .clear_input { top: 14px !important; left: 96% !important; } }
form#searchBox #searchSubmit, form#searchBoxInner #searchSubmit { display: none; }

@media (min-width: 1010px) and (max-width: 1250px) { .wissen form#searchBox .clear_input, .wissen form#searchBoxInner .clear_input, .kiosk form#searchBox .clear_input, .kiosk form#searchBoxInner .clear_input { left: 93% !important; } }
@media (min-width: 1250px) { .wissen form#searchBox .clear_input, .wissen form#searchBoxInner .clear_input, .kiosk form#searchBox .clear_input, .kiosk form#searchBoxInner .clear_input { left: 94% !important; } }

form#searchBox { width: 90%; margin: 15px auto; }
@media (min-width: 1010px) { form#searchBox { width: 100%; margin: 0; } }
@media (min-width: 1010px) and (max-width: 1250px) { form#searchBox { margin-top: 25px; } }
@media (min-width: 1250px) { form#searchBox { margin-top: 16px; } }
form#searchBox input { width: 100%; }

/* form search autocomplete */
ul.ui-autocomplete { padding: 25px 0; -webkit-box-shadow: 0 3px 19px #999999; -moz-box-shadow: 0 3px 19px #999999; box-shadow: 0 3px 19px #999999; }
@media (max-width: 1010px) { ul.ui-autocomplete { display: none !important; } }
ul.ui-autocomplete.ui-widget-content { border: none; width: 100% !important; padding: 20px; background: #f8f7f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.ui-autocomplete li.ui-menu-item { text-align: left; margin-bottom: 10px; }
ul.ui-autocomplete li.ui-menu-item a { overflow: hidden; *zoom: 1; }
ul.ui-autocomplete li.ui-menu-item a.ui-state-focus { margin: 0; }
ul.ui-autocomplete li.ui-menu-item a.blue:hover { color: #27b4e4; }
ul.ui-autocomplete li.ui-menu-item a div.itemContent { width: 70%; float: left; }
ul.ui-autocomplete li.ui-menu-item a div.itemContent h3 { font-size: 20px; color: #05a131; }
ul.ui-autocomplete li.ui-menu-item a div.itemContent h3.blue { color: #27b4e4; }
ul.ui-autocomplete li.ui-menu-item a div.itemMeta { width: 20%; float: right; text-align: right; }
ul.ui-autocomplete li.ui-menu-item a div.itemMeta p.meta { margin: 0; color: #999999; }

body.wissen form#searchBox ul.ui-autocomplete div.itemContent, body.kiosk form#searchBox ul.ui-autocomplete div.itemContent { width: 80%; }

body.wissen form#searchBox a h3, body.wissen form#searchBox a:hover { color: #27b4e4; }

body.kiosk form#searchBox a h3, body.kiosk form#searchBox a:hover { color: #ff4948; }

/* ** mainframe/_header/_mainmenu.scss ** ** the mainframe/_header/_mainmenu for the project. */
/* ** Layout */
/* nav main-menu */
#main-menu { position: relative; text-align: center; top: auto; background: #eeeeee; left: auto; display: none; padding: 0 0 15px; height: auto; width: 100%; font-family: 'Futura W01 Book'; font-size: 13px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
#main-menu:after { clear: both; display: table; position: relative; content: ''; }
@media (min-width: 1010px) and (max-width: 1250px) { #main-menu { width: 960px; } }
@media (min-width: 1250px) { #main-menu { width: 1200px; } }
@media (min-width: 1010px) { #main-menu { width: auto; text-align: right; display: block; background: white url("../images/main-menu-shadow.png") no-repeat bottom right; } }
@media (max-width: 1010px) { #main-menu { background: #fff; z-index: 5; -webkit-box-shadow: #eeeeee 0 5px 15px; -moz-box-shadow: #eeeeee 0 5px 15px; box-shadow: #eeeeee 0 5px 15px; padding: 0; } }
@media (min-width: 1010px) and (max-width: 1250px) { #main-menu { padding: 0 0 20px; } }
#main-menu.opened { position: fixed; top: 45px; }
#main-menu.desktop { display: none; }
#main-menu ul.mainlevel1 { display: block; width: 100%; padding: 0; }
#main-menu ul.mainlevel1:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 { display: inline-block; z-index: 999; width: auto; } }
@media (min-width: 1010px) and (max-width: 1250px) { #main-menu ul.mainlevel1 { padding: 0 0 0 120px; } }
@media (min-width: 1250px) { #main-menu ul.mainlevel1 { padding: 0 0 0 275px; } }
#main-menu ul.mainlevel1 li { float: none; z-index: 999; padding-top: 30px; /* Corporate Publishing */ /* Online-Shop */ }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li { float: left; width: auto; } }
@media (max-width: 1010px) { #main-menu ul.mainlevel1 li { font-family: 'Futura W01 Book'; font-size: 18px; line-height: 28px; font-weight: normal; font-style: normal; color: black; text-transform: none; padding: 0; border-bottom: 1px solid #e4e4e4; text-transform: uppercase; text-align: left; } }
#main-menu ul.mainlevel1 li a { padding: 13px 0 13px 15%; display: block; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li a { padding: 5px 15px; } }
#main-menu ul.mainlevel1 li a:hover { color: #05a131; }
@media (max-width: 1010px) { #main-menu ul.mainlevel1 li.active { padding: 0; } }
@media (min-width: 1010px) and (max-width: 1250px) { #main-menu ul.mainlevel1 li.active { height: 63px; } }
@media (min-width: 1250px) { #main-menu ul.mainlevel1 li.active { height: 68px; } }
#main-menu ul.mainlevel1 li.active > a { color: #05a131; position: relative; z-index: 1; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li.active > a { background: url(../images/main-menu-hover-for-sub.png) no-repeat center 31px; } }
@media (min-width: 1250px) { #main-menu ul.mainlevel1 li.active > a { padding: 5px 15px 10px; } }
@media (max-width: 1010px) { #main-menu ul.mainlevel1 li.active .sub-menu { background-color: #f8f7f6; -webkit-box-shadow: inset 0 0 10px #bbbbbb; -moz-box-shadow: inset 0 0 10px #bbbbbb; box-shadow: inset 0 0 10px #bbbbbb; }
  #main-menu ul.mainlevel1 li.active .sub-menu li { padding: 10px 0 10px 20px; border-bottom: 1px solid #e5e5e5; }
  #main-menu ul.mainlevel1 li.active .sub-menu li:nth-last-of-type { border: none; } }
#main-menu ul.mainlevel1 li div.sub-menu { display: block; overflow: hidden; width: 100%; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li div.sub-menu { height: 30px; position: absolute; right: 0; } }
@media (min-width: 1010px) and (max-width: 1250px) { #main-menu ul.mainlevel1 li div.sub-menu { margin-top: -1px; } }
@media (min-width: 1250px) { #main-menu ul.mainlevel1 li div.sub-menu { margin-top: -5px; } }
#main-menu ul.mainlevel1 li div.sub-menu ul { width: 100%; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li div.sub-menu ul { display: inline-block; border-top: 1px solid #d4d4d4; text-align: center; line-height: 32px; } }
#main-menu ul.mainlevel1 li div.sub-menu ul li { float: none; border: none; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li div.sub-menu ul li { display: inline !important; } }
#main-menu ul.mainlevel1 li div.sub-menu ul li::before:after, #main-menu ul.mainlevel1 li div.sub-menu ul li::after:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
#main-menu ul.mainlevel1 li div.sub-menu ul li a { display: inline; font-size: 14px; }
#main-menu ul.mainlevel1 li div.sub-menu ul li.sub-active a { color: #05a131; }
#main-menu ul.mainlevel1 li#menu-item-7 a:hover, #main-menu ul.mainlevel1 li#menu-item-7.active > a { color: #27b4e4; }
#main-menu ul.mainlevel1 li#menu-item-7 .sub-menu .sub-active a { color: #27b4e4; }
#main-menu ul.mainlevel1 li#menu-item-8 a:hover { color: #ff4948; }
#main-menu ul.mainlevel1 li#menu-item-8.active { color: #ff4948; background-color: transparent; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li#menu-item-8.active > a { padding: 40px 0 5px 18px; margin: -35px 0 0; background: url(../images/main-menu-hover-for-sub.png) no-repeat center 66px, url(../images/common/shop-icon.png) no-repeat left 49px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
  #main-menu ul.mainlevel1 li#menu-item-8.active > a:hover { background: url(../images/common/shop-hover.png) no-repeat center 7px, url(../images/main-menu-hover-for-sub.png) no-repeat center 66px, url(../images/common/shop-icon.png) no-repeat left 49px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } }
@media (min-width: 1250px) { #main-menu ul.mainlevel1 li#menu-item-8.active > a { padding: 40px 0 10px 18px; } }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li#menu-item-8 .sub-menu ul { text-align: right; } }
#main-menu ul.mainlevel1 li#menu-item-8 > a { margin-left: 15%; padding: 10px 0 10px 20px; background: url(../images/common/shop-icon.png) no-repeat left 19px; color: #ff4948; }
@media (min-width: 1010px) { #main-menu ul.mainlevel1 li#menu-item-8 > a { padding: 40px 0 5px 18px; margin: -35px 0 0; background: url(../images/common/shop-icon.png) no-repeat left 49px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
  #main-menu ul.mainlevel1 li#menu-item-8 > a:hover { background: url(../images/common/shop-hover.png) no-repeat center 7px, url(../images/common/shop-icon.png) no-repeat left 49px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } }
#main-menu ul.mainlevel1 li#menu-item-8 .sub-menu .sub-active a { color: #ff4948; }

/* ** mainframe/_header/_submenu.scss ** ** the mainframe/_header/_submenu for the project. */
/* ** Layout */
/* nav sub-menu */
#sub-menu { margin-top: 0px; }
@media (min-width: 1010px) { #sub-menu { display: none; text-align: right; margin-top: -20px; border-top: 1px solid #999999; } }
#sub-menu ul { /*display: none;*/ width: 100%; top: 30px; padding-top: 10px; }
#sub-menu ul:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
@media (min-width: 1010px) { #sub-menu ul { width: auto; padding-top: 20px; padding-bottom: 10px; display: inline-block; } }
#sub-menu ul li { float: none; width: auto; }
#sub-menu ul li:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
@media (min-width: 1010px) { #sub-menu ul li { float: left; } }
#sub-menu ul li:last-of-type a { padding-right: 0; }
#sub-menu ul li a { padding: 3px 10px; font-size: 13px; line-height: 120%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }

#content #map-canvas { width: 100%; height: 200px; position: relative; }
@media (min-width: 670px) and (max-width: 1010px) { #content #map-canvas { height: 270px; } }
@media (min-width: 1010px) and (max-width: 1250px) { #content #map-canvas { height: 380px; } }
@media (min-width: 1250px) { #content #map-canvas { height: 465px; } }
#content .contactPerson { overflow: hidden; border-top: black 1px solid; padding-top: 30px; }
#content .contactPerson .contactLeft { width: 220px; float: left; }
#content .contactPerson .contactLeft img { display: block; margin: 0 auto; }
#content .contactPerson .contactRight { width: 360px; float: left; }
#content .contactPerson .contactRight h3 { margin: 0 0 14px 0; }
#content .contactPerson .contactRight .contactEmail, #content .contactPerson .contactRight .contactPhone, #content .contactPerson .contactRight contactVcard { margin: 0; }
#content .contactPerson .contactRight .contactEmail { margin-top: 14px; }
#content .contactPerson .contactRight .contactEmail a { color: #27b4e4; }
#content .contactPerson .contactRight .contactVcard a { color: black; }
#content .contactPerson .contactRight .contactVcard a:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }

/* ** mainframe/_footer.scss ** ** the mainframe/_footer for the project. */
/* ** Layout */
/* footer */
footer { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px auto 0 auto; padding: 60px 10px 0; position: relative; font-size: 0; text-align: right; clear: both; position: relative; }
@media (min-width: 1010px) and (max-width: 1250px) { footer { width: 960px; } }
@media (min-width: 1250px) { footer { width: 1200px; } }
footer .footnote { display: inline-block; font-family: 'Futura W01 Book'; font-size: 13px; font-weight: normal; padding-right: 15px; vertical-align: top; color: #D5D0C9; }
footer .footnote a { color: #D5D0C9; }
footer .footnote a:hover { text-decoration: underline; }
@media (min-width: 1010px) { footer { padding: 60px 0 0; } }

/* ** Imports After */
/* import header _xxx */
#sticky-to-top { width: 80px; height: 37px; margin-bottom: 0; display: none; position: relative; float: right; z-index: 100001; font-size: 13px; line-height: 19px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
#sticky-to-top a:link, #sticky-to-top a:visited { display: block; margin: 0; position: relative; height: 30px; border-bottom: 7px solid black; }
#sticky-to-top a .totopimg { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1353px; background-repeat: no-repeat; overflow: hidden; height: 14px; width: 26px; margin: auto; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #sticky-to-top a .totopimg { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1442px; height: 14px; width: 26px; } }
#sticky-to-top a:hover .totopimg { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1334px; background-repeat: no-repeat; overflow: hidden; height: 14px; width: 26px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #sticky-to-top a:hover .totopimg { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1547px; height: 14px; width: 26px; } }

ul#footer-links { position: relative; padding: 0; text-align: left; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Futura W01 Book'; font-size: 18px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; background-color: #f6f7f8; -webkit-box-shadow: inset 0px 11px 7px -6px rgba(229, 229, 229, 0.75); -moz-box-shadow: inset 0px 11px 7px -6px rgba(229, 229, 229, 0.75); box-shadow: inset 0px 11px 7px -6px rgba(229, 229, 229, 0.75); }
ul#footer-links:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
ul#footer-links > li { width: 100%; display: block; margin: 0; padding: 0; border-bottom: 1px solid #e4e4e4; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul#footer-links .mobile-toggle { display: block; padding: 10px 0 10px 30px; }
@media (min-width: 670px) and (max-width: 1010px) { ul#footer-links .mobile-toggle { padding: 10px 0 10px 80px; } }
ul#footer-links .mobile-toggle:after { content: url(../images/common/mobile-menu-arrow-down.png) no-repeat center center; padding: 0 0 0 10px; vertical-align: 3px; }
ul#footer-links .mobile-toggle.opened:after { content: url(../images/common/mobile-menu-arrow-up.png) no-repeat center center; }
ul#footer-links .item-with-sub { display: none; background-color: #f8f7f6; -webkit-box-shadow: inset 0 0 10px #bbbbbb; -moz-box-shadow: inset 0 0 10px #bbbbbb; box-shadow: inset 0 0 10px #bbbbbb; }
ul#footer-links .item-with-sub > a, ul#footer-links .item-with-sub li { display: block; padding: 10px 0 10px 40px; border-bottom: 1px solid #e5e5e5; }
@media (min-width: 670px) and (max-width: 1010px) { ul#footer-links .item-with-sub > a, ul#footer-links .item-with-sub li { padding: 10px 0 10px 90px; } }
ul#footer-links .item-with-sub > a:nth-last-of-type, ul#footer-links .item-with-sub li:nth-last-of-type { border: none; }
@media (min-width: 1010px) and (max-width: 1250px) { ul#footer-links { padding: 0 20px; font-family: 'Futura W01 Book'; font-size: 14px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
  ul#footer-links > li { margin: 40px 0 30px; padding: 0; float: left; width: 20%; border-bottom: none; text-transform: none; }
  ul#footer-links .mobile-toggle { display: none; }
  ul#footer-links .item-with-sub { display: block; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  ul#footer-links .item-with-sub > a { padding: 0; font-size: 18px; border: none; }
  ul#footer-links .item-with-sub ul { margin: 15px 0 0; -webkit-transition: 400ms ease-in; -moz-transition: 400ms ease-in; -o-transition: 400ms ease-in; transition: 400ms ease-in; }
  ul#footer-links .item-with-sub ul > li { padding: 0; font-size: 14px; line-height: 22px; border: none; } }
@media (min-width: 1250px) { ul#footer-links { padding: 0 40px; font-family: 'Futura W01 Book'; font-size: 14px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; }
  ul#footer-links > li { margin: 60px 0 50px; padding: 0; float: left; width: 20%; border-bottom: none; text-transform: none; }
  ul#footer-links > li > a { font-size: 18px; }
  ul#footer-links .mobile-toggle { display: none; }
  ul#footer-links .item-with-sub { display: block; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  ul#footer-links .item-with-sub > a { padding: 0; font-size: 18px; border: none; }
  ul#footer-links .item-with-sub ul { margin: 15px 0 0; -webkit-transition: 400ms ease-in; -moz-transition: 400ms ease-in; -o-transition: 400ms ease-in; transition: 400ms ease-in; }
  ul#footer-links .item-with-sub ul > li { padding: 0; font-size: 14px; line-height: 22px; border: none; } }

body.wissen ul#footer-links { border-color: #27b4e4; }
@media (min-width: 1010px) { body.wissen ul#footer-links > li { width: 25%; } }

body.kiosk ul#footer-links { border-color: #ff4948; }
@media (min-width: 1010px) { body.kiosk ul#footer-links > li { width: 25%; } }

#button-idea-slider, #button-read-slider { position: fixed; top: 40%; z-index: 1000000; cursor: pointer; -webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out, right 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out, right 0.3s ease-in-out; transition: left 0.3s ease-in-out, right 0.3s ease-in-out; }
@media (max-width: 670px) { #button-idea-slider, #button-read-slider { display: none; } }
@media (min-width: 670px) and (max-width: 1010px) { #button-idea-slider, #button-read-slider { display: none; } }
#button-idea-slider span, #button-read-slider span { display: block; width: 100%; height: 100%; text-indent: -119988px; overflow: hidden; text-align: left; }
#button-idea-slider span.slideOpen, #button-read-slider span.slideOpen { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -794px; background-repeat: no-repeat; overflow: hidden; height: 40px; width: 40px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #button-idea-slider span.slideOpen, #button-read-slider span.slideOpen { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -559px; height: 40px; width: 40px; } }

#button-idea-slider { left: 0; -webkit-box-shadow: 1px 1px 5px 0 #777777; -moz-box-shadow: 1px 1px 5px 0 #777777; box-shadow: 1px 1px 5px 0 #777777; }
#button-idea-slider span { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -556px; background-repeat: no-repeat; overflow: hidden; height: 40px; width: 40px; background-color: #c4c4c4; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #button-idea-slider span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -771px; height: 20px; width: 20px; } }
.svg #button-idea-slider span { background: #c4c4c4 url("../images/gluehbirne.svg") no-repeat center center; background-size: 34px 39px; }

#button-read-slider { right: 0; -webkit-box-shadow: -1px 1px 5px 0 #777777; -moz-box-shadow: -1px 1px 5px 0 #777777; box-shadow: -1px 1px 5px 0 #777777; }
#button-read-slider span { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -659px; background-repeat: no-repeat; overflow: hidden; height: 40px; width: 40px; background-color: #c4c4c4; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #button-read-slider span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -891px; height: 20px; width: 20px; } }
.svg #button-read-slider span { background: #c4c4c4 url("../images/seitensymbol.svg") no-repeat center center; background-size: 34px 37px; }

#pid-2 #button-idea-slider span.slideOpen, #pid-2 #button-read-slider span.slideOpen { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -794px; background-repeat: no-repeat; overflow: hidden; height: 40px; width: 40px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #pid-2 #button-idea-slider span.slideOpen, #pid-2 #button-read-slider span.slideOpen { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -559px; height: 40px; width: 40px; } }

#pid-2 #button-idea-slider span { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -704px; background-repeat: no-repeat; overflow: hidden; height: 40px; width: 40px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #pid-2 #button-idea-slider span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -866px; height: 20px; width: 20px; } }

#pid-2 #button-read-slider span { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -749px; background-repeat: no-repeat; overflow: hidden; height: 40px; width: 40px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #pid-2 #button-read-slider span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -934px; height: 20px; width: 20px; } }

/* mobile button */
#mobile-idea span, #mobile-read span { display: inline-block; padding: 0 !important; margin: 6px 0 0; cursor: pointer; text-indent: -119988px; overflow: hidden; text-align: left; }

#mobile-idea span { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -839px; background-repeat: no-repeat; overflow: hidden; height: 28px; width: 28px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #mobile-idea span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -994px; height: 14px; width: 14px; } }

#mobile-read span { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -872px; background-repeat: no-repeat; overflow: hidden; height: 28px; width: 28px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #mobile-read span { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -975px; height: 14px; width: 14px; } }

#mobile-idea span.slideOpen, #mobile-read span.slideOpen { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1062px; background-repeat: no-repeat; overflow: hidden; height: 23px; width: 23px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #mobile-idea span.slideOpen, #mobile-read span.slideOpen { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1247px; height: 22.5px; width: 22.5px; } }

#mobile-idea span.slideOpen { margin: 9px 35% 0 0; }
@media (min-width: 670px) and (max-width: 1010px) { #mobile-idea span.slideOpen { margin: 9px 0 0; } }

#mobile-read span.slideOpen { margin: 9px 0 0 35%; }
@media (min-width: 670px) and (max-width: 1010px) { #mobile-read span.slideOpen { margin: 9px 0 0; } }

#leftSlide, #rightSlide { display: none; position: fixed; top: 0; height: 100%; z-index: 999999; width: 90%; max-width: 650px; overflow: hidden; }
@media (min-width: 1010px) { #leftSlide, #rightSlide { width: 650px; } }
#leftSlide .articleListItem, #rightSlide .articleListItem { cursor: default; }

#idea-slide, #read-slide { height: 100%; width: 100%; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#idea-slide h2, #read-slide h2 { margin: 0 0 25px; padding: 0; font-size: 22px; color: white; }
@media (max-width: 670px) { #idea-slide h2, #read-slide h2 { margin: 10px 0 0; text-align: center; } }
#idea-slide h2.matrix, #read-slide h2.matrix { padding: 0 0 10px; border-bottom: 1px solid #fff; text-transform: uppercase; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide h2.matrix, #read-slide h2.matrix { font-size: 20px; } }
@media (max-width: 670px) { #idea-slide h2.matrix, #read-slide h2.matrix { font-size: 14px; } }
#idea-slide .lunchSlider, #read-slide .lunchSlider { padding: 40px 0 25px; margin: 0 auto 20px; color: #fff; }
#idea-slide .lunchSlider a, #read-slide .lunchSlider a { color: #fff; }
#idea-slide .lunchButtons, #read-slide .lunchButtons { margin: 0 0 6px; }
#idea-slide .lunchButtons > p, #read-slide .lunchButtons > p { max-width: 48%; font-size: 14px; }
@media (max-width: 1010px) { #idea-slide .lunchButtons > p, #read-slide .lunchButtons > p { font-size: 12px; } }
#idea-slide .lunchLength, #read-slide .lunchLength { font-style: italic; }
#idea-slide .lunchRefresh, #read-slide .lunchRefresh { max-width: 48%; text-align: right; }
#idea-slide .lunchRefresh a .arrow, #read-slide .lunchRefresh a .arrow { content: url('../images/circle-arrow-white.png?1456220446'); }
#idea-slide #lunchSliderWrap, #read-slide #lunchSliderWrap { border: 1px solid white; background: url('../images/slider-slots-white.png?1456220446') left center no-repeat, url('../images/slider-slots-white.png?1456220446') center center no-repeat, url('../images/slider-slots-white.png?1456220446') right center no-repeat; }
#idea-slide #lunchSliderWrap a, #read-slide #lunchSliderWrap a { background-color: white; margin: -1px 0 0 -8px; border: 3px solid #fff; }
#idea-slide .optionsText li, #read-slide .optionsText li { color: #fff; }
#idea-slide .articleList, #read-slide .articleList { margin: 0 0 60px; }
#idea-slide .articleList .articleListItem, #read-slide .articleList .articleListItem { padding: 35px 0; position: relative; border-bottom: 1px solid #777; overflow: hidden; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
#idea-slide .articleList .articleListItem:hover, #read-slide .articleList .articleListItem:hover { background-color: #333; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
#idea-slide .articleList .articleListItem > a, #read-slide .articleList .articleListItem > a { display: none; }
#idea-slide .articleList .articleListItem h3, #read-slide .articleList .articleListItem h3 { font-size: 28px; color: white; }
#idea-slide .articleList .articleListItem p, #read-slide .articleList .articleListItem p { color: white; }
#idea-slide .articleList .articleListItem .articleListItemContent, #read-slide .articleList .articleListItem .articleListItemContent { float: none; width: 100%; margin: 0; text-align: center; }
#idea-slide .articleList .articleListItem .articleListItemContent a h2, #read-slide .articleList .articleListItem .articleListItemContent a h2 { word-wrap: break-word; text-align: center; }
#idea-slide .articleList .articleListItem.articleImage .articleListItemContent, #read-slide .articleList .articleListItem.articleImage .articleListItemContent { float: left; width: 50%; margin: 0 2% 0 0; text-align: left; }
#idea-slide .articleList .articleListItem.articleImage .articleListItemContent a h2, #read-slide .articleList .articleListItem.articleImage .articleListItemContent a h2 { text-align: left; }
#idea-slide .articleList .articleListItem.articleImage .articleListItemContent a p, #read-slide .articleList .articleListItem.articleImage .articleListItemContent a p { margin: 0 0 30px; font-weight: normal; }
@media (max-width: 670px) { #idea-slide .articleList .articleListItem.articleImage .articleListItemContent a p, #read-slide .articleList .articleListItem.articleImage .articleListItemContent a p { margin: 20px 0; text-align: center; } }
@media (max-width: 670px) { #idea-slide .articleList .articleListItem.articleImage .articleListItemContent, #read-slide .articleList .articleListItem.articleImage .articleListItemContent { float: none; width: 100%; margin: 0 0 10%; }
  #idea-slide .articleList .articleListItem.articleImage .articleListItemContent a h2, #read-slide .articleList .articleListItem.articleImage .articleListItemContent a h2 { text-align: center; } }
#idea-slide .articleList .articleListItem.articleImage .articleListItemImage, #read-slide .articleList .articleListItem.articleImage .articleListItemImage { float: right; width: 46%; height: auto; margin: 0 0 0 2%; }
@media (max-width: 670px) { #idea-slide .articleList .articleListItem.articleImage .articleListItemImage, #read-slide .articleList .articleListItem.articleImage .articleListItemImage { float: none; width: 100%; margin: 0; } }
#idea-slide .articleList .articleListItem .button:before, #read-slide .articleList .articleListItem .button:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; }
#idea-slide .articleList .articleListItem .button, #read-slide .articleList .articleListItem .button { color: #fff !important; background-color: #333; margin: 0; }
#idea-slide .articleList .articleListItem .button:hover, #read-slide .articleList .articleListItem .button:hover { color: #fff !important; background-color: #999999; }
#idea-slide .articleList .articleListItem .button:hover:before, #read-slide .articleList .articleListItem .button:hover:before { color: #fff; }
@media (max-width: 670px) { #idea-slide .articleList .articleListItem .button, #read-slide .articleList .articleListItem .button { display: block; width: 60px; text-align: center; margin: 0 auto; } }
#idea-slide .articleList .ajax-loader, #read-slide .articleList .ajax-loader { background-color: rgba(51, 51, 51, 0.7); }
@media (max-width: 670px) { #idea-slide .articleList .cover-image, #read-slide .articleList .cover-image { padding: 30px 0 70px; } }
#idea-slide .articleList .cover-image img, #read-slide .articleList .cover-image img { width: 100%; height: auto; display: block; }
#idea-slide .articleList .cover-image h3, #idea-slide .articleList .cover-image .more, #read-slide .articleList .cover-image h3, #read-slide .articleList .cover-image .more { position: absolute; }
#idea-slide .articleList .cover-image h3, #read-slide .articleList .cover-image h3 { top: 70px; left: 50px; width: 230px; color: black; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .articleList .cover-image h3, #read-slide .articleList .cover-image h3 { top: 50px; left: 32px; width: 260px; } }
@media (max-width: 670px) { #idea-slide .articleList .cover-image h3, #read-slide .articleList .cover-image h3 { top: 35px; left: 15px; } }
#idea-slide .articleList .cover-image .more, #read-slide .articleList .cover-image .more { bottom: 40px; right: 30px; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .articleList .cover-image .more, #read-slide .articleList .cover-image .more { bottom: 35px; right: 25px; } }
@media (max-width: 670px) { #idea-slide .articleList .cover-image .more, #read-slide .articleList .cover-image .more { bottom: 20px; right: 0; } }
#idea-slide .articleList .center-text, #read-slide .articleList .center-text { text-align: center; }
#idea-slide .articleList .center-text h3, #read-slide .articleList .center-text h3 { margin: 3px 0 12px; }
@media (max-width: 670px) { #idea-slide .articleList .two-col-text, #idea-slide .articleList .two-col-image, #read-slide .articleList .two-col-text, #read-slide .articleList .two-col-image { text-align: center; } }
#idea-slide .articleList .two-col-text .left-col, #idea-slide .articleList .two-col-image .left-col, #read-slide .articleList .two-col-text .left-col, #read-slide .articleList .two-col-image .left-col { float: left; margin: 0 5% 0 0; }
@media (max-width: 670px) { #idea-slide .articleList .two-col-text .left-col, #idea-slide .articleList .two-col-image .left-col, #read-slide .articleList .two-col-text .left-col, #read-slide .articleList .two-col-image .left-col { float: none; margin: 0; } }
#idea-slide .articleList .two-col-text .right-col, #idea-slide .articleList .two-col-image .right-col, #read-slide .articleList .two-col-text .right-col, #read-slide .articleList .two-col-image .right-col { float: right; }
@media (max-width: 670px) { #idea-slide .articleList .two-col-text .right-col, #idea-slide .articleList .two-col-image .right-col, #read-slide .articleList .two-col-text .right-col, #read-slide .articleList .two-col-image .right-col { float: none; } }
@media (max-width: 670px) { #idea-slide .articleList .two-col-text h3, #read-slide .articleList .two-col-text h3 { margin: 3px 0 12px; } }
#idea-slide .articleList .two-col-text .left-col, #read-slide .articleList .two-col-text .left-col { width: 45%; }
@media (max-width: 670px) { #idea-slide .articleList .two-col-text .left-col, #read-slide .articleList .two-col-text .left-col { width: 100%; } }
#idea-slide .articleList .two-col-text .right-col, #read-slide .articleList .two-col-text .right-col { width: 50%; }
@media (max-width: 670px) { #idea-slide .articleList .two-col-text .right-col, #read-slide .articleList .two-col-text .right-col { width: 100%; } }
@media (max-width: 670px) { #idea-slide .articleList .two-col-image h3, #read-slide .articleList .two-col-image h3 { margin: 20px 0 12px; } }
#idea-slide .articleList .two-col-image .left-col, #read-slide .articleList .two-col-image .left-col { width: 50%; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .articleList .two-col-image .left-col, #read-slide .articleList .two-col-image .left-col { margin: 0 4% 0 0; } }
@media (max-width: 670px) { #idea-slide .articleList .two-col-image .left-col, #read-slide .articleList .two-col-image .left-col { width: 100%; } }
#idea-slide .articleList .two-col-image .right-col, #read-slide .articleList .two-col-image .right-col { width: 45%; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .articleList .two-col-image .right-col, #read-slide .articleList .two-col-image .right-col { width: 46%; } }
@media (max-width: 670px) { #idea-slide .articleList .two-col-image .right-col, #read-slide .articleList .two-col-image .right-col { width: 100%; } }
#idea-slide .articleList .two-col-image img, #read-slide .articleList .two-col-image img { width: 100%; height: auto; display: block; }
#idea-slide .current-issue, #read-slide .current-issue { padding: 25px 0; margin: 0 0 50px; overflow: hidden; border-bottom: 1px solid white; width: 100%; background: transparent; }
@media (max-width: 670px) { #idea-slide .current-issue, #read-slide .current-issue { margin: 0 0 30px; } }
#idea-slide .current-issue img, #read-slide .current-issue img { width: 50%; margin: 0 25%; -webkit-box-shadow: 0 2px 15px 0 #222222; -moz-box-shadow: 0 2px 15px 0 #222222; box-shadow: 0 2px 15px 0 #222222; }
@media (min-width: 670px) { #idea-slide .current-issue img, #read-slide .current-issue img { float: right; width: 50%; } }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .current-issue img, #read-slide .current-issue img { margin: 0 5px 0 0; } }
@media (min-width: 1010px) { #idea-slide .current-issue img, #read-slide .current-issue img { margin: 0 5px 0 0; } }
#idea-slide .current-issue h3, #read-slide .current-issue h3 { font-size: 36px; text-align: center; margin: 12px 0 5px; color: white; }
@media (min-width: 670px) { #idea-slide .current-issue h3, #read-slide .current-issue h3 { margin: 0; width: 180px; text-align: left; } }
@media (min-width: 1010px) { #idea-slide .current-issue h3, #read-slide .current-issue h3 { font-size: 40px; } }
#idea-slide .current-issue .more, #read-slide .current-issue .more { width: 100px; margin: 20px 0 0; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .current-issue .more, #read-slide .current-issue .more { margin: 25px 0 0; } }
@media (min-width: 1010px) { #idea-slide .current-issue .more, #read-slide .current-issue .more { margin: 50px 0 0; } }
#idea-slide .current-issue .button, #read-slide .current-issue .button { color: white; background-color: #333; margin: 5px 7px; }
#idea-slide .current-issue .button:hover, #read-slide .current-issue .button:hover { color: white; background-color: #999999; }
#idea-slide .current-issue .button:hover:before, #read-slide .current-issue .button:hover:before { color: white; }
#idea-slide .current-issue .button:before, #read-slide .current-issue .button:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; }
@media (min-width: 670px) { #idea-slide .current-issue .button, #read-slide .current-issue .button { margin: 5px 0; } }
#idea-slide #tabsOuterWrap, #read-slide #tabsOuterWrap { padding: 0; }
#idea-slide #read-tabs-area, #read-slide #read-tabs-area { padding: 0; }
#idea-slide .read-magazines, #read-slide .read-magazines { width: 100%; overflow: hidden; padding: 0; }
#idea-slide .read-magazine, #read-slide .read-magazine { width: 50%; height: auto; position: relative; text-align: center; background-color: #f8f8f8; -webkit-box-shadow: 0 2px 15px 0 #222222; -moz-box-shadow: 0 2px 15px 0 #222222; box-shadow: 0 2px 15px 0 #222222; }
#idea-slide .read-magazine:nth-of-type(odd), #read-slide .read-magazine:nth-of-type(odd) { margin: 25px 25%; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .read-magazine:nth-of-type(odd), #read-slide .read-magazine:nth-of-type(odd) { margin: 15px 5% 15px 7%; } }
@media (min-width: 1010px) { #idea-slide .read-magazine:nth-of-type(odd), #read-slide .read-magazine:nth-of-type(odd) { margin: 15px 4% 15px 1%; } }
#idea-slide .read-magazine:nth-of-type(even), #read-slide .read-magazine:nth-of-type(even) { margin: 25px 25%; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .read-magazine:nth-of-type(even), #read-slide .read-magazine:nth-of-type(even) { margin: 15px 7% 15px 5%; } }
@media (min-width: 1010px) { #idea-slide .read-magazine:nth-of-type(even), #read-slide .read-magazine:nth-of-type(even) { margin: 15px 1% 15px 4%; } }
@media (min-width: 670px) { #idea-slide .read-magazine, #read-slide .read-magazine { float: left; } }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .read-magazine, #read-slide .read-magazine { width: 38%; } }
@media (min-width: 1010px) { #idea-slide .read-magazine, #read-slide .read-magazine { width: 45%; } }
#idea-slide .read-magazine > a, #read-slide .read-magazine > a { position: relative; display: block; height: auto; }
#idea-slide .read-magazine img, #read-slide .read-magazine img { display: block; width: 100%; }
#idea-slide .read-magazine .button, #read-slide .read-magazine .button { position: absolute; opacity: 0; width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*@include arrow-right("white");*/ }
#idea-slide .read-magazine .button:hover, #read-slide .read-magazine .button:hover { background-color: black; }
#idea-slide .read-magazine img, #idea-slide .read-magazine .button, #read-slide .read-magazine img, #read-slide .read-magazine .button { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
#idea-slide .read-magazine .buy, #read-slide .read-magazine .buy { top: 100px; left: 50%; margin: 0 0 0 -50px; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .read-magazine .buy, #read-slide .read-magazine .buy { top: 70px; } }
#idea-slide .read-magazine .read, #read-slide .read-magazine .read { top: 45%; left: 50%; margin: 0 0 0 -50px; }
@media (min-width: 670px) and (max-width: 1010px) { #idea-slide .read-magazine .read, #read-slide .read-magazine .read { top: 115px; } }
#idea-slide .read-magazine:hover img, #read-slide .read-magazine:hover img { opacity: 0.5; }
#idea-slide .read-magazine:hover .button, #read-slide .read-magazine:hover .button { opacity: 1; }
#idea-slide .read-magazine:hover img, #idea-slide .read-magazine:hover .button, #read-slide .read-magazine:hover img, #read-slide .read-magazine:hover .button { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

/* idea slide styles */
#leftSlide { left: -650px; background: #333333 url("../images/pageslider-left-book.png") repeat-y top right; }
@media (min-width: 670px) and (max-width: 1010px) { #leftSlide { left: -500px; } }
@media (max-width: 670px) { #leftSlide { left: -350px; } }
#leftSlide #idea-slide { padding: 20px 70px 20px 80px; }
@media (min-width: 670px) and (max-width: 1010px) { #leftSlide #idea-slide { padding: 10px 45px 10px 25px; } }
@media (max-width: 670px) { #leftSlide #idea-slide { padding: 10px 35px 10px 15px; } }
#leftSlide #idea-slide > a.close { left: 651px; margin-left: -20px; }
@media (min-width: 670px) and (max-width: 1010px) { #leftSlide #idea-slide > a.close { left: 501px; } }
@media (min-width: 670px) and (max-width: 1010px) { #leftSlide #idea-slide #lunchList .articleListItemImage img { width: 50%; padding: 2% 25%; } }

/* read slide styles */
#rightSlide { right: -650px; background: #333333 url("../images/pageslider-right-book.png") repeat-y top left; }
@media (min-width: 670px) and (max-width: 1010px) { #rightSlide { right: -500px; } }
@media (max-width: 670px) { #rightSlide { right: -350px; } }
#rightSlide #read-slide { padding: 20px 80px 20px 70px; }
@media (min-width: 670px) and (max-width: 1010px) { #rightSlide #read-slide { padding: 10px 25px 10px 45px; } }
@media (max-width: 670px) { #rightSlide #read-slide { padding: 10px 15px 10px 35px; } }
#rightSlide #read-slide > a.close { right: 651px; margin-right: -20px; }
@media (min-width: 670px) and (max-width: 1010px) { #rightSlide #read-slide > a.close { right: 501px; } }

nav.breadcrumb { display: none; }
@media (min-width: 1010px) { nav.breadcrumb { display: block; font-family: 'Dot Matrix'; font-size: 11px; line-height: 20px; font-weight: normal; font-style: normal; color: #cccccc; text-transform: uppercase; letter-spacing: 1px; color: #ccc; border-bottom: 1px solid #999; padding: 0 0 2px 10px; letter-spacing: 1px; }
  nav.breadcrumb a:hover, nav.breadcrumb a.active { color: #000; }
  nav.breadcrumb .separator { padding: 0 6px 0 9px; } }
@media (min-width: 1010px) and (max-width: 1250px) { nav.breadcrumb { margin: 0 0px 20px; } }
@media (min-width: 1250px) { nav.breadcrumb { margin: 0 0px 30px; } }

/* END nav.breadcrumb */
.oneCol.small { padding: 10 5%; margin: 0 auto; }
@media (min-width: 1010px) { .oneCol.small { width: 60%; margin: 0 auto; } }

.twoCols.even { padding: 20px 0 20px; overflow: hidden; }
.twoCols.even:after { position: relative; clear: both; content: ''; display: table; line-height: 0; }
.twoCols.even .leftCol, .twoCols.even .rightCol { float: left; width: 48%; }
@media (max-width: 670px) { .twoCols.even .leftCol, .twoCols.even .rightCol { float: none; } }
.twoCols.even .leftCol { padding: 0 2% 0 0; }
@media (max-width: 670px) { .twoCols.even .leftCol { width: 92%; padding: 0 4%; } }
.twoCols.even .rightCol { padding: 0 0 0 2%; }
@media (max-width: 670px) { .twoCols.even .rightCol { width: 92%; padding: 0 4%; } }
.twoCols.even h2 { margin: 0 0 30px; }

.twoCols.even.small { padding: 10 5%; margin: 0 auto; }
@media (min-width: 1010px) { .twoCols.even.small { width: 60%; margin: 0 auto; } }

.threeCols { margin: 0; overflow: hidden; }
.threeCols > div { width: 388px; float: left; margin: 30px 0 20px; text-align: center; overflow: hidden; }
@media (min-width: 1010px) and (max-width: 1250px) { .threeCols > div { width: 308px; } }
@media (min-width: 670px) and (max-width: 1010px) { .threeCols > div { width: 49%; margin: 30px 0; } }
@media (max-width: 670px) { .threeCols > div { float: none; width: 100%; margin: 30px 0; } }
.threeCols > div.secondCol { margin: 30px 18px 40px; }
@media (min-width: 670px) and (max-width: 1010px) { .threeCols > div.secondCol { margin: 30px 0 30px 2%; } }
@media (max-width: 670px) { .threeCols > div.secondCol { margin: 30px 0; } }
.threeCols > div .current-issue-image { padding: 10px 0; }
.threeCols > div .current-issue-image img { max-height: 400px; width: auto; height: auto; }
#content .threeCols > div .advertisement { margin-top: 0; }

.twoCols30_70 { margin: 0; overflow: hidden; }
.twoCols30_70 > div { float: left; overflow: hidden; }
.twoCols30_70 > div.firstCol { width: 388px; margin: 30px 18px 40px 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .twoCols30_70 > div.firstCol { width: 308px; } }
@media (min-width: 670px) and (max-width: 1010px) { .twoCols30_70 > div.firstCol { width: 49%; margin: 30px 0; } }
@media (max-width: 670px) { .twoCols30_70 > div.firstCol { float: none; width: 100%; margin: 30px 0; } }
.twoCols30_70 > div.secondCol { width: 794px; margin: 30px 0 40px; }
@media (min-width: 1010px) and (max-width: 1250px) { .twoCols30_70 > div.secondCol { width: 634px; } }
@media (max-width: 1010px) { .twoCols30_70 > div.secondCol { width: 100%; } }
.twoCols30_70 > div h2 { margin: 0 0 30px; }

.twoCols70_30 { margin: 0; overflow: hidden; }
.twoCols70_30 > div { float: left; text-align: center; overflow: hidden; }
.twoCols70_30 > div.leftCol { width: 794px; margin: 30px 0 40px; }
@media (min-width: 1010px) and (max-width: 1250px) { .twoCols70_30 > div.leftCol { width: 634px; } }
@media (max-width: 1010px) { .twoCols70_30 > div.leftCol { width: 100%; } }
.twoCols70_30 > div.rightCol { width: 388px; margin: 30px 0 40px 18px; }
@media (min-width: 1010px) and (max-width: 1250px) { .twoCols70_30 > div.rightCol { width: 308px; } }
@media (min-width: 670px) and (max-width: 1010px) { .twoCols70_30 > div.rightCol { width: 49%; margin: 30px 0; } }
@media (max-width: 670px) { .twoCols70_30 > div.rightCol { float: none; width: 100%; margin: 30px 0; } }
.twoCols70_30 > div h2 { margin: 0 0 30px; }

body form { background: #ECECEC; padding: 30px 20px; font-size: 20px; }
body form label { display: block; padding-bottom: 8px; }
body form input, body form select, body form textarea, body form .input-text { background: #fafafa; padding: 10px 10px 9px; font-size: 20px; line-height: 120%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
body form input:focus, body form select:focus, body form textarea:focus, body form .input-text:focus { outline: none; background: #fff; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
body form input, body form textarea { border: none; }
body form input[type='text'], body form input[type='email'] { height: 22px; }
body form input[type='submit'] { width: auto; cursor: pointer; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
body form input[type='submit']:hover { -webkit-box-shadow: 0 0 5px 0 #bbbbbb; -moz-box-shadow: 0 0 5px 0 #bbbbbb; box-shadow: 0 0 5px 0 #bbbbbb; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
body form select { margin: 3px 0 5px; font-size: 17px; color: #333333; background-color: white; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.innerContent .contentSection .tx-powermail form { padding: 20px; }
.innerContent .contentSection .tx-powermail h3 { margin: 0 0 30px; font-size: 25px; }
.innerContent .contentSection .tx-powermail .powermail_message { padding: 20px; border: 10px solid #ff4948; }
.innerContent .contentSection .tx-powermail .powermail_legend { display: none; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap { width: 100%; margin: 0 0 30px; line-height: 120%; overflow: hidden; position: relative; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap label, .innerContent .contentSection .tx-powermail .powermail_fieldwrap legend { width: 100%; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap label span, .innerContent .contentSection .tx-powermail .powermail_fieldwrap legend span { padding: 0 0 0 5px; color: #05a131; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap input { width: 90%; margin: 0; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap input[type='submit'] { display: block; width: auto; margin: 7px auto; padding: 10px 15px 9px; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap select { width: 75%; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap textarea { width: 90%; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap .powermail_captchaimage { width: 100%; margin: 0 0 10px; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio { font-size: 16px; text-align: left; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_check_legend, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_radio_legend, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_check_legend, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_radio_legend { font-size: 16px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Bold', Garamond, serif; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_checkbox, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_checkbox + label, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_radio, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_radio + label, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_checkbox, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_checkbox + label, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_radio, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_radio + label { display: inline-block; width: auto; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_checkbox, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_checkbox { margin: 10px 5px 9px; vertical-align: top; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_checkbox + label, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_checkbox + label { margin: 7px 5px 6px; max-width: 80%; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_radio, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_radio { margin: 10px 5px 9px; vertical-align: top; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_check .powermail_radio + label, .innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_radio .powermail_radio + label { margin: 7px 5px 6px; max-width: 80%; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_submit { margin: 0; }
.innerContent .contentSection .tx-powermail .powermail_fieldwrap_html { text-align: center; }
.innerContent .contentSection .tx-powermail .powermail_confirmation { overflow: hidden; }
.innerContent .contentSection .tx-powermail .powermail_confirmation h4 { margin: 0 0 25px; font-size: 20px; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_all { width: 100%; margin: 15px 0; overflow: hidden; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_all:last-of-type { margin: 15px 0 30px; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_all dt { float: left; clear: left; width: 30%; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_all dd { float: left; width: 70%; margin: 0; min-height: 28px; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_form { float: left; padding: 0; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_form:first-of-type { margin: 0 10px 0 0; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_form:last-of-type { margin: 0 0 0 10px; }
.innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_form .powermail_confirmation_form, .innerContent .contentSection .tx-powermail .powermail_confirmation .powermail_form .powermail_confirmation_submit { margin: 1px; }

.wissen .innerContent .contentSection .tx-powermail .powermail_fieldwrap label span, .wissen .innerContent .contentSection .tx-powermail .powermail_fieldwrap legend span { color: #27b4e4; }

.news-item { width: 100%; padding: 30px 0; overflow: hidden; border-bottom: 1px solid #cecac2; }
@media (min-width: 670px) { .news-item { padding: 40px 0; } }
@media (min-width: 1010px) { .news-item { -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
  .news-item:hover { background-color: #f8f7f6; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } }

body.wissen #content .news-item a.more:hover { color: #27b4e4; }

.news-meta { width: 100%; margin: 10px 0; }
@media (min-width: 670px) { .news-meta { float: left; width: 18%; margin: 0 2% 0 0; padding: 11px 0 0; } }
.news-meta p { margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
@media (min-width: 670px) { .news-meta p { text-align: right; } }

.news-content { width: 100%; overflow: hidden; }
@media (min-width: 670px) { .news-content { float: left; width: 80%; } }

.news-title-wrapper { width: 100%; margin: 0 0 30px; }
.news-title-wrapper h4 { margin: 15px 0 0; font-size: 24px; }

.news-description { width: 100%; margin: 0 0 30px; }
@media (min-width: 1010px) { .news-description { float: left; width: 63%; margin: 0 7% 0 0; } }

.news-subtitle { width: 100%; margin: 0 0 30px; font-size: 22px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
@media (min-width: 1010px) { .news-subtitle { float: left; width: 43%; margin: 0 2% 0 0; } }

.news-info { width: 100%; }
@media (min-width: 1010px) { .news-info { float: left; width: 30%; } }

.news-statement { width: 100%; }
@media (min-width: 1010px) { .news-statement { float: left; width: 53%; margin: 0 0 0 2%; padding: 7px 0 0; } }
.news-statement.full-width { width: 100%; margin: 0; }
.news-statement p { margin: 0 0 15px; }
.news-statement p:last-of-type:after { content: "\25b6"; font-size: 13px; margin: 0 0 0 7px; }

body > #content .news-statement a.more { text-transform: uppercase; }

.news-info-item { overflow: hidden; margin: 0 0 10px; }
.news-info-item.last { margin: 30px 0 0; }
.news-info-item p { margin: 0; }

.news-info-title { float: left; width: 90px; }
@media (min-width: 1010px) { .news-info-title { width: 30%; } }

.news-info-content { float: left; }
@media (min-width: 1010px) { .news-info-content { width: 70%; } }

#archive { width: 100%; overflow: hidden; }
#archive .sticky.scroll-to-fixed-fixed { background: white; }
@media (min-width: 1010px) { #archive .sticky.scroll-to-fixed-fixed { border-bottom: 1px solid #333333; } }
#archive .sticky.scroll-to-fixed-fixed nav.viewstyle { background: black; margin: 0; }
#archive .sticky.scroll-to-fixed-fixed nav.viewstyle ul { z-index: 1001; }
#archive .sticky.scroll-to-fixed-fixed nav.viewstyle ul li { padding: 10px 0; }
@media (min-width: 1010px) { #archive .sticky.scroll-to-fixed-fixed nav.viewstyle ul li { padding: 8px 0 10px; } }
#archive .sticky.scroll-to-fixed-fixed nav.viewstyle ul li a i { margin: 0 10px -3px 10px; }
#archive .sticky.scroll-to-fixed-fixed nav.viewstyle ul li a span { display: none; }
#archive .sticky.scroll-to-fixed-fixed nav.viewstyle h1 { display: none; }
#archive .sticky.scroll-to-fixed-fixed nav.viewfilter ul { padding-left: 0 !important; }
#archive nav.viewstyle { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; line-height: 0; height: auto; margin: 0 0 10px; padding: 0; }
#archive nav.viewstyle span { display: block; text-align: center; }
@media (min-width: 1010px) { #archive nav.viewstyle span { text-align: left; } }
#archive nav.viewstyle a, #archive nav.viewstyle header, #archive nav.viewstyle h1, #archive nav.viewstyle h2, #archive nav.viewstyle h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
#archive nav.viewstyle h1, #archive nav.viewstyle h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
#archive nav.viewstyle ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
#archive nav.viewstyle ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
#archive nav.viewstyle ul li:first-child, #archive nav.viewstyle ul li.first { padding-left: 0; }
#archive nav.viewstyle ul li:last-child { padding-right: 0; }
#archive nav.viewstyle ul li.last { padding-right: 0; }
#archive nav.viewstyle ul li span { color: white; }
#archive nav.viewstyle h1, #archive nav.viewstyle h2.divider { margin-top: 0; }
@media (min-width: 670px) and (max-width: 1010px) { #archive nav.viewstyle h1, #archive nav.viewstyle h2.divider { display: none; } }
@media (max-width: 670px) { #archive nav.viewstyle h1, #archive nav.viewstyle h2.divider { display: none; } }
@media (max-width: 1010px) { #archive nav.viewstyle .selector-wrapper { width: 100%; text-align: center; } }
#archive nav.viewstyle ul { width: auto; height: auto; }
#archive nav.viewstyle ul li { width: auto; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #333; box-sizing: border-box; background: black; }
@media (min-width: 1010px) { #archive nav.viewstyle ul li { width: auto; border-left: none; padding: 0; } }
#archive nav.viewstyle ul li:first-of-type { border-left: none; }
#archive nav.viewstyle ul li:first-of-type:hover, #archive nav.viewstyle ul li:first-of-type:hover span { background: black; cursor: default; }
@media (min-width: 1010px) { #archive nav.viewstyle ul li:first-of-type { width: auto; } }
#archive nav.viewstyle ul li:first-of-type span.hide-mobile { display: none; }
#archive nav.viewstyle ul li:hover { background: #333; cursor: pointer; }
#archive nav.viewstyle ul li:hover span { background: #333; }
#archive nav.viewstyle ul li .hide-desktop { display: block; padding: 1px 13px 0 12px; }
@media (min-width: 1010px) { #archive nav.viewstyle ul li .hide-desktop { display: none; margin: 0; } }
#archive nav.viewstyle ul li span { padding: 0; line-height: 19px; float: none; }
@media (min-width: 1010px) { #archive nav.viewstyle ul li span { line-height: 26px; } }
#archive nav.viewstyle ul li a { background: none; display: block; float: none; line-height: 15px; position: relative; }
@media (min-width: 1010px) { #archive nav.viewstyle ul li a { width: auto; color: white; padding-left: 12px; } }
#archive nav.viewstyle ul li a i { display: inline-block; color: #ccc; float: none; margin-top: 0; margin-bottom: 0; }
@media (min-width: 1010px) { #archive nav.viewstyle ul li a i { margin: 0 10px -4px 0; } }
#archive nav.viewstyle ul li a span { display: none; vertical-align: 2px; }
@media (min-width: 1010px) { #archive nav.viewstyle ul li a span { display: inline-block; } }
#archive nav.viewstyle ul li a.thumb i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1557px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #archive nav.viewstyle ul li a.thumb i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1656px; height: 17px; width: 17px; } }
#archive nav.viewstyle ul li a.thumb:hover i, #archive nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1603px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #archive nav.viewstyle ul li a.thumb:hover i, #archive nav.viewstyle ul li a.thumb.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1700px; height: 17px; width: 17px; } }
#archive nav.viewstyle ul li a.list i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -637px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #archive nav.viewstyle ul li a.list i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1678px; height: 17px; width: 17px; } }
#archive nav.viewstyle ul li a.list:hover i, #archive nav.viewstyle ul li a.list.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1277px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #archive nav.viewstyle ul li a.list:hover i, #archive nav.viewstyle ul li a.list.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1746px; height: 17px; width: 17px; } }
#archive nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1427px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #archive nav.viewstyle ul li a.alphabetical i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -537px; height: 17px; width: 17px; } }
#archive nav.viewstyle ul li a.alphabetical:hover i, #archive nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1511px; background-repeat: no-repeat; overflow: hidden; height: 17px; width: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { #archive nav.viewstyle ul li a.alphabetical:hover i, #archive nav.viewstyle ul li a.alphabetical.active i { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1566px; height: 17px; width: 17px; } }
#archive nav.viewfilter { width: 100%; -webkit-box-shadow: 0 5px 15px #ececec; -moz-box-shadow: 0 5px 15px #ececec; box-shadow: 0 5px 15px #ececec; margin: 2px 0; }
@media (min-width: 1250px) { #archive nav.viewfilter { margin: 5px 0; } }
#archive nav.viewfilter h2 { height: 45px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center; margin: 0; font-size: 19px; line-height: 45px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: uppercase; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
#archive nav.viewfilter ul { display: none; overflow: hidden; padding: 5px 0; }
#archive nav.viewfilter ul li { text-align: center; float: left; width: 50%; }
@media (min-width: 670px) { #archive nav.viewfilter ul li { width: 33%; } }
@media (min-width: 1010px) { #archive nav.viewfilter ul li { width: auto; } }
#archive nav.viewfilter ul li a { padding: 3px; font-family: 'Dot Matrix'; font-size: 14px; line-height: 22px; font-weight: normal; font-style: normal; color: black; text-transform: uppercase; letter-spacing: 1px; width: 100%; display: inline-block; }
#archive nav.viewfilter ul li a:hover { color: white; background-color: #05a131; }
@media (min-width: 1010px) { #archive nav.viewfilter { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  #archive nav.viewfilter h2 { display: none; }
  #archive nav.viewfilter ul { display: block; padding: 0; width: 100%; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
  #archive nav.viewfilter ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
  #archive nav.viewfilter ul li:first-child, #archive nav.viewfilter ul li.first { padding-left: 0; }
  #archive nav.viewfilter ul li:last-child { padding-right: 0; }
  #archive nav.viewfilter ul li.last { padding-right: 0; } }
@media (min-width: 1250px) { #archive nav.viewfilter ul { padding-left: 236px !important; } }
#archive section { width: 100%; margin: 0 auto; overflow: hidden; padding: 0px 0; }
#archive section.tags { padding: 100px 0 0; }
#archive section header.separator { width: 100%; height: 26px; line-height: 26px; position: relative; margin: 0; overflow: visible; background: black; text-align: center; padding: 20px 0; background: url("../images/bg_separator.png") repeat-x transparent left center; text-align: left; }
#archive section header.separator span { display: block; text-align: center; }
@media (min-width: 1010px) { #archive section header.separator span { text-align: left; } }
#archive section header.separator a, #archive section header.separator header, #archive section header.separator h1, #archive section header.separator h2, #archive section header.separator h3 { display: inline-block; background-color: black; z-index: 10; color: white; letter-spacing: 2px; padding: 0 13px 2px; margin: 0; font-family: 'Dot Matrix'; font-size: 11px; line-height: 26px; font-weight: normal; font-style: normal; color: white; text-transform: uppercase; letter-spacing: 1px; }
#archive section header.separator h1, #archive section header.separator h2.divider { margin-right: 140px; min-width: 70px; display: block; float: left; }
#archive section header.separator ul { text-align: auto; margin: 0 auto; height: 26px; display: inline-block; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
#archive section header.separator ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
#archive section header.separator ul li:first-child, #archive section header.separator ul li.first { padding-left: 0; }
#archive section header.separator ul li:last-child { padding-right: 0; }
#archive section header.separator ul li.last { padding-right: 0; }
#archive section header.separator ul li span { color: white; }
#archive article.issue { position: relative; overflow: hidden; *zoom: 1; }

/* import archive_xxx */
#archive article.issue.thumb { float: none; width: 80%; margin: 20px 10%; }
@media (min-width: 670px) { #archive article.issue.thumb { float: left; width: 40%; margin: 20px 5%; } }
@media (min-width: 1010px) { #archive article.issue.thumb { float: left; width: 23.3333%; margin: 10px 5%; } }
@media (min-width: 1250px) { #archive article.issue.thumb { float: left; width: 21%; margin: 15px 2%; } }
#archive article.issue.thumb p.meta { text-align: center; }
#archive article.issue.thumb a.read, #archive article.issue.thumb a.buy { display: block; width: 44%; }
#archive article.issue.thumb a.read:before, #archive article.issue.thumb a.buy:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; }
#archive article.issue.thumb a.read { margin: 20px auto 0; }
#archive article.issue.thumb a.buy { margin: 10px auto 0; }
#archive article.issue.thumb figure { position: relative; margin: 13px; min-height: 280px; background: url("../images/ajax-loader.gif") center no-repeat; }
@media (max-width: 1010px) { #archive article.issue.thumb figure { margin: 13px auto; } }
#archive article.issue.thumb figure img { display: block; width: 100%; height: auto; text-align: center; margin: auto; -webkit-box-shadow: 0 0 5px 0 #aaaaaa; -moz-box-shadow: 0 0 5px 0 #aaaaaa; box-shadow: 0 0 5px 0 #aaaaaa; }
@media (max-width: 1010px) { #archive article.issue.thumb figure img { max-width: 252px; } }
@media (min-width: 670px) { #archive article.issue.thumb figure img { -webkit-box-shadow: 0 0 10px 0 #aaaaaa; -moz-box-shadow: 0 0 10px 0 #aaaaaa; box-shadow: 0 0 10px 0 #aaaaaa; } }
@media (min-width: 1010px) { #archive article.issue.thumb figure img { min-height: 261px; } }
@media (min-width: 1250px) { #archive article.issue.thumb figure img { min-height: 299px; } }
#archive article.issue.thumb figure .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; margin: auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background-color: rgba(255, 255, 255, 0.9); -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; -o-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; }
#archive article.issue.thumb figure .overlay p.issue { margin: 0 0 30px; padding: 5px 20px 0; font-size: 20px; color: black; line-height: 140%; }
@media (min-width: 1010px) and (max-width: 1250px) { #archive article.issue.thumb figure .overlay p.issue { padding: 35px 20px 0; } }
#archive article.issue.thumb figure:hover .overlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; -o-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; }

#archive article.issue.list { border-bottom: 1px solid #dedede; margin: 0; padding: 30px 0 30px 15px; text-align: center; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#archive article.issue.list:hover { background-color: #f8f7f6; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#archive article.issue.list.last-item { border-bottom: none; }
@media (min-width: 670px) { #archive article.issue.list { text-align: left; } }
#archive article.issue.list > a { float: none; display: block; background: url("../images/ajax-loader.gif") center no-repeat; margin: 0 auto 15px; }
@media (min-width: 670px) { #archive article.issue.list > a { float: left; margin: 0 25px 0 0; } }
#archive article.issue.list h3 { margin: 5px 0 20px; }
#archive article.issue.list img { display: block; width: auto; height: 205px; margin: 0 auto; -webkit-box-shadow: #cccccc 0 0 30px; -moz-box-shadow: #cccccc 0 0 30px; box-shadow: #cccccc 0 0 30px; }
#archive article.issue.list.special img { display: block; width: auto; height: 140px; margin: 0 auto; -webkit-box-shadow: #cccccc 0 0 30px; -moz-box-shadow: #cccccc 0 0 30px; box-shadow: #cccccc 0 0 30px; }
#archive article.issue.list .details a.more:before { margin-right: 10px; content: url(../images/common/more-before-arrow-white.png); vertical-align: 1px; }
#archive article.issue.list .details a.read { margin-left: 0; }
#archive article.issue.list .details p { margin-bottom: 15px; }
#archive article.issue.list.special .details .buttons-wrapper { margin: 20px 0 0; }

#archive section.alphabetical { padding: 40px 0 10px 0; }
#archive section.alphabetical header.separator { position: relative; border-top: 1px solid #929292; margin-top: 0; background: none; padding: 0; }
#archive section.alphabetical header.separator h3 { background: white; display: block; height: 60px; width: 60px; position: absolute; top: -30px; left: 55px; text-align: center; line-height: 60px; font-size: 40px; font-size: 60px; line-height: 60px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: uppercase; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
#archive section.alphabetical article.issue { margin: 0 5%; padding: 20px 15px; border-bottom: 1px solid #dedede; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#archive section.alphabetical article.issue a { color: black !important; }
#archive section.alphabetical article.issue:hover { background-color: #f8f7f6; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#archive section.alphabetical article.issue.lastItem { border-bottom: none; }
@media (min-width: 1010px) { #archive section.alphabetical article.issue { margin-left: 230px; } }

.tags header.separator { height: 30px !important; line-height: 30px !important; }
.tags .extra-link { color: black !important; }
.tags .extra-link:hover { color: #fff; background-color: #05a131; }

#contentOneCol { overflow: hidden; }
#contentOneCol h1 { margin: 5px 0 30px; }

#searchPage { overflow: hidden; }

.articleFilter { float: left; width: 25%; overflow: hidden; margin: 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .articleFilter { width: 30%; } }
@media (min-width: 670px) and (max-width: 1010px) { .articleFilter { float: none; display: none; } }
@media (max-width: 670px) { .articleFilter { float: none; display: none; } }
.articleFilter .facet { margin: 0 0 50px; position: relative; }
.articleFilter .facet h3 { margin: 0 0 15px; font-size: 24px; }
.articleFilter .facet li { font-size: 16px; line-height: 175%; }
.articleFilter .facet li:hover { cursor: pointer; }
.articleFilter .facet .facetOption:before { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1625px; background-repeat: no-repeat; overflow: hidden; height: 15px; width: 15px; float: left; content: ''; margin: 2px 0 0 3px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .articleFilter .facet .facetOption:before { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1768px; height: 7.5px; width: 7.5px; } }
.articleFilter .facet .activeOption:before { background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1407px; background-repeat: no-repeat; overflow: hidden; height: 15px; width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .articleFilter .facet .activeOption:before { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1643px; height: 7.5px; width: 7.5px; } }
.articleFilter .facet .facetOptionList .facetOption a { display: block; margin: 5px 0 5px 30px; color: black !important; }
.articleFilter .facet .tx-solr-facet-show-all { display: block; margin: 15px 0 10px 8px; }
.articleFilter .facet .tx-solr-facet-show-all:before { margin-right: 10px; content: url(../images/common/more-before-arrow-black.png); vertical-align: 1px; }
.articleFilter .facet .facetOption:hover a, .articleFilter .facet .facetOption:hover span { color: #008a27 !important; }
.articleFilter .facet .facetOption:hover span.neulandFacet, .articleFilter .facet .facetOption:hover span.neulandFacet + span, .articleFilter .facet .facetOption:hover span.wissenFacet, .articleFilter .facet .facetOption:hover span.wissenFacet + span { color: #27b4e4 !important; }
.articleFilter .facetOption a:hover + span { color: #008a27; }
.articleFilter #facet-year-value { text-align: right; position: absolute; right: 30px; top: 90px; font-size: 14px; font-style: italic; color: #aaa; font-weight: normal; }
.articleFilter #facet-year-value:before { content: "Jahrgänge "; }
.articleFilter #facet-year-range { margin: 24px 30px 6px; height: 5px; background: #fff; border: 1px solid #cfd0d2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.articleFilter #facet-year-range .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #f2f2f2; }
.articleFilter #facet-year-range a.ui-slider-handle { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background: #999999; width: 12px; height: 12px; top: -5px; border: 1px solid #999999; margin-left: -.6em; position: absolute; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.articleFilter #facet-year-range a.ui-slider-handle .facet-slider-tooltip { display: none; position: absolute; top: -30px; left: -22px; line-height: 20px; color: #000; padding: 0px 10px; border: 1px solid #333; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: #cccccc 0 0 5px; -moz-box-shadow: #cccccc 0 0 5px; box-shadow: #cccccc 0 0 5px; }
.articleFilter #facet-year-range a.ui-slider-handle:focus { outline: 0; }
.articleFilter #facet-year-range a.ui-slider-handle.ui-state-active { background: #008a27; }
.articleFilter #facet-year-range a.ui-slider-handle.ui-state-active .facet-slider-tooltip { display: block; }
.articleFilter .searchResetButton .button { font-size: 16px; line-height: 130%; text-transform: none; display: inline-block; cursor: pointer; border: none; padding: 5px 10px 5px 8px; font-family: 'Futura W01 Book'; padding: 5px 10px; color: #fff !important; }
.articleFilter .searchResetButton .button:hover { background: #999999; }

.resultsList { float: right; width: 70%; overflow: hidden; padding: 0 0 0 5%; }
@media (min-width: 1010px) and (max-width: 1250px) { .resultsList { width: 65%; } }
@media (min-width: 670px) and (max-width: 1010px) { .resultsList { float: none; width: 100%; padding: 0; } }
@media (max-width: 670px) { .resultsList { float: none; width: 100%; padding: 0; } }
.resultsList h1.resultsRange { margin-bottom: 30px; }
.resultsList .resulstsRangeWrap { margin: 0 20px; }
.resultsList .noResulstsRangeWrap { margin: 0 20px 15px; }
.resultsList .searchBoxWrap { margin: 0 20px 20px; }
.resultsList form#searchBoxInner { width: 80%; margin: 5px 0 10px; display: block; }
@media (min-width: 670px) and (max-width: 1010px) { .resultsList form#searchBoxInner { width: 100%; } }
@media (max-width: 670px) { .resultsList form#searchBoxInner { width: 100%; } }
.resultsList form#searchBoxInner input { width: 100%; font-size: 30px; line-height: 30px; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Roman', Garamond, serif; }
.resultsList .searchSort { font-size: 16px; margin: 0 82px 0 0; }
@media (min-width: 1010px) and (max-width: 1250px) { .resultsList .searchSort { margin: 0 62px 0 0; } }
@media (min-width: 670px) and (max-width: 1010px) { .resultsList .searchSort { margin: 0; } }
@media (max-width: 670px) { .resultsList .searchSort { margin: 0; } }
.resultsList .searchSort a { padding: 0 0 0 12px; color: #008a27; }
.resultsList .searchSort .desc:after { margin-left: 6px; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1593px; background-repeat: no-repeat; overflow: hidden; height: 5px; width: 9px; content: ''; display: inline-block; vertical-align: 3px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .resultsList .searchSort .desc:after { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1633px; height: 5px; width: 9px; } }
.resultsList .searchSort .asc:after { margin-left: 6px; background-image: url('../images/common-s96b4524cf0.png'); background-position: 0 -1547px; background-repeat: no-repeat; overflow: hidden; height: 5px; width: 9px; content: ''; display: inline-block; vertical-align: 3px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .resultsList .searchSort .asc:after { background-image: url('../images/common@2x-sa52e3659a1.png'); background-size: 482px 1934px; background-position: 0 -1736px; height: 5px; width: 9px; } }
.resultsList .searchSort .resulstsRangeWrap { padding: 0 20px; }
.resultsList .searchSort .searchBoxWrap { padding: 0 20px; }
.resultsList .resultItem { margin: 5px 0; padding: 20px; overflow: hidden; cursor: pointer; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
@media (max-width: 670px) { .resultsList .resultItem { margin: 15px 0; padding: 10px; } }
.resultsList .resultItem figure { float: left; margin-right: 20px; }
.resultsList .resultItem:hover { background-color: #f8f7f6; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.resultsList .resultItem > a { display: block; overflow: hidden; }
.resultsList .resultItem .itemContent { float: left; width: 80%; }
@media (max-width: 670px) { .resultsList .resultItem .itemContent { float: none; width: 100%; } }
.resultsList .resultItem h3 { font-size: 24px; color: black; }
.resultsList .resultItem h3.normal { color: #008a27; }
.resultsList .resultItem h3.green { color: #008a27; }
.resultsList .resultItem h3.blue { color: #27b4e4; }
.resultsList .resultItem p { color: #000; }
.resultsList .resultItem .itemTags { overflow: hidden; margin: 15px 0 0; }
.resultsList .resultItem .itemTags .button-white { float: left; margin: 3px 5px; font-size: 13px; background-color: #cecac2; }
.resultsList .resultItem .itemTags .button-white:hover { background-color: #999999; color: white; }
.resultsList .resultItem .itemTags .button-white:first-child { margin: 3px 5px 3px 0; }
.resultsList .resultItem .itemTags .button-white:last-of-type { margin: 3px 0 3px 5px; }
.resultsList .resultItem .itemMeta { float: right; margin: 18px 0 0; text-align: right; width: 17%; }
@media (max-width: 670px) { .resultsList .resultItem .itemMeta { float: none; width: 100%; text-align: left; } }
.resultsList .resultItem .itemMeta p { margin: 0; color: #999999; text-align: left; }
@media (max-width: 670px) { .resultsList .resultItem .itemMeta p { float: left; }
  .resultsList .resultItem .itemMeta p:first-child { margin: 0 10px 0 0; } }

.resultsPagination { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; margin: 50px 20px 20px; font-family: 'Futura W01 Book'; font-size: 14px; line-height: 19px; font-weight: normal; font-style: normal; color: black; text-transform: none; text-align: center; }
.resultsPagination ul.tx-pagebrowse { margin: 0; padding: 0; overflow: hidden; }
.resultsPagination ul.tx-pagebrowse li { list-style: none; float: left; margin: 0 10px; color: #999999; line-height: 40px; }
.resultsPagination ul.tx-pagebrowse li.tx-pagebrowse-pages ol { margin: 0; padding: 0; overflow: hidden; }
.resultsPagination ul.tx-pagebrowse li.tx-pagebrowse-pages ol li { list-style: none; float: left; width: 40px; height: 35px; padding: 5px 0 0; line-height: 30px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.resultsPagination ul.tx-pagebrowse li.tx-pagebrowse-pages ol li:hover { background-color: #cecac2; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.resultsPagination ul.tx-pagebrowse li.tx-pagebrowse-pages ol li:hover a { color: #fff !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.resultsPagination ul.tx-pagebrowse li.tx-pagebrowse-pages ol li.tx-pagebrowse-current { color: #fff; background-color: #05a131; }
.resultsPagination ul.tx-pagebrowse li.tx-pagebrowse-pages ol li a { display: block; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#lottery .lotteryQuestionHeader, #coupon .lotteryQuestionHeader { text-align: center; }
#lottery .lotteryQuestionHeader h2, #coupon .lotteryQuestionHeader h2 { padding-bottom: 25px; }
#lottery .couponQuestionHeader, #coupon .couponQuestionHeader { margin: 40px 0; }
#lottery .couponQuestionHeader p, #coupon .couponQuestionHeader p { margin: 10px 0 0; text-align: center; font-size: 18px; line-height: 175%; font-weight: normal; /* no need to set the font weight in CSS because we use already the right font-file with weight information */ font-style: normal; color: black; text-transform: none; font-family: 'Sabon LT W01 Italic', Garamond, serif; }
#lottery .lotteryForm form, #lottery .couponForm form, #coupon .lotteryForm form, #coupon .couponForm form { background: none; padding: 70px 0 0; }
#lottery .lotteryForm section.lotteryLayout, #lottery .couponForm section.lotteryLayout, #coupon .lotteryForm section.lotteryLayout, #coupon .couponForm section.lotteryLayout { clear: both; display: block; padding-bottom: 50px; overflow: hidden; *zoom: 1; text-align: center; }
@media (min-width: 1010px) { #lottery .lotteryForm section.lotteryLayout, #lottery .couponForm section.lotteryLayout, #coupon .lotteryForm section.lotteryLayout, #coupon .couponForm section.lotteryLayout { text-align: left; } }
#lottery .lotteryForm section.lotteryLayout .lotteryLayoutLeft, #lottery .couponForm section.lotteryLayout .lotteryLayoutLeft, #coupon .lotteryForm section.lotteryLayout .lotteryLayoutLeft, #coupon .couponForm section.lotteryLayout .lotteryLayoutLeft { width: 100%; padding-bottom: 30px; }
@media (min-width: 1010px) { #lottery .lotteryForm section.lotteryLayout .lotteryLayoutLeft, #lottery .couponForm section.lotteryLayout .lotteryLayoutLeft, #coupon .lotteryForm section.lotteryLayout .lotteryLayoutLeft, #coupon .couponForm section.lotteryLayout .lotteryLayoutLeft { float: left; width: 65%; padding-bottom: 0; } }
#lottery .lotteryForm section.lotteryLayout .lotteryLayoutRight, #lottery .couponForm section.lotteryLayout .lotteryLayoutRight, #coupon .lotteryForm section.lotteryLayout .lotteryLayoutRight, #coupon .couponForm section.lotteryLayout .lotteryLayoutRight { width: 100%; }
@media (min-width: 1010px) { #lottery .lotteryForm section.lotteryLayout .lotteryLayoutRight, #lottery .couponForm section.lotteryLayout .lotteryLayoutRight, #coupon .lotteryForm section.lotteryLayout .lotteryLayoutRight, #coupon .couponForm section.lotteryLayout .lotteryLayoutRight { float: right; width: 30%; } }
#lottery .lotteryForm .lotteryQuestions, #lottery .couponForm .lotteryQuestions, #coupon .lotteryForm .lotteryQuestions, #coupon .couponForm .lotteryQuestions { padding: 0 0 50px; }
#lottery .lotteryForm .lotteryQuestions label, #lottery .couponForm .lotteryQuestions label, #coupon .lotteryForm .lotteryQuestions label, #coupon .couponForm .lotteryQuestions label { display: inline-block; font-size: 16px; padding-bottom: 0; }
#lottery .lotteryForm .lotteryFormFields, #lottery .lotteryForm .couponFormFields, #lottery .couponForm .lotteryFormFields, #lottery .couponForm .couponFormFields, #coupon .lotteryForm .lotteryFormFields, #coupon .lotteryForm .couponFormFields, #coupon .couponForm .lotteryFormFields, #coupon .couponForm .couponFormFields { background: #ECECEC; padding: 30px 20px; font-size: 22px; text-align: left; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter, #lottery .lotteryForm .couponFormFields .fieldsOuter, #lottery .couponForm .lotteryFormFields .fieldsOuter, #lottery .couponForm .couponFormFields .fieldsOuter, #coupon .lotteryForm .lotteryFormFields .fieldsOuter, #coupon .lotteryForm .couponFormFields .fieldsOuter, #coupon .couponForm .lotteryFormFields .fieldsOuter, #coupon .couponForm .couponFormFields .fieldsOuter { padding-bottom: 15px; overflow: hidden; *zoom: 1; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter.captcha, #lottery .lotteryForm .couponFormFields .fieldsOuter.captcha, #lottery .couponForm .lotteryFormFields .fieldsOuter.captcha, #lottery .couponForm .couponFormFields .fieldsOuter.captcha, #coupon .lotteryForm .lotteryFormFields .fieldsOuter.captcha, #coupon .lotteryForm .couponFormFields .fieldsOuter.captcha, #coupon .couponForm .lotteryFormFields .fieldsOuter.captcha, #coupon .couponForm .couponFormFields .fieldsOuter.captcha { border-top: 1px solid #CCC; padding: 20px 0; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter.captcha a.reloadCaptcha, #lottery .lotteryForm .couponFormFields .fieldsOuter.captcha a.reloadCaptcha, #lottery .couponForm .lotteryFormFields .fieldsOuter.captcha a.reloadCaptcha, #lottery .couponForm .couponFormFields .fieldsOuter.captcha a.reloadCaptcha, #coupon .lotteryForm .lotteryFormFields .fieldsOuter.captcha a.reloadCaptcha, #coupon .lotteryForm .couponFormFields .fieldsOuter.captcha a.reloadCaptcha, #coupon .couponForm .lotteryFormFields .fieldsOuter.captcha a.reloadCaptcha, #coupon .couponForm .couponFormFields .fieldsOuter.captcha a.reloadCaptcha { display: block; padding: 10px 0; font-size: 15px; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter.captcha .label, #lottery .lotteryForm .couponFormFields .fieldsOuter.captcha .label, #lottery .couponForm .lotteryFormFields .fieldsOuter.captcha .label, #lottery .couponForm .couponFormFields .fieldsOuter.captcha .label, #coupon .lotteryForm .lotteryFormFields .fieldsOuter.captcha .label, #coupon .lotteryForm .couponFormFields .fieldsOuter.captcha .label, #coupon .couponForm .lotteryFormFields .fieldsOuter.captcha .label, #coupon .couponForm .couponFormFields .fieldsOuter.captcha .label { padding-top: 10px; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter .textField.left, #lottery .lotteryForm .lotteryFormFields .fieldsOuter .textField.right, #lottery .lotteryForm .couponFormFields .fieldsOuter .textField.left, #lottery .lotteryForm .couponFormFields .fieldsOuter .textField.right, #lottery .couponForm .lotteryFormFields .fieldsOuter .textField.left, #lottery .couponForm .lotteryFormFields .fieldsOuter .textField.right, #lottery .couponForm .couponFormFields .fieldsOuter .textField.left, #lottery .couponForm .couponFormFields .fieldsOuter .textField.right, #coupon .lotteryForm .lotteryFormFields .fieldsOuter .textField.left, #coupon .lotteryForm .lotteryFormFields .fieldsOuter .textField.right, #coupon .lotteryForm .couponFormFields .fieldsOuter .textField.left, #coupon .lotteryForm .couponFormFields .fieldsOuter .textField.right, #coupon .couponForm .lotteryFormFields .fieldsOuter .textField.left, #coupon .couponForm .lotteryFormFields .fieldsOuter .textField.right, #coupon .couponForm .couponFormFields .fieldsOuter .textField.left, #coupon .couponForm .couponFormFields .fieldsOuter .textField.right { width: 50%; float: left; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter .textField.fullWidth, #lottery .lotteryForm .couponFormFields .fieldsOuter .textField.fullWidth, #lottery .couponForm .lotteryFormFields .fieldsOuter .textField.fullWidth, #lottery .couponForm .couponFormFields .fieldsOuter .textField.fullWidth, #coupon .lotteryForm .lotteryFormFields .fieldsOuter .textField.fullWidth, #coupon .lotteryForm .couponFormFields .fieldsOuter .textField.fullWidth, #coupon .couponForm .lotteryFormFields .fieldsOuter .textField.fullWidth, #coupon .couponForm .couponFormFields .fieldsOuter .textField.fullWidth { width: 100%; clear: both; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter .textField.fullWidth input, #lottery .lotteryForm .couponFormFields .fieldsOuter .textField.fullWidth input, #lottery .couponForm .lotteryFormFields .fieldsOuter .textField.fullWidth input, #lottery .couponForm .couponFormFields .fieldsOuter .textField.fullWidth input, #coupon .lotteryForm .lotteryFormFields .fieldsOuter .textField.fullWidth input, #coupon .lotteryForm .couponFormFields .fieldsOuter .textField.fullWidth input, #coupon .couponForm .lotteryFormFields .fieldsOuter .textField.fullWidth input, #coupon .couponForm .couponFormFields .fieldsOuter .textField.fullWidth input { width: 90%; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter .textField input, #lottery .lotteryForm .couponFormFields .fieldsOuter .textField input, #lottery .couponForm .lotteryFormFields .fieldsOuter .textField input, #lottery .couponForm .couponFormFields .fieldsOuter .textField input, #coupon .lotteryForm .lotteryFormFields .fieldsOuter .textField input, #coupon .lotteryForm .couponFormFields .fieldsOuter .textField input, #coupon .couponForm .lotteryFormFields .fieldsOuter .textField input, #coupon .couponForm .couponFormFields .fieldsOuter .textField input { width: 80%; }
#lottery .lotteryForm .lotteryFormFields .fieldsOuter .checkBox label, #lottery .lotteryForm .couponFormFields .fieldsOuter .checkBox label, #lottery .couponForm .lotteryFormFields .fieldsOuter .checkBox label, #lottery .couponForm .couponFormFields .fieldsOuter .checkBox label, #coupon .lotteryForm .lotteryFormFields .fieldsOuter .checkBox label, #coupon .lotteryForm .couponFormFields .fieldsOuter .checkBox label, #coupon .couponForm .lotteryFormFields .fieldsOuter .checkBox label, #coupon .couponForm .couponFormFields .fieldsOuter .checkBox label { display: inline-block; font-size: 16px; padding-bottom: 0; }
#lottery .errorMessages, #coupon .errorMessages { border: 10px solid #ff4948; padding: 20px; margin: 30px 0; }
#lottery .errorMessages.success, #coupon .errorMessages.success { border: 10px solid #05a131; }
#lottery .errorMessages ul.errorMessagesList, #coupon .errorMessages ul.errorMessagesList { list-style: disc; margin-left: 22px; }
#lottery .errorMessages ul.errorMessagesList li, #coupon .errorMessages ul.errorMessagesList li { font-size: 24px; }

#lotteryWinner, #lotterySuccess, #lotteryNotUnique { clear: both; border: 10px solid #ECECEC; padding: 20px; }
@media (min-width: 1010px) { #lotteryWinner, #lotterySuccess, #lotteryNotUnique { border: 20px solid #ECECEC; padding: 30px; } }

#coupon .couponForm { margin: 40px 0; }
#coupon .couponForm form { background: none; padding: 0; }
#coupon .couponForm form input[type='text'] { height: auto; width: 90%; }
#coupon .couponForm .couponFormFields .fieldsOuter { padding-bottom: 35px; }