@charset "UTF-8";
/*
Theme Name: Visual History
Author: Pepe Jürgens | WELTFORMAT
Author URI: http://www.weltformat.de
Description: Diese Theme ist exclusive für das Projekt Visual History des Zeit ZZF Zentrum für Zeithistorische Forschung Potsdam entwickelt wurden.
Version: 0.2
Text Domain: http://www.visual-history.de
*/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=0f153b5d-c8a8-4d9a-ae22-f463c4eff56b&fontids=673377,673380,692692,692695,692704,692707,692716");
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote, section, figure, figcaption {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
}

section, article, header, aside, footer, nav {
  display: block;
}

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

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

img, fieldset {
  border: 0;
}

ol {
  padding-left: 0;
  list-style: none;
}

ul {
  padding-left: 0;
  list-style: none;
}

q:before, q:after {
  content: "";
}

a {
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "HelveticaNeueW01-Thin";
  src: url("fonts/673377/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
  src: url("fonts/673377/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"), url("fonts/673377/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"), url("fonts/673377/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"), url("fonts/673377/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
}
/*
@font-face{
font-family:"HelveticaNeueW01-ThinIt";
src:url("fonts/673380/1cc063b6-7e7b-4880-9905-0d3d4f9c7c7d.eot?#iefix");
src:url("fonts/673380/1cc063b6-7e7b-4880-9905-0d3d4f9c7c7d.eot?#iefix") format("eot"),url("fonts/673380/b6d63cb7-64b5-4d39-beaf-a8d9fe5eb1df.woff") format("woff"),url("fonts/673380/284ad777-0022-42a3-9197-c449457c670a.ttf") format("truetype"),url("fonts/673380/202b6353-ffff-45b1-9a1a-89497323d7ed.svg#202b6353-ffff-45b1-9a1a-89497323d7ed") format("svg");
}
*/
@font-face {
  font-family: "HelveticaNeueW01-55Roma";
  src: url("fonts/692692/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("fonts/692692/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("fonts/692692/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("fonts/692692/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("fonts/692692/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
/*
@font-face{
font-family:"HelveticaNeueW01-56It";
src:url("fonts/692695/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix");
src:url("fonts/692695/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("eot"),url("fonts/692695/2c056da8-4920-4e20-8c69-8a6b315458a9.woff") format("woff"),url("fonts/692695/2381d918-136d-444f-8391-db0cba6da388.ttf") format("truetype"),url("fonts/692695/d0697971-6f58-4597-942e-8beabd1adc87.svg#d0697971-6f58-4597-942e-8beabd1adc87") format("svg");
}
*/
@font-face {
  font-family: "HelveticaNeueW01-65Medi";
  src: url("fonts/692704/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
  src: url("fonts/692704/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("fonts/692704/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("fonts/692704/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("fonts/692704/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}
/*
@font-face{
font-family:"HelveticaNeueW01-66Medi";
src:url("fonts/692707/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix");
src:url("fonts/692707/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix") format("eot"),url("fonts/692707/5f0efe11-b07a-49fc-ab86-7af6152fa368.woff") format("woff"),url("fonts/692707/fea58e5b-b0a7-43f7-8928-fc0639365852.ttf") format("truetype"),url("fonts/692707/398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7.svg#398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7") format("svg");
}
*/
@font-face {
  font-family: "HelveticaNeueW01-75Bold";
  src: url("fonts/692716/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
  src: url("fonts/692716/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("fonts/692716/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("fonts/692716/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("fonts/692716/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}
/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@media print {
  .noprint,
  .no-print,
  ul#menu-main,
  .menu-menu-top-english-container,
  .menue-main-english-container,
  #top-bar,
  .back-to-index,
  .sidebar-social-nav,
  .icon-print,
  #comments,
  #footer,
  #nav-below,
  #zd-import {
    display: none !important;
  }
  #primary .article-single {
    width: 700px;
  }
  #primary .entry-meta {
    position: absolute;
    top: -135px;
  }
  #primary .author-info {
    font-size: larger;
    line-height: 1.5em;
  }
  #primary .author-info a {
    color: black !important;
  }
  #primary article.single {
    max-width: 84.28571em;
    margin-left: 100px !important;
    margin-right: auto;
    margin-top: 200px;
    padding: 0 24px;
  }
  #primary .wp-caption {
    display: block !important;
  }
  #article_text p {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 1.5em;
  }
  .entry-meta {
    max-width: 200px;
  }
}
body {
  min-width: 960px;
  font-size: 0.875em;
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
  line-height: 1.25em;
}

h1, h2 {
  font-family: "HelveticaNeueW01-Thin", Helvetica, Arial;
  font-size: 2em;
  line-height: 1.125em;
  text-transform: uppercase;
}

p {
  margin-bottom: 0.625em;
}

strong {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
  font-weight: normal;
}

a {
  color: black;
  transition: color 1s;
}

a:hover {
  color: #87ad03;
  transition: color 0.1s;
}

.img-box {
  position: relative;
}

.img-box .copyright {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 4px 6px 4px 4px;
  font-size: 0.625em;
  line-height: 1.125em;
  background-color: rgba(255, 255, 255, 0.9);
  border: 8px solid rgba(255, 255, 255, 0.1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  opacity: 0;
  transition: opacity 0.2s;
}

.img-box:hover .copyright {
  opacity: 1;
  transition: opacity 0.8s;
}

.clr {
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 0;
}

.fz-medium {
  font-size: 0.75em;
}

.further-reading {
  position: absolute;
  opacity: 0;
  color: #87ad03;
  font-size: 1.125em;
  bottom: 0.875em;
  right: 1.125em;
  transition: opacity 0.4s;
}

::-webkit-input-placeholder {
  color: #000;
}

:-moz-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;
}

:-ms-input-placeholder {
  color: #000;
}

#header {
  max-width: 84.28571em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
}
#header::after {
  clear: both;
  content: "";
  display: block;
}
#header #logo {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#header #logo:last-child {
  margin-right: 0;
}
#header #top-bar {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
  margin-right: 0;
}
#header #top-bar:last-child {
  margin-right: 0;
}
#header aside {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#header aside:last-child {
  margin-right: 0;
}

#teaser article {
  height: 300px;
}
#teaser article .content {
  max-width: 84.28571em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
}
#teaser article .content::after {
  clear: both;
  content: "";
  display: block;
}
#teaser article .content .discription.left {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#teaser article .content .discription.left:last-child {
  margin-right: 0;
}
#teaser article .content .discription.middle {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#teaser article .content .discription.middle:last-child {
  margin-right: 0;
}
#teaser article .content .discription.right {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#teaser article .content .discription.right:last-child {
  margin-right: 0;
}
#teaser article .content .teaser-img.left {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#teaser article .content .teaser-img.left:last-child {
  margin-right: 0;
}
#teaser article .content .teaser-img.right {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#teaser article .content .teaser-img.right:last-child {
  margin-right: 0;
}
#teaser article .content .teaser-img.right-middle {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 23.6607142857%;
}
#teaser article .content .teaser-img.right-middle:last-child {
  margin-right: 0;
}
#teaser article .content img.img-align-right {
  float: right;
}
#teaser article .content img.img-align-left {
  float: left;
}
#teaser article .content img.img-align-center {
  display: block;
  margin: 0 auto;
}

#primary {
  max-width: 84.28571em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
}
#primary::after {
  clear: both;
  content: "";
  display: block;
}
#primary article header .header-left {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 91.5178571429%;
}
#primary article header .header-left:last-child {
  margin-right: 0;
}
#primary article header .header-right {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 6.6964285714%;
  text-align: right;
}
#primary article header .header-right:last-child {
  margin-right: 0;
}
#primary article header .header-right a {
  font-size: 1.5em;
  color: black;
}
#primary #article_text {
  clear: left;
}
#primary article.thumb {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 23.6607142857%;
}
#primary article.thumb:last-child {
  margin-right: 0;
}
#primary article.thumb:nth-child(4n) {
  margin-right: 0;
}
#primary article.thumb:nth-child(4n+1) {
  clear: left;
}
#primary .head-clm-6 {
  margin-left: 33.9285714286%;
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#primary .head-clm-6:last-child {
  margin-right: 0;
}
#primary .main-clm-6 {
  margin-left: 33.9285714286%;
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
  margin-right: 0;
}
#primary .main-clm-6:last-child {
  margin-right: 0;
}
#primary .categories {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 66.0714285714%;
  margin-right: 0;
}
#primary .categories:last-child {
  margin-right: 0;
}
#primary .categories-list {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 32.1428571429%;
}
#primary .categories-list:last-child {
  margin-right: 0;
}
#primary .category-article {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 66.0714285714%;
}
#primary .category-article:last-child {
  margin-right: 0;
}
#primary .main-clm-12 {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 100%;
}
#primary .main-clm-12:last-child {
  margin-right: 0;
}
#primary article.single,
#primary #comments {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 66.0714285714%;
  margin-left: 33.9285714286%;
  margin-right: 0;
}
#primary article.single:last-child,
#primary #comments:last-child {
  margin-right: 0;
}

#primary.error-404 header {
  margin-left: 33.9285714286%;
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
}
#primary.error-404 header:last-child {
  margin-right: 0;
}

#primary article.page {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 66.0714285714%;
  margin-left: 16.9642857143%;
}
#primary article.page:last-child {
  margin-right: 0;
}
#primary article.page h1 {
  display: block;
  float: left;
  margin-right: 2.7027027027%;
  width: 100%;
  margin-left: 16.9642857143%;
}
#primary article.page h1:last-child {
  margin-right: 0;
}
#primary article.page div.intro {
  display: block;
  float: left;
  margin-right: 2.7027027027%;
  width: 100%;
  margin-right: 0;
}
#primary article.page div.intro:last-child {
  margin-right: 0;
}
#primary article.page div.clm2-box {
  display: block;
  float: left;
  margin-right: 2.7027027027%;
  width: 48.6486486486%;
}
#primary article.page div.clm2-box:last-child {
  margin-right: 0;
}
#primary article.page div.clm2-box:nth-child(2n) {
  margin-right: 0;
}
#primary article.page div.clm2-box:nth-child(2n+1) {
  clear: left;
}

#secondary {
  max-width: 84.28571em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  margin-bottom: 4.5em;
}
#secondary::after {
  clear: both;
  content: "";
  display: block;
}
#secondary > aside {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 32.1428571429%;
}
#secondary > aside:last-child {
  margin-right: 0;
}

#footer {
  max-width: 84.28571em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
}
#footer::after {
  clear: both;
  content: "";
  display: block;
}
#footer > aside.site-info,
#footer > aside.site-logos,
#footer > nav {
  display: block;
  float: left;
  margin-right: 1.7857142857%;
  width: 49.1071428571%;
  margin-left: 50.8928571429%;
}
#footer > aside.site-info:last-child,
#footer > aside.site-logos:last-child,
#footer > nav:last-child {
  margin-right: 0;
}

#header {
  margin-top: 1.5em;
  margin-bottom: 2.25em;
}
#header #logo a:hover {
  color: #000;
}
#header #logo > h2 {
  display: inline-block;
}
#header #logo > h2 a:hover {
  background-color: transparent;
}
#header #logo > h2 strong {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
}
#header #logo > h3 {
  display: inline-block;
  padding-left: 0.375em;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial;
  font-size: 0.75em;
  line-height: 1.25em;
}
#header #top-bar {
  margin-top: 0.6875em;
  text-align: right;
}
#header #top-bar .menu-menu-top-container,
#header #top-bar .menu-menu-top-english-container {
  display: inline;
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial;
  font-size: 0.75em;
}
#header #top-bar .menu-menu-top-container ul,
#header #top-bar .menu-menu-top-english-container ul {
  display: inline;
  padding-right: 1.125em;
}
#header #top-bar .menu-menu-top-container ul li,
#header #top-bar .menu-menu-top-english-container ul li {
  position: relative;
  display: inline;
  margin-right: 10px;
  z-index: 100;
}
#header #top-bar .menu-menu-top-container ul li:hover ul.sub-menu,
#header #top-bar .menu-menu-top-english-container ul li:hover ul.sub-menu {
  display: block;
  opacity: 1;
}
#header #top-bar .menu-menu-top-container ul.sub-menu,
#header #top-bar .menu-menu-top-english-container ul.sub-menu {
  display: block;
  opacity: 0;
  width: 15.625em;
  position: absolute;
  top: 1.5em;
  left: 0px;
  border-bottom: 3px solid black;
}
#header #top-bar .menu-menu-top-container ul.sub-menu li,
#header #top-bar .menu-menu-top-english-container ul.sub-menu li {
  position: relative;
  display: block;
  line-height: 1.75em;
  text-align: left;
}
#header #top-bar .menu-menu-top-container ul.sub-menu li:last-child,
#header #top-bar .menu-menu-top-english-container ul.sub-menu li:last-child {
  padding-bottom: 0.5em;
}
#header #top-bar form {
  display: inline;
  width: 220px;
}
#header #top-bar form input.search-field {
  border: 1px solid #000;
  color: #000;
  width: auto;
}
#header #top-bar form input.search-field {
  padding: 4px;
}
#header .menu-main-container, #header .menu-main-english-container {
  margin-top: 3.5em;
}
#header .menu-main-container ul, #header .menu-main-english-container ul {
  display: inline;
  padding-right: 1.125em;
}
#header .menu-main-container ul li, #header .menu-main-english-container ul li {
  display: inline;
  margin-right: 10px;
}

#teaser {
  margin-bottom: 4.5em;
}
#teaser a {
  transition: all 0s;
}
#teaser a:hover {
  color: #000;
}
#teaser article {
  position: relative;
  overflow: hidden;
  border-bottom: 3px solid black;
}
#teaser article .bg-img-teaser {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  height: auto;
}
#teaser article .content {
  position: relative;
}
#teaser article .discription {
  position: relative;
  margin-top: 2.25em;
  padding: 1.5em;
  transition: background 0.4s;
}
#teaser article .discription .rubrik a,
#teaser article .discription .thema a,
#teaser article .discription .author a {
  transition: color 1s;
}
#teaser article .discription .rubrik a:hover,
#teaser article .discription .thema a:hover,
#teaser article .discription .author a:hover {
  color: #87ad03;
  transition: color 0.1s;
}
#teaser article .discription h3 {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
  margin-top: 0.4375em;
  margin-bottom: 1.5em;
}
#teaser article .discription p {
  font-family: "HelveticaNeueW01-Thin", Helvetica, Arial;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
#teaser article .discription .entry-meta {
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial;
  font-size: 0.625em;
}
#teaser article .discription:hover {
  transition: background 0.4s;
}
#teaser article .teaser-img {
  margin-top: 1.5em;
}
#teaser article .teaser-img a {
  color: #87ad03;
}
#teaser article .teaser-img img {
  width: 100%;
  height: auto;
}
#teaser article .teaser-img .img-box.right {
  float: right;
}
#teaser article .teaser-img .img-box.center {
  margin: 0 auto;
  text-align: center;
}

#primary article.thumb {
  overflow: hidden;
  margin-bottom: 4.5em;
  border-bottom: 3px solid #000;
  transition: background 0.6s;
}
#primary article.thumb .thumbnail-txt {
  position: relative;
  padding-top: 0.5em;
  height: 100%;
}
#primary article.thumb a {
  color: #000;
  transition: all 0s;
}
#primary article.thumb h2 {
  padding: 0 0.625em;
  margin: 0.625em 0 0 0;
  font-size: 1.125em;
  line-height: 1.375em;
}
#primary article.thumb h3 {
  padding: 0 0.625em;
  margin-bottom: 0.75em;
  font-family: "HelveticaNeueW01-Thin", Helvetica, Arial;
}
#primary article.thumb .entry-meta {
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial;
  padding: 0 1em;
  margin-bottom: 0.625em;
  font-size: 0.625em;
  line-height: 1.5em;
}
#primary article.thumb .entry-meta .rubrik,
#primary article.thumb .entry-meta .thema {
  display: block;
}
#primary article.thumb .img-box img {
  max-width: 100%;
  height: auto;
}
#primary article.thumb .entry-meta .rubrik a,
#primary article.thumb .entry-meta .thema a,
#primary article.thumb .entry-meta .author a {
  transition: color 1s;
}
#primary article.thumb .entry-meta .rubrik a:hover,
#primary article.thumb .entry-meta .thema a:hover,
#primary article.thumb .entry-meta .author a:hover {
  color: #87ad03;
  transition: color 0.1s;
}

#primary {
  position: relative;
}
#primary a {
  color: #87ad03;
}
#primary article.single {
  font-family: "HelveticaNeueW01-55Roma";
  line-height: 1.375em;
}
#primary article.single h1 {
  text-transform: uppercase;
}
#primary article.single h2 {
  padding-top: 2.25em;
  padding-bottom: 0.875em;
  font-size: 1.375em;
}
#primary article.single h3 {
  margin-top: 0.875em;
  margin-bottom: 3em;
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial;
}
#primary article.single ul {
  margin-bottom: 0.875em;
  line-height: 1.625em;
}
#primary article.single ul li {
  list-style: disc;
}
#primary article.single .intro {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
}
#primary article.single .wp-caption {
  padding-top: 4.5em;
  padding-bottom: 3em;
}
#primary article.single .wp-caption.alignleft,
#primary article.single .wp-caption.alignright {
  padding-top: 0em;
}
#primary article.single .wp-caption-text {
  color: #000;
  padding: 0.4375em 1em;
  font-family: "HelveticaNeueW01-55Roma";
  font-size: 0.75em;
  line-height: 1.25em;
}
#primary article.single .copyright {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
  border-bottom: 12px solid rgba(255, 255, 255, 0.1);
}
#primary article.single .copyright a {
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial;
}
#primary article.single .entry-meta {
  margin-bottom: 3em;
}
#primary nav {
  display: block;
  clear: left;
  float: right;
}
#primary #comments {
  margin-top: 3em;
  border-bottom: 3px solid #000;
  font-family: "HelveticaNeueW01-Thin";
}
#primary #comments a {
  font-size: 0.75em;
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
}
#primary #comments .comments-title {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
}
#primary #comments h2 {
  font-size: 0.875em;
  margin-bottom: 3em;
}
#primary #comments h3 {
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
#primary #comments h3.comment-reply-title {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
  margin-top: 3em;
  margin-bottom: 0.875em;
}
#primary #comments .comment-author,
#primary #comments .comment-metadata {
  display: inline;
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
  font-style: normal;
  font-size: 0.625em;
  margin-bottom: 0.875em;
  line-height: 1.125em;
}
#primary #comments cite {
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial;
  font-style: normal;
  padding-right: 0.25em;
  padding-left: 0.875em;
}
#primary #comments .reply,
#primary #comments .comment-content {
  margin: 1.5em;
  padding: 0 3em;
}
#primary #comments .reply {
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: normal;
}
#primary #comments .comment-list {
  margin-bottom: 1.75em;
}
#primary #comments .comment-list article {
  margin-bottom: 1.3125em;
}
#primary #comments .comment-notes {
  margin-bottom: 1.75em;
}
#primary #comments form p {
  margin: 0.75em 0;
}
#primary #comments label {
  display: block;
  margin-bottom: 0.4375em;
}
#primary #comments input,
#primary #comments textarea {
  border: 1px solid #000;
  font-family: "HelveticaNeueW01-55Roma";
  padding: 0.4375em;
  width: 400px;
}
#primary #comments input#submit {
  font-family: "HelveticaNeueW01-55Roma";
  width: 140px;
}
#primary #comments .form-allowed-tags {
  margin: 1.5em 0;
  width: 400px;
  font-size: 0.625em;
}
#primary #comments .form-submit {
  margin-bottom: 3em;
}
#primary #comments .form-submit input {
  background-color: #eee;
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial !important;
}

/*** NO RESULT PAGE ***/
#primary.search input.search-field {
  margin-top: 1.5em;
  padding: 0.4375em;
  border: 1px solid #000;
}

#primary article.page {
  margin-bottom: 3em;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial;
  line-height: 1.375em;
}
#primary article.page h1 {
  margin-bottom: 1.75em;
}
#primary article.page h2 {
  margin-bottom: 0.4375em;
  font-family: "HelveticaNeueW01-65Medi", Helvetica, Arial !important;
  font-size: 1em;
  text-transform: none;
}
#primary article.page .clm2-text {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 1.75em;
  -webkit-column-gap: 1.75em;
  column-gap: 1.75em;
}
#primary article.page div.clm2-box {
  margin-bottom: 3em;
}
#primary article.page img {
  float: left;
  margin-right: 0.875em;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#primary article.page img.logo {
  float: none;
  display: block;
  margin-bottom: 0.875em;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#primary article.page ul {
  margin-bottom: 0.875em;
  line-height: 1.625em;
}
#primary article.page ul li {
  list-style: disc;
}

/*** SIDEBAR SINGLE POSTINFO ***/
#post-info {
  display: block;
  float: left;
  margin-right: 5.5555555556%;
  width: 20.8333333333%;
  position: absolute;
  top: 110px;
  left: 24px;
  line-height: 1.5em;
  font-size: 0.75em;
}
#post-info:last-child {
  margin-right: 0;
}
#post-info .back-to-index {
  margin-bottom: 3em;
}
#post-info .back-to-index a {
  color: #000;
}
#post-info .back-to-index a:hover {
  color: #87ad03;
}
#post-info a {
  color: #87ad03;
}
#post-info .entry-meta .avatar {
  float: left;
  margin-right: 1.5em;
}
#post-info .back-to-index,
#post-info .entry-meta .author-info h4,
#post-info .entry-meta .author-info .byline {
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial;
}
#post-info .entry-meta .byline,
#post-info .entry-meta .posted-on,
#post-info .entry-meta .thema,
#post-info .entry-meta .rubrik {
  display: block;
}
#post-info .sidebar-social-nav {
  margin-top: 3.375em;
}
#post-info .sidebar-social-nav .social-service {
  margin-bottom: 0.4375em;
}
#post-info #zd-import {
  margin-top: 150px;
  width: 300px;
  /* disable display of #zd-import on english language posts */
}
#post-info #zd-import.en_US {
  display: none;
}
#post-info #zd-import #zd-logo {
  background: url("images/logos/zd_logo_zd.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 1.9rem;
  width: 100%;
}
#post-info #zd-import .docupedia {
  color: #813223;
}
#post-info #zd-import .edok {
  color: #366B95;
}
#post-info #zd-import .vh {
  color: #658B3A;
}
#post-info #zd-import .zf {
  color: #B80000;
}
#post-info #zd-import .zol {
  color: #CD8013;
}

/*
$color-docupedia: #813223;
$color-edok: #366B95;
$color-vh: #658B3A;
$color-zf: #B80000;
$color-zol: #CD8013;
*/
/*** CATEGORIES, AUTHORS, SEARCH ***/
#primary.author header,
#primary.search header,
#primary.error-404 header,
#primary.category header {
  position: relative;
  font-family: "HelveticaNeueW01-Thin", Helvetica, Arial;
}
#primary.author header h1,
#primary.search header h1,
#primary.error-404 header h1,
#primary.category header h1 {
  margin-bottom: 0.75em;
  text-transform: uppercase;
}
#primary.author header .author-avatar,
#primary.search header .author-avatar,
#primary.error-404 header .author-avatar,
#primary.category header .author-avatar {
  position: absolute;
  top: 56px;
  left: -118px;
}
#primary.author header .author-description,
#primary.search header .author-description,
#primary.error-404 header .author-description,
#primary.category header .author-description {
  margin-bottom: 0.75em;
}
#primary.author .listing,
#primary.search .listing,
#primary.error-404 .listing,
#primary.category .listing {
  margin-top: 1.5em;
}
#primary.author .author header,
#primary.author .category-article header,
#primary.search .author header,
#primary.search .category-article header,
#primary.error-404 .author header,
#primary.error-404 .category-article header,
#primary.category .author header,
#primary.category .category-article header {
  display: block;
  float: left;
  margin-right: 2.7027027027%;
  width: 74.3243243243%;
}
#primary.author .author header:last-child,
#primary.author .category-article header:last-child,
#primary.search .author header:last-child,
#primary.search .category-article header:last-child,
#primary.error-404 .author header:last-child,
#primary.error-404 .category-article header:last-child,
#primary.category .author header:last-child,
#primary.category .category-article header:last-child {
  margin-right: 0;
}
#primary.author .author ul li,
#primary.author .category-article ul li,
#primary.search .author ul li,
#primary.search .category-article ul li,
#primary.error-404 .author ul li,
#primary.error-404 .category-article ul li,
#primary.category .author ul li,
#primary.category .category-article ul li {
  font-family: "HelveticaNeueW01-Thin", Helvetica, Arial;
  padding-bottom: 1.125em;
}
#primary.author .author ul li h3,
#primary.author .category-article ul li h3,
#primary.search .author ul li h3,
#primary.search .category-article ul li h3,
#primary.error-404 .author ul li h3,
#primary.error-404 .category-article ul li h3,
#primary.category .author ul li h3,
#primary.category .category-article ul li h3 {
  display: inline;
  padding-right: 0.4375em;
  font-size: 1.375em;
  text-transform: uppercase;
}
#primary.author .author ul li a,
#primary.author .category-article ul li a,
#primary.search .author ul li a,
#primary.search .category-article ul li a,
#primary.error-404 .author ul li a,
#primary.error-404 .category-article ul li a,
#primary.category .author ul li a,
#primary.category .category-article ul li a {
  color: #000;
}
#primary.author .author ul li a:hover,
#primary.author .category-article ul li a:hover,
#primary.search .author ul li a:hover,
#primary.search .category-article ul li a:hover,
#primary.error-404 .author ul li a:hover,
#primary.error-404 .category-article ul li a:hover,
#primary.category .author ul li a:hover,
#primary.category .category-article ul li a:hover {
  color: #87ad03;
}
#primary.author .categories-list,
#primary.search .categories-list,
#primary.error-404 .categories-list,
#primary.category .categories-list {
  margin-top: 3.625em;
}
#primary.author .categories-list ul li,
#primary.search .categories-list ul li,
#primary.error-404 .categories-list ul li,
#primary.category .categories-list ul li {
  position: relative;
  margin-bottom: 0.4375em;
}
#primary.author .categories-list ul li.cat-item.cat-item-1,
#primary.search .categories-list ul li.cat-item.cat-item-1,
#primary.error-404 .categories-list ul li.cat-item.cat-item-1,
#primary.category .categories-list ul li.cat-item.cat-item-1 {
  display: none;
}
#primary.author .categories-list ul li:before,
#primary.search .categories-list ul li:before,
#primary.error-404 .categories-list ul li:before,
#primary.category .categories-list ul li:before {
  position: absolute;
  z-index: 200;
  top: 0px;
  left: -17px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: "\f111";
  font-size: 0.625em;
  opacity: 0;
  transition: opacity 0.2s;
}
#primary.author .categories-list ul li:hover:before,
#primary.search .categories-list ul li:hover:before,
#primary.error-404 .categories-list ul li:hover:before,
#primary.category .categories-list ul li:hover:before {
  opacity: 1;
}
#primary.author .categories-list ul li a,
#primary.search .categories-list ul li a,
#primary.error-404 .categories-list ul li a,
#primary.category .categories-list ul li a {
  color: #000;
}
#primary.author .categories-list ul li a:hover,
#primary.search .categories-list ul li a:hover,
#primary.error-404 .categories-list ul li a:hover,
#primary.category .categories-list ul li a:hover {
  color: #87ad03;
}
#primary.author .categories-list ul li.current-cat,
#primary.search .categories-list ul li.current-cat,
#primary.error-404 .categories-list ul li.current-cat,
#primary.category .categories-list ul li.current-cat {
  font-family: "HelveticaNeueW01-Thin", Helvetica, Arial;
}
#primary.author .categories-list ul li.current-cat:hover:before,
#primary.search .categories-list ul li.current-cat:hover:before,
#primary.error-404 .categories-list ul li.current-cat:hover:before,
#primary.category .categories-list ul li.current-cat:hover:before {
  content: "";
}
#primary.author .categories-list ul li.current-cat a:hover,
#primary.search .categories-list ul li.current-cat a:hover,
#primary.error-404 .categories-list ul li.current-cat a:hover,
#primary.category .categories-list ul li.current-cat a:hover {
  color: #000;
}

#primary.search header {
  border-bottom: 3px solid #000;
  margin-bottom: 3em;
}

/*** Secondary ***/
/*** FOOTER ***/
#footer {
  margin-bottom: 2.25em;
  min-height: 3em;
  line-height: 1.375em;
}
#footer > aside.site-info {
  margin-bottom: 0.75em;
  font-family: "HelveticaNeueW01-Thin";
}
#footer > aside.site-info h3 {
  margin-bottom: 0.875em;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial;
}
#footer > aside.site-logos .r1-c1 {
  display: block;
  float: left;
  margin-right: 3.6363636364%;
  width: 65.4545454545%;
}
#footer > aside.site-logos .r1-c1:last-child {
  margin-right: 0;
}
#footer > aside.site-logos .r1-c2 {
  display: block;
  float: left;
  margin-right: 3.6363636364%;
  width: 30.9090909091%;
  margin-right: 0;
}
#footer > aside.site-logos .r1-c2:last-child {
  margin-right: 0;
}
#footer > aside.site-logos .r2 {
  display: block;
  float: left;
  margin-right: 3.6363636364%;
  width: 30.9090909091%;
}
#footer > aside.site-logos .r2:last-child {
  margin-right: 0;
}
#footer > aside.site-logos a:hover {
  background-color: transparent;
}
#footer .nav-top {
  margin-top: 1.5em;
  text-align: right;
}

.teaser-hover {
  background-color: rgba(245, 245, 245, 0.9) !important;
}
.teaser-hover .further-reading {
  opacity: 1 !important;
}

.thumb-hover {
  background-color: rgba(245, 245, 245, 0.9) !important;
}
.thumb-hover .further-reading {
  opacity: 1 !important;
}

/* Plugin Socialshareprivacy */
.social_share_privacy li {
  float: none !important;
}

/* Plugin Menus Social Icons */
i.icon-2x {
  font-size: 1.3em !important;
}

/*# sourceMappingURL=style.css.map */