.clearfix, body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.details td div, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.details td div { *zoom: 1; }
.clearfix:after, body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.details td div:after, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.details td div:after { content: ""; display: table; clear: both; }

form.form-horizontal { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
form.form-horizontal .help-inline { padding: 4px 0; display: block; }
form.form-horizontal div.control-group { width: 100%; }
form.form-horizontal div.control-group label.control-label { float: none; }
form.form-horizontal div.control-group .controls { width: 100%; margin: 0; }
form.form-horizontal div.control-group .controls input, form.form-horizontal div.control-group .controls textarea, form.form-horizontal div.control-group .controls select { width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
form.form-horizontal div.control-group .controls input { height: 30px; padding: 6px 2px; }
form.form-horizontal div.control-group .controls.controls-row input.span4 { width: 62%; }
form.form-horizontal div.control-group .controls.controls-row input.span1 { width: 32%; }
form.form-horizontal div.control-group .controls.controls-row [class*="span"] + [class*="span"] { margin-left: 6%; }
form.form-horizontal div.control-group.gender { width: auto; }
form.form-horizontal div.control-group.gender .controls { width: inherit; margin: inherit; }
form.form-horizontal div.control-group.gender .controls .radio { padding-left: 22px; }
form.form-horizontal div.control-group.gender .controls input { display: inline-block; width: auto; height: auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
form.form-horizontal .form-actions { width: 100%; padding: 0; }
form.form-horizontal div.action { width: 100% !important; height: auto !important; }
form.form-horizontal div.action .comment_info { height: auto !important; margin: 0; padding: 0; width: 90%; line-height: 16px !important; }

#panel { background-color: black; width: 0; border: 0; position: absolute; top: 0; right: 0; display: block; -webkit-backface-visibility: hidden; z-index: 999; overflow: hidden; }
#panel.open { width: 280px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease; }
#panel.closing { width: 280px; -webkit-transform: translate3d(280px, 0, 0); -moz-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease; }
#panel.closed { width: 0; -webkit-transform: none; -moz-transform: none; transform: none; }
#panel ul { width: 80%; margin: 0 auto; }
#panel ul li { color: white; text-transform: uppercase; border-bottom: 1px solid #828282; }
#panel ul li.submenu { position: relative; }
#panel ul li.submenu.open { border-bottom: 0; }
#panel ul li.submenu.open ul { display: block; }
#panel ul li.submenu.open > a { border-bottom: 4px solid #828282; color: #BCBE00; text-align: center; }
#panel ul li.submenu.open > a i { display: block; position: absolute; left: 0; top: 14px; color: #BCBE00; font-size: 18px; }
#panel ul li.submenu.open > a .continue { display: none; }
#panel ul li.seperator { border-top: 1px solid #828282; margin-top: 2px; }
#panel ul li.search { border: 0; padding-bottom: 15px; position: relative; }
#panel ul li.search form div.input-append { margin: 20px 0 0 0; width: 100%; }
#panel ul li.search form input { width: 85%; height: 30px; line-height: 22px; border: 0; padding: 4px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#panel ul li.search form button { background-color: #BCBE00; border: 0; margin: 0; width: 15%; height: 30px; line-height: 30px; }
#panel ul li.search form button span { font-size: 14px; }
#panel ul li a { display: block; width: 100%; line-height: 50px; font-size: 18px; color: white; text-transform: uppercase; }
#panel ul li a i { display: none; }
#panel ul li a i.icon-arrow_next { display: block; float: right; font-size: 18px; padding-top: 14px; }
#panel ul li.secondary a { color: #828282; }
#panel ul li ul { width: 100%; display: none; }

.panel_wrapper.panel { -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease; -webkit-backface-visibility: hidden; position: static; }

.panel_wrapper.panel.open { -webkit-transform: translate3d(-280px, 0, 0); -moz-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); }

.panel_wrapper.panel.closed { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; }

.mobile { display: block !important; }

span.mobile { display: inline !important; }

table.mobile { display: table !important; }
table.mobile.hidden { display: none !important; }

tr.mobile { display: table-row !important; }
tr.mobile.hidden { display: none !important; }

td.mobile { display: table-cell !important; }
td.mobile.hidden { display: none !important; }

.desktop { display: none !important; }

html { height: 99.9%; }

body, body.left { /*overflow-x: hidden;
height:100%;*/ }
body h1, body.left h1 { padding-top: 6px; }
body h1, body h2, body h3, body h4, body a, body b, body i, body em, body strong, body p, body li, body td, body th, body.left h1, body.left h2, body.left h3, body.left h4, body.left a, body.left b, body.left i, body.left em, body.left strong, body.left p, body.left li, body.left td, body.left th { letter-spacing: 0 !important; }
body .ep4d, body.left .ep4d { display: none !important; }
body .mobile.spacer, body.left .mobile.spacer { display: block; clear: both; height: 40px; }
body footer.main, body.left footer.main { clear: both; position: relative; height: 40px; }
body footer.main .inner, body.left footer.main .inner { width: 100%; height: 100%; }
body footer.main .inner nav ul li.seperator, body.left footer.main .inner nav ul li.seperator { display: none; }
body footer.main .inner nav ul li, body.left footer.main .inner nav ul li { float: none; display: none; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; }
body footer.main .inner nav ul li a, body.left footer.main .inner nav ul li a { width: 100%; text-align: center; line-height: 40px; font-size: 16px; }
body footer.main .inner nav ul li.imprint, body.left footer.main .inner nav ul li.imprint { display: block; }
body footer.main .inner .left, body footer.main .inner .right, body.left footer.main .inner .left, body.left footer.main .inner .right { margin: 0; padding: 0 10px; }
body #outerWrapper, body.left #outerWrapper { /*position: absolute;
width: 100%;
overflow-x: hidden;
height:100%;*/ }
body #wrapper, body.left #wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -40px; padding: 0; }
body #wrapper.admin #content, body.left #wrapper.admin #content { padding-top: 0; }
body #wrapper div.mobile.spacer, body.left #wrapper div.mobile.spacer { /*width:100%;
padding-bottom:19.9998%;
position:relative;
top:0;
left:0;
right:0;
bottom:auto;*/ }
body #wrapper header.main, body.left #wrapper header.main { width: 100%; height: auto; position: relative; top: 0; left: 0; right: 0; margin: 0; }
body #wrapper header.main.fixed, body.left #wrapper header.main.fixed { position: relative; width: 100%; height: auto; }
body #wrapper header.main div.top, body.left #wrapper header.main div.top { display: none; }
body #wrapper header.main div.bottom a.logo, body.left #wrapper header.main div.bottom a.logo { display: block; width: 60%; height: auto; }
body #wrapper header.main div.bottom a.logo img, body.left #wrapper header.main div.bottom a.logo img { display: block; width: 100%; height: auto; }
body #wrapper header.main div.bottom nav, body.left #wrapper header.main div.bottom nav { width: 39%; height: 100%; background-color: black; }
body #wrapper header.main div.bottom nav span, body.left #wrapper header.main div.bottom nav span { position: absolute; right: 0; top: 50%; font-size: 28px; margin-right: 12px; margin-top: -24px; color: white; }
body #wrapper header.main div.bottom nav ul, body.left #wrapper header.main div.bottom nav ul { display: none; }
body #wrapper #content, body.left #wrapper #content { background-color: white; width: 100%; padding: 0; margin: 0; padding-top: 0; }
body #wrapper #content .inner, body.left #wrapper #content .inner { width: 100%; height: auto; min-height: 0; }
body #wrapper #content .inner .main, body.left #wrapper #content .inner .main { float: none; width: 100%; overflow: auto; }
body #wrapper #content .inner > aside, body.left #wrapper #content .inner > aside { display: none; }

body.user #wrapper #content .inner .main, body.page.show #wrapper #content .inner .main { width: 95%; margin: 0 auto; }

body.article.show #wrapper #content .inner .main article header, body.article.show #wrapper #content .inner .main article footer, body.article.show #wrapper #content .inner .main article h1, body.article.show #wrapper #content .inner .main article h2, body.article.show #wrapper #content .inner .main article h3, body.article.show #wrapper #content .inner .main article h4, body.article.show #wrapper #content .inner .main article p, body.article.show #wrapper #content .inner .main article aside, body.article.show #wrapper #content .inner .main article div.cite, body.article.show #wrapper #content .inner .main article div.cite.html.line, body.article.show #wrapper #content .inner .main article div.cite.html { width: 95%; margin-left: auto; margin-right: auto; }
body.article.show #wrapper #content .inner .main article p.first { margin-top: 12px; }
body.article.show #wrapper #content .inner .main article header { margin-top: 12px; }
body.article.show #wrapper #content .inner .main article footer section.article_meta aside.tags, body.article.show #wrapper #content .inner .main article footer section.article_meta aside.share { float: none; width: 100%; }
body.article.show #wrapper #content .inner .main article footer section.article_meta aside.share { margin-top: 12px; }
body.article.show #wrapper #content .inner .main article footer section.article_meta aside.share a { float: left; margin: 0 6px 0 0; }
body.article.show #wrapper #content .inner .main article footer section.comments { padding-bottom: 20px; }
body.article.show #wrapper #content .inner .main article footer section.comments form { margin-bottom: 0; }
body.article.show #wrapper #content .inner .main article h1 { letter-spacing: 0; }
body.article.show #wrapper #content .inner .main article div.cite.html { margin: 20px auto; }
body.article.show #wrapper #content .inner .main article div.cite.html.line .inner { width: 95%; margin-left: 3%; }
body.article.show #wrapper #content .inner .main article div.cite.html.line .inner table.contact { width: 95%; margin: 0 auto 10px auto; }
body.article.show #wrapper #content .inner .main article div.cite.html .inner div.source { width: 95% !important; }
body.article.show #wrapper #content .inner .main article div.cite.html .inner table { width: 95%; margin-left: auto; margin-right: auto; }
body.article.show #wrapper #content .inner .main article div.cite.html p { margin: 16px auto 0 auto; }
body.article.show #wrapper #content .inner .main article table.mobile.rows, body.article.show #wrapper #content .inner .main article table.mobile.columns { width: 100%; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr, body.article.show #wrapper #content .inner .main article table.mobile.rows tbody td, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody td { cursor: pointer; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.overview td, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.overview td { border-bottom: 0; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.overview td span, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.overview td span { padding-right: 5px; font-size: 14px; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.details td, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.details td { border-top: 1px solid gainsboro; padding: 0; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.details td div, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.details td div { padding: 2px 5px 2px 23px; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.details td div span.key, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.details td div span.key { width: 45%; float: left; display: block; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr.details td div span.value, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr.details td div span.value { width: 55%; float: right; display: block; text-align: right; }
body.article.show #wrapper #content .inner .main article table.mobile.rows tbody tr th, body.article.show #wrapper #content .inner .main article table.mobile.rows thead tr th, body.article.show #wrapper #content .inner .main article table.mobile.columns tbody tr th, body.article.show #wrapper #content .inner .main article table.mobile.columns thead tr th { background-color: #bababa; }
body.article.show #wrapper #content .inner .main article div.video div.copyright, body.article.show #wrapper #content .inner .main article div.video div.caption { width: 100%; font: 10px/12px 'OxygenRegular', Arial, sans-serif; }
body.article.show #wrapper #content .inner .main article div.video div.video_inner { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
body.article.show #wrapper #content .inner .main article div.video div.video_inner iframe, body.article.show #wrapper #content .inner .main article div.video div.video_inner object, body.article.show #wrapper #content .inner .main article div.video div.video_inner embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
body.article.show #wrapper #content .inner .main article div.gallery { width: 100%; height: auto; padding-bottom: 64.8%; margin: 0; }
body.article.show #wrapper #content .inner .main article div.gallery .control.prev { left: 2.5%; }
body.article.show #wrapper #content .inner .main article div.gallery .control.next { right: 2.5%; }
body.article.show #wrapper #content .inner .main article div.gallery .control span.icon { font-size: 98px; position: absolute; top: 20%; margin: 0; }
body.article.show #wrapper #content .inner .main article div.gallery .slider_inner .entry { height: auto; padding-bottom: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.article.show #wrapper #content .inner .main article div.gallery .slider_inner .entry img { width: 100%; height: auto; }
body.article.show #wrapper #content .inner .main article div.gallery .slider_inner .entry .copyright, body.article.show #wrapper #content .inner .main article div.gallery .slider_inner .entry .caption { display: block; width: 95%; margin: 0 auto; font: 10px/12px 'OxygenRegular', Arial, sans-serif; -webkit-text-size-adjust: none; }
body.article.show #wrapper #content .inner .main div.text_teaser { width: 100%; position: relative; }
body.article.show #wrapper #content .inner .main div.text_teaser .text { width: 100%; height: auto; color: black; }
body.article.show #wrapper #content .inner .main div.text_teaser .overlay { width: 100%; height: 100%; background-image: none; background-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff)); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); }
body.article.show #wrapper #content .inner .main div.text_teaser .info { width: 100%; top: auto; bottom: 0; z-index: 3; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.article.show #wrapper #content .inner .main div.text_teaser .info img { display: none; }

body.articles #wrapper #content .inner .main .head.archive { width: 95%; margin: 20px auto 0  auto; }
body.articles #wrapper #content .inner .main .block.articles.archive { width: 100%; }
body.articles #wrapper #content .inner .main .block.articles.archive article { border-top: 1px dotted #d2d2d2; width: 95%; margin: 0 auto; }
body.articles #wrapper #content .inner .main .block.articles.archive article .content { height: auto; position: relative; }
body.articles #wrapper #content .inner .main .block.articles.archive article .content.nomedia { width: 100%; }
body.articles #wrapper #content .inner .main .block.articles.archive article .content.media { width: 70%; }
body.articles #wrapper #content .inner .main .block.articles.archive article .content.media p { height: 100%; }
body.articles #wrapper #content .inner .main .block.articles.archive article div.video, body.articles #wrapper #content .inner .main .block.articles.archive article div.image { width: 28%; margin: 12px 0 12px 0; float: right; }
body.articles #wrapper #content .inner .main .block.articles.archive article div.video a, body.articles #wrapper #content .inner .main .block.articles.archive article div.image a { float: right; }
body.articles #wrapper #content .inner .main .block.articles.archive article div.video .overlay, body.articles #wrapper #content .inner .main .block.articles.archive article div.image .overlay { left: auto; right: 26px; }
body.articles #wrapper #content .inner .main .block.pagination a.prev { float: left; padding: 0 0 0 2.5%; }
body.articles #wrapper #content .inner .main .block.pagination a.next { float: right; padding: 0 2.5% 0 0; }
body.articles #wrapper #content .inner .main .block.top { display: none; }
body.articles #wrapper #content .inner .main .block.ad { display: none !important; }
body.articles #wrapper #content .inner .main .block.pattern { width: 100%; }
body.articles #wrapper #content .inner .main .block.pattern.header { display: none; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top { display: block; width: 100%; margin: 0; padding: 0; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top p, body.articles #wrapper #content .inner .main .block.pattern.mobile.top h2, body.articles #wrapper #content .inner .main .block.pattern.mobile.top header, body.articles #wrapper #content .inner .main .block.pattern.mobile.top img { display: block; width: 95%; float: none; margin: 0 auto; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top h2 { margin: 15px auto 12px auto; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top header { padding: 15px 0 0 0; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top header.magazine .right.date { color: #BCBE00; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top header.magazine .right.date a { color: #BCBE00; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top article.first { margin: 0; background-color: #BCBE00; overflow: auto; border: 0; padding-bottom: 15px; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top article.first h2, body.articles #wrapper #content .inner .main .block.pattern.mobile.top article.first header, body.articles #wrapper #content .inner .main .block.pattern.mobile.top article.first span, body.articles #wrapper #content .inner .main .block.pattern.mobile.top article.first header a { color: white !important; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top article.first p a { color: white !important; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top article.first img { width: 100%; }
body.articles #wrapper #content .inner .main .block.pattern.mobile.top article { margin-top: 0; }
body.articles #wrapper #content .inner .main .block.pattern div.seperator { display: none; }
body.articles #wrapper #content .inner .main .block.pattern div.left, body.articles #wrapper #content .inner .main .block.pattern div.right { float: none; width: 95%; margin: 0 auto; }
body.articles #wrapper #content .inner .main .block.pattern span.left, body.articles #wrapper #content .inner .main .block.pattern span.right, body.articles #wrapper #content .inner .main .block.pattern a.right { width: auto; }
body.articles #wrapper #content .inner .main .block.pattern article, body.articles #wrapper #content .inner .main .block.pattern article.border { margin-top: 15px; border-bottom: 1px dotted #d2d2d2; }
body.articles #wrapper #content .inner .main .block.pattern article div.image, body.articles #wrapper #content .inner .main .block.pattern article.border div.image { background-color: transparent; width: 100%; height: auto; display: block; }
body.articles #wrapper #content .inner .main .block.pattern article div.image img, body.articles #wrapper #content .inner .main .block.pattern article.border div.image img { width: 100%; }