/* main navigation */
/* neutrale headlines */
/* text */
/* hamburger and footer */
.zzp-ckeditor-serif {
  font-family: "Charter BT W01";
}
.zzp-ckeditor-sans-serif {
  font-family: "Univers W01";
}
/**
 * fonts
 */
@font-face {
  font-family: "Charter BT W01_n4";
  src: url("/fonts/monotype/f41cf8a2-fbee-4e0a-b9a1-bfd20509d475.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Charter BT W01";
  src: url("/fonts/monotype/f41cf8a2-fbee-4e0a-b9a1-bfd20509d475.eot?#iefix");
  src: url("/fonts/monotype/f41cf8a2-fbee-4e0a-b9a1-bfd20509d475.eot?#iefix") format("eot"), url("/fonts/monotype/b03b71fa-6e3e-44ab-8854-24cd39f67376.woff2") format("woff2"), url("/fonts/monotype/7b22595f-47e6-4a66-9ec8-20be7208e5a9.woff") format("woff"), url("/fonts/monotype/074e63c5-808e-4644-a6dd-7f6435950d52.ttf") format("truetype"), url("/fonts/monotype/3fd10070-3a3f-4afb-9d32-1b3c5809f6e2.svg#3fd10070-3a3f-4afb-9d32-1b3c5809f6e2") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Charter BT W01_i4";
  src: url("/fonts/monotype/3b6abfdb-6ab6-410d-9395-d250970404f2.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Charter BT W01";
  src: url("/fonts/monotype/3b6abfdb-6ab6-410d-9395-d250970404f2.eot?#iefix");
  src: url("/fonts/monotype/3b6abfdb-6ab6-410d-9395-d250970404f2.eot?#iefix") format("eot"), url("/fonts/monotype/d2af5a01-609b-4afe-915c-9686c5bddb77.woff2") format("woff2"), url("/fonts/monotype/68706b40-ad0d-45e1-89da-50fb79c6c89b.woff") format("woff"), url("/fonts/monotype/d0bc1522-76a2-49d0-a2f8-83851ff1810d.ttf") format("truetype"), url("/fonts/monotype/8c08c45f-fcd2-4d28-91c8-ae23a90111cf.svg#8c08c45f-fcd2-4d28-91c8-ae23a90111cf") format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Charter BT W01_n7";
  src: url("/fonts/monotype/6a328b34-59d9-4b5a-afae-be3898912940.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Charter BT W01";
  src: url("/fonts/monotype/6a328b34-59d9-4b5a-afae-be3898912940.eot?#iefix");
  src: url("/fonts/monotype/6a328b34-59d9-4b5a-afae-be3898912940.eot?#iefix") format("eot"), url("/fonts/monotype/ebe15f96-eed5-4405-858d-616713c81256.woff2") format("woff2"), url("/fonts/monotype/7eb31e2e-240a-4b92-b19d-6aae976f4390.woff") format("woff"), url("/fonts/monotype/dbe33f71-613c-4562-97b0-23ccd1385f19.ttf") format("truetype"), url("/fonts/monotype/96979d0e-0ecf-4443-8e13-e4038e90174e.svg#96979d0e-0ecf-4443-8e13-e4038e90174e") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Charter BT W01_i7";
  src: url("/fonts/monotype/5473d293-b18a-437c-940d-84506be777be.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Charter BT W01";
  src: url("/fonts/monotype/5473d293-b18a-437c-940d-84506be777be.eot?#iefix");
  src: url("/fonts/monotype/5473d293-b18a-437c-940d-84506be777be.eot?#iefix") format("eot"), url("/fonts/monotype/734aa244-d17f-401e-9d26-15ef8eed83f8.woff2") format("woff2"), url("/fonts/monotype/204afe44-e48d-4994-a418-23f6d655dd0e.woff") format("woff"), url("/fonts/monotype/3bef913c-78c1-43c1-af56-adbe38f62dd2.ttf") format("truetype"), url("/fonts/monotype/f3ab096b-941a-47ad-8c2f-8c1ff32047fc.svg#f3ab096b-941a-47ad-8c2f-8c1ff32047fc") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Univers W01_n2";
  src: url("/fonts/monotype/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Univers W01";
  src: url("/fonts/monotype/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix");
  src: url("/fonts/monotype/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix") format("eot"), url("/fonts/monotype/9fa24f1f-00d8-4d28-910f-78e925eaead6.woff2") format("woff2"), url("/fonts/monotype/d64e7bbc-e9ea-46ad-982c-6195ae4a3c61.woff") format("woff"), url("/fonts/monotype/d270a34d-b6b8-4c07-8454-03a6a3db7603.ttf") format("truetype"), url("/fonts/monotype/b2ea19ff-0237-4d94-a107-eaa12af161ef.svg#b2ea19ff-0237-4d94-a107-eaa12af161ef") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Univers W01_o2";
  src: url("/fonts/monotype/2f2779cd-9c70-4724-b9b0-c88961257db4.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Univers W01";
  src: url("/fonts/monotype/2f2779cd-9c70-4724-b9b0-c88961257db4.eot?#iefix");
  src: url("/fonts/monotype/2f2779cd-9c70-4724-b9b0-c88961257db4.eot?#iefix") format("eot"), url("/fonts/monotype/aeb5cbb5-2077-4a57-88d8-1cc1e9c804e8.woff2") format("woff2"), url("/fonts/monotype/26832c6c-7609-41a6-b856-151be500486b.woff") format("woff"), url("/fonts/monotype/c78521a7-2342-410a-a275-e6d35b853313.ttf") format("truetype"), url("/fonts/monotype/71e4ab52-329c-40d2-89e8-d5cf99d699a5.svg#71e4ab52-329c-40d2-89e8-d5cf99d699a5") format("svg");
  font-weight: 200;
  font-style: oblique;
}
@font-face {
  font-family: "Univers W01_n4";
  src: url("/fonts/monotype/6510377f-160a-4f66-aec0-2b71f05e9736.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Univers W01";
  src: url("/fonts/monotype/6510377f-160a-4f66-aec0-2b71f05e9736.eot?#iefix");
  src: url("/fonts/monotype/6510377f-160a-4f66-aec0-2b71f05e9736.eot?#iefix") format("eot"), url("/fonts/monotype/5c8d59c2-9c85-4a22-88e3-bf3fba01dcd8.woff2") format("woff2"), url("/fonts/monotype/fc51d03b-0d7d-45df-9415-3c6270c80749.woff") format("woff"), url("/fonts/monotype/74bdff6d-c5de-42e8-a4d8-11ea14eddb22.ttf") format("truetype"), url("/fonts/monotype/bd04ae3d-23dc-4975-9967-e21c43e5b59f.svg#bd04ae3d-23dc-4975-9967-e21c43e5b59f") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Univers W01_o4";
  src: url("/fonts/monotype/541dccf9-50f5-47bd-9ba9-a01fd9a3792b.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Univers W01";
  src: url("/fonts/monotype/541dccf9-50f5-47bd-9ba9-a01fd9a3792b.eot?#iefix");
  src: url("/fonts/monotype/541dccf9-50f5-47bd-9ba9-a01fd9a3792b.eot?#iefix") format("eot"), url("/fonts/monotype/5bfff3ac-e569-450d-918b-d564434e5e24.woff2") format("woff2"), url("/fonts/monotype/05d2bfe7-45b3-4cf8-b313-290651409c59.woff") format("woff"), url("/fonts/monotype/33db2509-f09f-4704-bb16-a90dd82687f7.ttf") format("truetype"), url("/fonts/monotype/32161123-fa52-4fcf-ad65-f0958c91e0c9.svg#32161123-fa52-4fcf-ad65-f0958c91e0c9") format("svg");
  font-weight: 400;
  font-style: oblique;
}
@font-face {
  font-family: "Univers W01_n7";
  src: url("/fonts/monotype/38dc895e-c366-4a3e-b212-a84a2d07a329.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Univers W01";
  src: url("/fonts/monotype/38dc895e-c366-4a3e-b212-a84a2d07a329.eot?#iefix");
  src: url("/fonts/monotype/38dc895e-c366-4a3e-b212-a84a2d07a329.eot?#iefix") format("eot"), url("/fonts/monotype/8a711a0d-3f17-4bfe-887b-6229858332b3.woff2") format("woff2"), url("/fonts/monotype/05a79c4b-9e9d-46e4-9d4b-610be05371c4.woff") format("woff"), url("/fonts/monotype/4e00405b-a96d-4972-bdff-2d55e1066c45.ttf") format("truetype"), url("/fonts/monotype/1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e.svg#1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Univers W01_o7";
  src: url("/fonts/monotype/dca67ca5-170f-48b1-91ac-98def05d62bf.eot?#iefix") format("eot");
}
@font-face {
  font-family: "Univers W01";
  src: url("/fonts/monotype/dca67ca5-170f-48b1-91ac-98def05d62bf.eot?#iefix");
  src: url("/fonts/monotype/dca67ca5-170f-48b1-91ac-98def05d62bf.eot?#iefix") format("eot"), url("/fonts/monotype/cc843e1a-cf1f-47e9-a03f-ef03d2b85d9a.woff2") format("woff2"), url("/fonts/monotype/653a9f79-b3ad-444c-a6c4-6bf7f1112e6e.woff") format("woff"), url("/fonts/monotype/59d447a0-a4b6-478d-b071-2c949371dca6.ttf") format("truetype"), url("/fonts/monotype/87ad650a-2d30-4c47-a78c-fbdac7b87a16.svg#87ad650a-2d30-4c47-a78c-fbdac7b87a16") format("svg");
  font-weight: 700;
  font-style: oblique;
}
@font-face {
  font-family: 'hdg_iconregular';
  src: url('/fonts/hdg/hdgicon-webfont.eot');
  src: url('/fonts/hdg/hdgicon-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/hdg/hdgicon-webfont.woff2') format('woff2'), url('/fonts/hdg/hdgicon-webfont.woff') format('woff'), url('/fonts/hdg/hdgicon-webfont.ttf') format('truetype'), url('/fonts/hdg/hdgicon-webfont.svg#hdg_iconregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
 * glyph
 */
.glyphicon {
  vertical-align: center;
  display: inline-block;
  font-family: 'hdg_iconregular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-m {
  font-size: 28px;
}
.icon-l {
  font-size: 42px;
}
.glyphicon-facebook:before {
  content: "\0023";
}
.glyphicon-twitter:before {
  content: "\0024";
}
.glyphicon-mail-2:before {
  content: "\002b";
}
.glyphicon-whatsapp:before {
  content: "\002c";
}
/**
 * tags
 */
body {
  background-color: #ccc;
  font-color: #333;
  font-size: 18px;
  line-height: 26px;
  font-family: "Charter BT W01";
}
h1 {
  font-family: "Univers W01";
  font-size: 26px;
  /* xxs */
  line-height: 38px;
  font-weight: 200;
  letter-spacing: 0.03em;
  margin-top: 6px;
  margin-bottom: 23px;
}
h2 {
  font-family: "Univers W01";
  font-size: 26px;
  line-height: 34px;
  font-weight: 200;
  letter-spacing: 0.03em;
  margin-top: 0px;
  margin-bottom: 24px;
}
h3 {
  font-family: "Univers W01";
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0.03em;
  margin-top: 0px;
  margin-bottom: 20px;
}
img + h3 {
  margin-top: 16px;
}
span.h5,
h5 {
  font-family: "Univers W01";
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 3px;
  color: #666;
}
h5 + h2 {
  margin-top: 0px;
}
h5 + p.zzp-text-large {
  margin-top: 12px;
  margin-bottom: 24px;
}
span.h6,
h6 {
  font-family: "Univers W01";
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 3px;
  color: #646464;
}
span.h5 + span.h6 {
  padding-left: 1em;
}
hr {
  margin-top: 19px;
  margin-bottom: 17px;
  border: 0;
  border-top: 1px solid;
  color: inherit;
}
p {
  margin-bottom: 1em;
}
/**
 * classes
 */
.spinner {
  margin: auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #009ee0;
  height: 100%;
  width: 6px;
  margin-right: 3px;
  margin-top: 25px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.zzp-spacer-page-element {
  margin-top: 36px;
  margin-bottom: 77px;
}
#zzp-content > div:first-child.zzp-spacer-page-element,
#zzp-content > div:first-child .zzp-spacer-page-element {
  margin-top: 0px;
}
.zzp-spacer-last-page-element {
  margin-top: 36px;
  margin-bottom: 36px;
}
.zzp-spacer-button-top {
  margin-top: 36px;
  margin-bottom: 20px;
}
.zzp-spacer-small {
  margin-bottom: 14px;
}
.img-responsive-scale {
  display: block;
  height: auto;
  width: 100%;
}
.fluidmedia {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: 15px;
}
.fluidmedia iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
}
.zzp-text-large {
  font-size: 30px;
  line-height: 36px;
  font-family: "Charter BT W01";
  letter-spacing: 0.03em;
}
.zzp-text-teaser {
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
}
.zzp-text-quote {
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: bold;
}
.zzp-column-count-3 {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
}
.zzp-table-of-contents-head {
  font-size: 36px;
  line-height: 36px;
  font-family: "Univers W01";
  color: #7a7a7a;
  margin-bottom: 33px;
  margin-top: 33px;
}
.zzp-table-of-contents hr {
  margin-top: 33px;
  margin-bottom: 0px;
}
.zzp-table-of-contents a {
  display: inline-block;
  width: 100%;
  border-top: 1px #333 solid;
  border-bottom: 1px #333 solid;
  padding: 6px 5px;
  margin-bottom: -1px;
  color: #333;
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
}
.zzp-table-of-contents a:hover {
  background-color: #d1d1d1;
}
.zzp-matches {
  font-family: "Univers W01";
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.467em;
  color: #7a7a7a;
  line-height: 15px;
}
.zzp-matches hr:last-child {
  margin-bottom: 8px;
}
.zzp-button {
  display: inline-block;
  font-family: "Univers W01";
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 30px;
  border-radius: 1.033em;
  padding: 0 2em;
  color: #7a7a7a;
  background-color: #d1d1d1;
  cursor: pointer;
}
.zzp-button-ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zzp-button-ellipsis-yes {
  display: block;
}
.filterblock .zzp-button {
  margin-bottom: 18px;
  margin-top: 14px;
}
.filterblock .zzp-button.zzp-button-ellipsis-yes {
  margin-bottom: 35px;
}
.zzp-background-white {
  background-color: white;
}
/**
 * links
 */
a {
  text-decoration: none;
  color: #7a7a7a;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
/**
 * navigation
 */
/* navigation main */
#zzp-header.zzp-header-fixed ul#zzp-navigation-main {
  display: none;
}
ul#zzp-navigation-main {
  margin: 94px 0 0 0;
  padding: 0;
}
ul#zzp-navigation-main li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#zzp-navigation-main a {
  display: block;
  float: left;
  margin-right: 65px;
  font-size: 28px;
  line-height: 28px;
  font-family: "Univers W01";
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.03em;
  color: #7a7a7a;
  font-weight: 200;
}
ul#zzp-navigation-main li:last-child a {
  margin-right: 0px;
}
ul#zzp-navigation-main li:last-child a {
  margin-right: 0px;
}
/* navigation breadcrumb */
.zzp-navigation-breadcrumb {
  margin: 0;
  padding: 0;
}
.zzp-navigation-breadcrumb li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
.zzp-navigation-breadcrumb a {
  font-family: "Univers W01";
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.467em;
  color: #7a7a7a;
}
.zzp-navigation-breadcrumb a:hover {
  text-decoration: none;
  border-bottom: 1px solid;
}
.zzp-navigation-breadcrumb > li + li:before {
  padding: 0 7px 0 2px;
}
.zzp-zeitstrahl .zzp-navigation-breadcrumb > li + li:before {
  content: url("/img/icon-rsaquo-zeitstrahl.svg");
}
.zzp-personen .zzp-navigation-breadcrumb > li + li:before {
  content: url("/img/icon-rsaquo-personen.svg");
}
.zzp-themen .zzp-navigation-breadcrumb > li + li:before {
  content: url("/img/icon-rsaquo-themen.svg");
}
.ui-autocomplete {
  z-index: 1000;
  line-height: 25px;
  font-size: 16px;
  font-family: "Univers W01";
  border: 1px solid #c5c5c5;
  background-color: #ffffff;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  border: none;
  padding: 4px;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper .ui-state-active {
  background-color: #009ee0;
}
/* navigation filter */
.zzp-navigation-filter {
  margin: 34px 0;
  padding: 0;
}
.zzp-navigation-filter li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.zzp-navigation-filter a {
  display: block;
  margin-bottom: 10px;
  display: inline-block;
  font-family: "Univers W01";
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 30px;
  border-radius: 1.033em;
  padding: 0 2em;
  color: #7a7a7a;
  background-color: #d1d1d1;
  cursor: pointer;
}
.zzp-navigation-filter a.zzp-navigation-filter-on {
  color: #ffffff;
}
.zzp-navigation-filter a.zzp-navigation-filter-on:hover {
  color: #fff;
}
/* navigation panel */
ul.zzp-navigation-panel {
  margin: 20px 0 10px 0;
  padding: 0;
}
ul.zzp-navigation-panel li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #dcdcdc;
}
ul.zzp-navigation-panel li:first-child {
  border-top: 1px solid #dcdcdc;
}
ul.zzp-navigation-panel li a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 28px;
  line-height: 28px;
  font-family: "Univers W01";
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.03em;
  color: #7a7a7a;
  font-weight: 200;
}
/* navigation row */
.zzp-navigation-row {
  margin-bottom: 38px;
}
.zzp-navigation-row div:first-child a {
  border-top: 1px solid #dcdcdc;
}
.zzp-navigation-row a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 28px;
  line-height: 28px;
  font-family: "Univers W01";
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.03em;
  color: #7a7a7a;
  font-weight: 200;
}
/* navigation legende */
ul.zzp-navigation-legende {
  margin: 0;
  padding: 0;
}
ul.zzp-navigation-legende li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
ul.zzp-navigation-legende li a {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 15px;
  line-height: 15px;
  font-family: "Univers W01";
  color: #7a7a7a;
}
ul.zzp-navigation-legende li a:hover {
  color: #333;
}
.zzp-buttom-top {
  margin-top: 50px;
  margin-bottom: 0px;
}
span.zzp-navigation-more {
  display: inline-block;
}
.zzp-optionen {
  padding-top: 1px;
  margin-top: 23px;
}
.zzp-optionen h5 {
  margin-bottom: 18px;
}
.zzp-optionen .zzp-button {
  margin-right: 33px;
}
/**
 * grid
 */
#zzp-header {
  background-color: #fff;
  padding-top: 10px;
  height: 180px;
}
#zzp-header.zzp-header-fixed {
  display: block;
  height: 70px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 500;
}
#zzp-header.zzp-header-fixed-extended {
  display: block;
  height: 180px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 500;
}
#zzp-header.zzp-header-fixed + #zzp-content {
  margin-top: 70px;
}
#zzp-header.zzp-header-fixed-extended + #zzp-content {
  margin-top: 180px;
}
#zzp-content {
  border-bottom: 1px white solid;
  background-color: #f0f0f0;
  padding-top: 30px;
}
.zzp-header-homepage + #zzp-content {
  padding-top: 0px;
}
#zzp-footer {
  padding-top: 25px;
  padding-bottom: 34px;
  background-color: #fff;
}
#zzp-hamburger-menue {
  background-color: #fff;
  display: none;
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding: 0 20px;
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 10px;
  z-index: 999;
}
/**
 * page elements
 */
#zzp-footer .zzp-navigation-breadcrumb {
  margin-bottom: 12px;
}
#zzp-footer-hdg-logo {
  margin-bottom: 16px;
}
#zzp-footer-quote {
  border-bottom: 1px #dcdcdc solid;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
}
#zzp-hamburger-menue .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
  max-width: none;
}
#zzp-footer .zzp-navigation-row a:hover {
  color: #333;
}
.zzp-icon-search,
#zzp-icon-hamburger-open,
#zzp-icon-hamburger-close {
  margin-top: 6px;
  display: inline-block;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
#zzp-search-panel {
  position: absolute;
  right: -384px;
  top: 0px;
  display: flex;
  justify-content: flex-end;
  width: 420px;
  border-bottom: 1px #dcdcdc solid;
  padding-bottom: 10px;
}
#zzp-search-panel.zzp-search-panel-off {
  border-bottom: 1px #fff solid;
}
#zzp-search-panel .search-phrase {
  margin: 6px 20px 0px;
  width: 226px;
}
#zzp-search-panel .zzp-button {
  margin-top: 4px;
}
#zzp-icon-hamburger-open,
#zzp-icon-hamburger-close {
  width: 35px;
  margin-left: 20px;
}
.zzp-icon-search {
  width: 25px;
}
#zzp-header.zzp-header-fixed #zzp-icon-hamburger-open,
#zzp-hamburger-menue #zzp-icon-hamburger-close {
  margin-top: 14px;
}
#zzp-header.zzp-header-fixed #zzp-search-panel {
  display: none;
}
#zzp-header.zzp-header-fixed-extended #zzp-icon-hamburger-open {
  display: none;
}
.zzp-icon-search {
  background-image: url(/img/icon-lupe-off.svg);
}
.zzp-personen .zzp-icon-search:hover {
  background-image: url(/img/icon-lupe-personen.svg);
}
.zzp-themen .zzp-icon-search:hover {
  background-image: url(/img/icon-lupe-themen.svg);
}
.zzp-zeitstrahl .zzp-icon-search:hover {
  background-image: url(/img/icon-lupe-zeitstrahl.svg);
}
#zzp-icon-hamburger-open {
  background-image: url(/img/icon-hamburger-off.svg);
}
.zzp-personen #zzp-icon-hamburger-open:hover {
  background-image: url(/img/icon-hamburger-personen.svg);
}
.zzp-themen #zzp-icon-hamburger-open:hover {
  background-image: url(/img/icon-hamburger-themen.svg);
}
.zzp-zeitstrahl #zzp-icon-hamburger-open:hover {
  background-image: url(/img/icon-hamburger-zeitstrahl.svg);
}
#zzp-icon-hamburger-close {
  background-image: url(/img/icon-close-off.svg);
}
.zzp-personen #zzp-icon-hamburger-close:hover {
  background-image: url(/img/icon-close-personen.svg);
}
.zzp-themen #zzp-icon-hamburger-close:hover {
  background-image: url(/img/icon-close-themen.svg);
}
.zzp-zeitstrahl #zzp-icon-hamburger-close:hover {
  background-image: url(/img/icon-close-zeitstrahl.svg);
}
#zzp-hamburger-search {
  margin-top: 77px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
}
#zzp-hamburger-search .zzp-icon-search {
  margin-top: 0px;
  display: block;
}
.search-phrase {
  border: none;
  width: 100%;
  height: 25px;
  line-height: 25px;
  display: block;
  font-size: 16px;
  font-family: "Univers W01";
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 304px;
  padding: 1px;
  font-family: "Univers W01";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.popover.top {
  margin-top: -6px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 26px 19px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-template-share a div {
  margin-top: 21px;
}
.popover-template-share a:first-child div {
  margin-top: 0;
}
.swiper-slide-hidden {
  display: none !important;
  float: left;
}
/**
 * Themes
 */
.zzp-zeitstrahl ul#zzp-navigation-main a:hover,
.zzp-zeitstrahl ul#zzp-navigation-main li.on a,
.zzp-zeitstrahl .zzp-navigation-breadcrumb a,
.zzp-zeitstrahl ul.zzp-navigation-panel li a:hover,
.zzp-zeitstrahl ul.zzp-navigation-panel li.on a,
.zzp-zeitstrahl .zzp-zeitstrahl-swiper-container .swiper-slide:hover,
.zzp-zeitstrahl .zzp-zeitstrahl-swiper-container .period-active,
.zzp-zeitstrahl .zzp-personen-swiper-container .period-active,
.zzp-zeitstrahl .zzp-personen-swiper-container .swiper-slide:hover,
.zzp-zeitstrahl .zzp-search-swiper-container .period-active,
.zzp-zeitstrahl .zzp-search-swiper-container .swiper-slide:hover,
.zzp-zeitstrahl .zzp-video-card-year,
.zzp-zeitstrahl .zzp-videos4-year,
.zzp-zeitstrahl a:hover,
.zzp-zeitstrahl a:active,
.zzp-zeitstrahl a:focus,
.zzp-zeitstrahl h5,
.zzp-zeitstrahl span.h5,
.zzp-zeitstrahl .epoch-swiper .period-active {
  color: #009ee0;
}
.zzp-zeitstrahl .spinner > div,
.zzp-zeitstrahl .zzp-navigation-filter-on,
.zzp-zeitstrahl .zzp-videos4-filter-swiper-container .zzp-swiper-slide-active .zzp-button,
.zzp-zeitstrahl .zzp-videos4-filter-swiper-container .zzp-button:hover,
.zzp-zeitstrahl .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.zzp-zeitstrahl .zzp-button:hover,
.zzp-zeitstrahl .zzp-button-on {
  background-color: #009ee0;
}
.zzp-personen ul#zzp-navigation-main a:hover,
.zzp-personen ul#zzp-navigation-main li.on a,
.zzp-personen .zzp-navigation-breadcrumb a,
.zzp-personen ul.zzp-navigation-panel li a:hover,
.zzp-personen ul.zzp-navigation-panel li.on a,
.zzp-personen .zzp-zeitstrahl-swiper-container .swiper-slide:hover,
.zzp-personen .zzp-zeitstrahl-swiper-container .period-active,
.zzp-personen .zzp-personen-swiper-container .period-active,
.zzp-personen .zzp-personen-swiper-container .swiper-slide:hover,
.zzp-personen .zzp-search-swiper-container .period-active,
.zzp-personen .zzp-search-swiper-container .swiper-slide:hover,
.zzp-personen .zzp-video-card-year,
.zzp-personen .zzp-videos4-year,
.zzp-personen a:hover,
.zzp-personen a:active,
.zzp-personen a:focus,
.zzp-personen h5,
.zzp-personen span.h5,
.zzp-personen .epoch-swiper .period-active {
  color: #e74f0e;
}
.zzp-personen .spinner > div,
.zzp-personen .zzp-navigation-filter-on,
.zzp-personen .zzp-videos4-filter-swiper-container .zzp-swiper-slide-active .zzp-button,
.zzp-personen .zzp-videos4-filter-swiper-container .zzp-button:hover,
.zzp-personen .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.zzp-personen .zzp-button:hover,
.zzp-personen .zzp-button-on {
  background-color: #e74f0e;
}
.zzp-themen ul#zzp-navigation-main a:hover,
.zzp-themen ul#zzp-navigation-main li.on a,
.zzp-themen .zzp-navigation-breadcrumb a,
.zzp-themen ul.zzp-navigation-panel li a:hover,
.zzp-themen ul.zzp-navigation-panel li.on a,
.zzp-themen .zzp-zeitstrahl-swiper-container .swiper-slide:hover,
.zzp-themen .zzp-zeitstrahl-swiper-container .period-active,
.zzp-themen .zzp-personen-swiper-container .period-active,
.zzp-themen .zzp-personen-swiper-container .swiper-slide:hover,
.zzp-themen .zzp-search-swiper-container .period-active,
.zzp-themen .zzp-search-swiper-container .swiper-slide:hover,
.zzp-themen .zzp-video-card-year,
.zzp-themen .zzp-videos4-year,
.zzp-themen a:hover,
.zzp-themen a:active,
.zzp-themen a:focus,
.zzp-themen h5,
.zzp-themen span.h5,
.zzp-themen .epoch-swiper .period-active {
  color: #78b72b;
}
.zzp-themen .spinner > div,
.zzp-themen .zzp-navigation-filter-on,
.zzp-themen .zzp-videos4-filter-swiper-container .zzp-swiper-slide-active .zzp-button,
.zzp-themen .zzp-videos4-filter-swiper-container .zzp-button:hover,
.zzp-themen .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.zzp-themen .zzp-button:hover,
.zzp-themen .zzp-button-on {
  background-color: #78b72b;
}
html,
body.zzp-homepage {
  height: 100%;
  background-color: #fff;
}
body.zzp-homepage #zzp-content {
  padding: 0;
}
/**
 * video karte
 */
.zzp-video-clip {
  width: 100%;
  overflow: hidden;
}
.zzp-video-scroller {
  width: 2000px;
}
.zzp-video-card {
  float: left;
  padding: 20px;
  background-color: #fff;
  max-width: 900px;
  width: 100%;
}
.zzp-video-card-passive {
  filter: alpha(opacity=30);
  opacity: 0.3;
}
a.zzp-video-card-teaser {
  font-size: 15px;
  font-family: "Univers W01";
}
a.zzp-video-card-teaser:hover {
  text-decoration: none;
}
.zzp-video-card-passive a.zzp-video-card-teaser:hover {
  text-decoration: none;
  cursor: default;
}
.zzp-video-card-visual {
  display: block;
  position: relative;
}
.zzp-video-card img {
  margin-bottom: 14px;
  transition: all 0.3s ease 0s;
  width: 100%;
  max-width: none;
}
.zzp-video-card img.hover {
  transform: scale(1.05);
  box-shadow: 0px 4px 12px 0px #aaa;
}
.zzp-video-card-play {
  position: absolute;
  bottom: 12px;
  height: 40px;
  left: 12px;
  width: 40px;
}
.zzp-zeitstrahl .zzp-video-card-play,
.zzp-zeitstrahl .youtubeplay {
  background: rgba(0, 0, 0, 0) url("/img/play-zeitstrahl.svg");
}
.zzp-personen .zzp-video-card-play,
.zzp-personen .youtubeplay {
  background: rgba(0, 0, 0, 0) url("/img/play-personen.svg");
}
.zzp-themen .zzp-video-card-play,
.zzp-themen .youtubeplay {
  background: rgba(0, 0, 0, 0) url("/img/play-themen.svg");
}
.youtubeplay {
  position: absolute;
  bottom: 32px;
  height: 40px;
  left: 32px;
  width: 40px;
}
.playcentered {
  bottom: calc(50% - 20px);
  left: calc(50% - 20px);
}
@media (min-width: 800px) {
  .youtubeplay {
    position: absolute;
    bottom: 50px;
    height: 80px;
    left: 50px;
    width: 80px;
  }
  .playcentered {
    bottom: calc(50% - 40px);
    left: calc(50% - 40px);
  }
  .zzp-zeitstrahl .youtubeplay,
  .zzp-personen .youtubeplay,
  .zzp-themen .youtubeplay {
    background-size: 80px;
  }
}
.zzp-video-card-caption {
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
  color: #333;
}
.zzp-video-card-year {
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
}
/**
 * Videos Jahrzehnte
 */
div.row.zzp-videos4 > div {
  padding-top: 10px;
  padding-bottom: 10px;
}
.zzp-videos4-decade {
  font-size: 24px;
  line-height: 24px;
  color: #7a7a7a;
  margin-top: 14px;
  margin-bottom: 36px;
  font-family: "Univers W01";
  font-size: 35px;
  font-weight: 200;
  letter-spacing: 0em;
  height: 24px;
}
a.zzp-videos4-teaser {
  font-size: 15px;
  font-family: "Univers W01";
  display: block;
  background-color: #fff;
  border-bottom: 6px white solid;
}
.zzp-zeitstrahl a.zzp-videos4-teaser.zzp-videos-teaser-played {
  border-bottom: 6px #009ee0 solid;
}
.zzp-themen a.zzp-videos4-teaser.zzp-videos-teaser-played {
  border-bottom: 6px #78b72b solid;
}
.zzp-personen a.zzp-videos4-teaser.zzp-videos-teaser-played {
  border-bottom: 6px #e74f0e solid;
}
a.zzp-videos4-teaser:hover {
  text-decoration: none;
}
.zzp-videos4-passive a.zzp-videos4-teaser:hover {
  text-decoration: none;
  cursor: default;
}
.zzp-videos4-visual {
  display: block;
  position: relative;
}
.zzp-videos4 img {
  transition: all 0.3s ease 0s;
  width: 100%;
  max-width: none;
}
.zzp-videos4 img.hover {
  transform: scale(1.05);
  box-shadow: 0px 4px 12px 0px #aaa;
}
.zzp-videos4-play {
  position: absolute;
  bottom: 12px;
  height: 40px;
  left: 12px;
  width: 40px;
}
.zzp-zeitstrahl .zzp-videos4-play {
  background: rgba(0, 0, 0, 0) url("/img/play-zeitstrahl.svg");
}
.zzp-personen .zzp-videos4-play {
  background: rgba(0, 0, 0, 0) url("/img/play-personen.svg");
}
.zzp-themen .zzp-videos4-play {
  background: rgba(0, 0, 0, 0) url("/img/play-themen.svg");
}
.zzp-videos4-caption {
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
  color: #333;
  height: 4.28571em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 14px 20px 0px 20px;
}
.zzp-videos4-duration {
  float: right;
}
.zzp-videos4-year {
  padding: 0px 20px 8px 20px;
}
/**
 * Themen
 */
div.row.zzp-themen3 {
  margin-top: 4px;
}
div.row.zzp-themen3 > div:not(.clearfix) {
  margin-top: 20px;
  margin-bottom: 20px;
}
a.zzp-themen3-teaser {
  font-size: 15px;
  font-family: "Univers W01";
  display: block;
}
a.zzp-themen3-teaser:hover {
  text-decoration: none;
}
.zzp-themen3-visual {
  display: block;
  position: relative;
}
/*
.zzp-themen3 img {
  transition: all 0.3s ease 0s;
  width: 100%;
  max-width: none;

}
.zzp-themen3 img.hover {
  transform: scale(1.05);
  box-shadow: 0px 4px 12px 0px #aaa;
}
*/
.zzp-themen3-play {
  position: absolute;
  bottom: 12px;
  height: 40px;
  left: 12px;
  width: 40px;
}
.zzp-themen3 h6 {
  color: #78b72b;
  margin-top: 16px;
  margin-bottom: 1px;
}
.zzp-themen3 h3 {
  margin-top: 0px;
  margin-bottom: 22px;
  color: #333;
}
.zzp-themen3-body {
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
  color: #333;
  margin-bottom: 16px;
}
.zzp-zeitstrahl .zzp-themen3-play {
  background: rgba(0, 0, 0, 0) url("/img/play-zeitstrahl.svg");
}
.zzp-personen .zzp-themen3-play {
  background: rgba(0, 0, 0, 0) url("/img/play-personen.svg");
}
.zzp-themen .zzp-themen3-play {
  background: rgba(0, 0, 0, 0) url("/img/play-themen.svg");
}
/**
 * Swiper panel
 */
.swiper-panel {
  margin-top: 10px;
  margin-bottom: 10px;
}
.swiper-more {
  margin-top: 10px;
}
.swiper-panel-button-prev,
.swiper-panel-button-next {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 31px;
  width: 65px;
  z-index: 10;
}
.swiper-panel-button-prev {
  float: left;
  background-image: url("/img/button_prev.svg");
}
.swiper-panel-button-next {
  float: right;
  background-image: url("/img/button_next.svg");
}
.swiper-panel-pagination {
  font-family: "Univers W01";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-align: center;
  line-height: 31px;
}
/**
 * Swiper homepage
 */
.zzp-homepage-swiper-container.swiper-container {
  margin: 0;
}
.zzp-homepage-swiper-pagination {
  margin-top: 6px;
  text-align: center;
}
.zzp-homepage-swiper-pagination .swiper-pagination-bullet {
  background: url(/img/slider_dot_off.svg) no-repeat center center;
  border-radius: none;
  display: inline-block;
  height: 14px;
  width: 14px;
  opacity: 1;
}
.zzp-homepage-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(/img/slider_dot_on.svg) no-repeat center center;
}
.zzp-homepage-swiper-headlines {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  color: white;
}
.zzp-homepage-swiper-headlines h1 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 200;
  letter-spacing: 0.03em;
}
#zzp-homepage-swiper-logo {
  position: absolute;
  display: block;
  top: 20px;
  z-index: 2;
}
#zzp-homepage-swiper-hamburger {
  position: absolute;
  z-index: 2;
  left: 0px;
  right: 0px;
  top: 20px;
  text-align: right;
}
#zzp-homepage-swiper-hamburger > div {
  display: inline-block;
  cursor: pointer;
  width: 34px;
  height: 25px;
  background-image: url(/img/icon-hamburger-homepage.svg);
}
#zzp-homepage-swiper-hamburger > div:hover {
  background-image: url(/img/icon-hamburger-zeitstrahl.svg);
}
/**
 * Swiper zeitstrahl
 */
.zzp-zeitstrahl-swiper-container,
.zzp-personen-swiper-container,
.zzp-search-swiper-container {
  margin-top: 5px;
  margin-bottom: 0px;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.epoch-swiper .swiper-slide,
.zzp-zeitstrahl-swiper-container .swiper-slide,
.zzp-personen-swiper-container .swiper-slide,
.zzp-search-swiper-container .swiper-slide {
  width: auto;
  cursor: pointer;
  font-size: 35px;
  font-weight: 200;
  letter-spacing: 0em;
  font-size: 24px;
  line-height: 24px;
  font-family: "Univers W01";
  color: #7a7a7a;
}
/**
 * Swiper videos4 filter
 */
.zzp-videos4-filter-swiper-container {
  margin-top: 13px;
  margin-bottom: 10px;
}
.zzp-videos4-filter-swiper-container .swiper-slide {
  width: auto;
}
.zzp-videos4-filter-swiper-container .swiper-slide:hover .zzp-button,
.zzp-videos4-filter-swiper-container .zzp-swiper-slide-active .zzp-button,
.zzp-button:hover,
.zzp-button:focus,
.zzp-button:active,
.zzp-button-on {
  color: white !important;
}
/**
 * Swiper videos teaser
 */
.zzp-videos4-teaser-swiper-container .row.zzp-videos4 {
  margin-left: 0px;
  margin-right: 0px;
}
.zzp-videos4-teaser-swiper-container .row.zzp-videos4 > div {
  padding-left: 0px;
  padding-right: 0px;
}
/**
 * Swiper videos related
 */
.zzp-videos-related-swiper-container {
  margin-left: -10px;
  margin-right: -10px;
}
.zzp-videos-related-swiper-container .row.zzp-videos4 {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}
.zzp-videos-related-swiper-button-prev {
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
  width: 64px;
  height: 30px;
  background: url(/img/button_prev.svg) no-repeat center center;
}
.zzp-videos-related-swiper-button-next {
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  width: 64px;
  height: 30px;
  background: url(/img/button_next.svg) no-repeat center center;
}
.zzp-videos-related-swiper-navigation {
  display: flex;
  justify-content: space-between;
}
.zzp-videos-related-swiper-navigation .zzp-button {
  margin-left: 7px;
  margin-right: 7px;
}
.zzp-videos-related-swiper-pagination {
  font-size: 15px;
  line-height: 22px;
  font-family: "Univers W01";
  font-weight: 400;
  line-height: 30px;
}
/**
 * Swiper quote
 */
.zzp-quote-swiper-pagination {
  position: relative;
  z-index: 1;
  margin-top: -29px;
  text-align: center;
  margin-bottom: 15px;
}
.zzp-quote-swiper-pagination .swiper-pagination-bullet {
  background: url(/img/slider_dot_off.svg) no-repeat center center;
  border-radius: none;
  display: inline-block;
  height: 14px;
  width: 14px;
  opacity: 1;
}
.zzp-quote-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(/img/slider_dot_on.svg) no-repeat center center;
}
/**
 * Swiper epoche
 */
.epoch-swiper {
  margin-top: 0px;
  margin-bottom: 36px;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.epoch-swiper .swiper-slide {
  font-size: 24px;
  line-height: 24px;
  font-family: "Univers W01";
  color: #7a7a7a;
}
/**
 * Swiper card
 */
.card-swiper {
  margin-bottom: 30px;
}
.swiper-card-pagination {
  line-height: 31px;
}
/**
 * media queries
 */
@media (max-width: 499px) {
  .zzp-logo {
    width: 49px;
    height: 50px;
  }
  .zzp-homepage .zzp-logo {
    background-image: url(/img/logo-xs-zeitstrahl.svg);
  }
  .zzp-zeitstrahl .zzp-logo {
    background-image: url(/img/logo-xs-zeitstrahl.svg);
  }
  .zzp-personen .zzp-logo {
    background-image: url(/img/logo-xs-personen.svg);
  }
  .zzp-themen .zzp-logo {
    background-image: url(/img/logo-xs-themen.svg);
  }
  .zzp-video-card .col-xs-6,
  .zzp-video-card .col-sm-6,
  .zzp-videos4 .col-xs-6,
  .zzp-videos4 .col-sm-6,
  .zzp-themen3 .col-sm-6,
  .zzp-themen3 .col-md-4 {
    width: 100%;
  }
  .zzp-text-large {
    font-size: 18px;
    line-height: 26px;
    font-family: "Charter BT W01";
  }
  .zzp-navigation-filter a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606060;
  }
  .zzp-optionen .zzp-button:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 799px) {
  .zzp-quote-swiper-container .zzp-text-large + .zzp-button {
    margin-top: 43px;
  }
  .zzp-quote-swiper-pagination {
    margin-top: -71px;
    margin-bottom: 57px;
  }
}
@media (min-width: 500px) and (max-width: 590px) {
  .zzp-navigation-filter li:first-child {
    margin-bottom: 1em;
  }
}
@media (min-width: 500px) and (max-width: 799px) {
  h1 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (min-width: 500px) {
  #zzp-header.zzp-header-fixed .zzp-logo,
  #zzp-hamburger-menue .zzp-logo {
    width: 282px;
    height: 50px;
  }
  .zzp-zeitstrahl #zzp-header.zzp-header-fixed .zzp-logo {
    background-image: url(/img/logo-sm-zeitstrahl.svg);
  }
  .zzp-personen #zzp-header.zzp-header-fixed .zzp-logo {
    background-image: url(/img/logo-sm-personen.svg);
  }
  .zzp-themen #zzp-header.zzp-header-fixed .zzp-logo {
    background-image: url(/img/logo-sm-themen.svg);
  }
  .zzp-zeitstrahl #zzp-hamburger-menue .zzp-logo {
    background-image: url(/img/logo-sm-zeitstrahl.svg);
  }
  .zzp-personen #zzp-hamburger-menue .zzp-logo {
    background-image: url(/img/logo-sm-personen.svg);
  }
  .zzp-themen #zzp-hamburger-menue .zzp-logo {
    background-image: url(/img/logo-sm-themen.svg);
  }
  .zzp-navigation-filter li {
    display: blocK;
    float: left;
    background-color: #d1d1d1;
  }
  .zzp-navigation-filter li:first-child {
    border-top-left-radius: 1.033em;
    border-bottom-left-radius: 1.033em;
  }
  .zzp-navigation-filter li:last-child {
    border-top-right-radius: 1.033em;
    border-bottom-right-radius: 1.033em;
  }
  .zzp-navigation-filter a {
    margin-bottom: 0px;
  }
}
@media (min-width: 500px) and (max-width: 1023px) {
  .zzp-logo {
    width: 324px;
    height: 51px;
  }
  .zzp-homepage .zzp-logo {
    background-image: url(/img/logo-sm-zeitstrahl.svg);
  }
  .zzp-zeitstrahl .zzp-logo {
    background-image: url(/img/logo-sm-zeitstrahl.svg);
  }
  .zzp-personen .zzp-logo {
    background-image: url(/img/logo-sm-personen.svg);
  }
  .zzp-themen .zzp-logo {
    background-image: url(/img/logo-sm-themen.svg);
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  h1 {
    font-size: 34px;
    line-height: 46px;
  }
  h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .epoch-swiper .swiper-slide,
  .zzp-zeitstrahl-swiper-container .swiper-slide,
  .zzp-personen-swiper-container .swiper-slide,
  .zzp-search-swiper-container .swiper-slide,
  .zzp-videos4-decade {
    font-size: 32px;
    line-height: 32px;
    font-family: "Univers W01";
    color: #7a7a7a;
  }
  .zzp-videos4-decade {
    height: 32px;
  }
  .zzp-column-count-3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 1023px) {
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .zzp-videos4-teaser-swiper-container {
    margin-left: 20px;
    margin-right: 20px;
  }
  #zzp-header {
    height: 70px;
  }
  #zzp-navigation-main {
    display: none;
  }
  .zzp-homepage-swiper-container {
    height: auto !important;
  }
  .zzp-homepage-swiper-container .swiper-slide {
    background-image: none !important;
  }
}
@media (min-width: 1024px) {
  body {
    font-size: 20px;
    line-height: 28px;
    font-family: "Charter BT W01";
  }
  h1 {
    font-size: 44px;
    line-height: 54px;
  }
  h2 {
    font-size: 36px;
    line-height: 44px;
  }
  h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .epoch-swiper .swiper-slide,
  .zzp-zeitstrahl-swiper-container .swiper-slide,
  .zzp-personen-swiper-container .swiper-slide,
  .zzp-search-swiper-container .swiper-slide,
  .zzp-videos4-decade {
    font-size: 36px;
    line-height: 36px;
    font-family: "Univers W01";
    color: #7a7a7a;
  }
  .zzp-videos4-decade {
    height: 36px;
  }
  .zzp-text-large {
    font-size: 42px;
    line-height: 50px;
    font-family: "Charter BT W01";
    letter-spacing: 0.03em;
  }
  #zzp-header {
    padding-top: 18px;
  }
  #zzp-header.zzp-header-fixed {
    padding-top: 10px;
  }
  #zzp-header.zzp-header-fixed + #zzp-content {
    margin-top: 180px;
  }
  #zzp-header.zzp-header-homepage + #zzp-content {
    margin-top: 0px;
  }
  #zzp-header.zzp-header-videoplay + #zzp-content {
    margin-top: 70px;
  }
  .zzp-logo {
    width: 258px;
    height: 120px;
  }
  .zzp-homepage .zzp-logo {
    background-image: url(/img/logo-lg-zeitstrahl.svg);
  }
  .zzp-zeitstrahl .zzp-logo {
    background-image: url(/img/logo-lg-zeitstrahl.svg);
  }
  .zzp-personen .zzp-logo {
    background-image: url(/img/logo-lg-personen.svg);
  }
  .zzp-themen .zzp-logo {
    background-image: url(/img/logo-lg-themen.svg);
  }
  .zzp-navigation-row > div a {
    border-top: 1px solid #dcdcdc;
  }
  #zzp-footer ul.zzp-navigation-legende li {
    float: left;
    margin-right: 17px;
  }
  .zzp-column-count-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .zzp-homepage-swiper-container .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
  }
  .zzp-homepage-swiper-container .swiper-slide img {
    display: none;
  }
  .zzp-homepage-swiper-pagination {
    margin-top: 0px;
    z-index: 1;
    position: absolute;
    bottom: 10px;
  }
  .zzp-homepage-swiper-pagination .swiper-pagination-bullet {
    background: url(/img/slider_dot_off_lite.svg) no-repeat center center;
  }
  .zzp-homepage-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: url(/img/slider_dot_on_lite.svg) no-repeat center center;
  }
  .zzp-header-homepage {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
  .zzp-videos4-teaser-swiper-container {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    max-width: 1500px;
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media print {
  a[href]:after {
    content: none !important;
  }
}
#zzp-footer-hdg-logo {
  margin-top: 18px;
  margin-bottom: 18px;
}
#zzp-footer-prizes {
  margin-bottom: 30px;
}
#zzp-footer-reddot {
  height: 120px;
  width: 142px;
}
#zzp-footer-if {
  height: 120px;
  width: 114px;
}
#zzp-footer-gb {
  height: 120px;
  width: 54px;
}
#zzp-footer-amma {
  height: 120px;
  width: 121px;
}
#zzp-footer-reddot,
#zzp-footer-if,
#zzp-footer-amma {
  margin-right: 32px;
}
@media (max-width: 600px) {
  #zzp-footer-reddot {
    margin-right: 18px;
  }
  #zzp-footer-if {
    margin-right: 0;
  }
  #zzp-footer-amma {
    margin-right: 38px;
  }
  .zzp-awards2 {
    display: block;
    margin-top: 30px;
  }
}
@media (min-width: 1024px) {
  #zzp-footer-hdg-logo {
    margin-top: 58px;
  }
  #zzp-footer-prizes {
    display: inline-block;
    float: right;
    margin-bottom: 30px;
  }
}