@font-face {
  font-family: "Avenir Next Regular";
  src: url("../../shared_media/fonts/avenir-next-regular/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix");
  src: url("../../shared_media/fonts/avenir-next-regular/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix") format("eot"), url("../../../shared_media/fonts/avenir-next-regular/9b47db0b-77fb-4bb0-b5c2-3c131a36fc4d.woff") format("woff"), url("../../shared_media/fonts/avenir-next-regular/9c8b7e5f-b3ca-435d-a197-b3dfeae277a1.ttf") format("truetype"), url("../../shared_media/fonts/avenir-next-regular/0f72ee75-31c8-42ba-b262-3e13b83a8fdf.svg#0f72ee75-31c8-42ba-b262-3e13b83a8fdf") format("svg");
}

@font-face {
  font-family: "Avenir Next Bold";
  src: url("../../shared_media/fonts/avenir-next-bold/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix");
  src: url("../../shared_media/fonts/avenir-next-bold/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix") format("eot"), url("../../shared_media/fonts/avenir-next-bold/97fb5311-bdbd-46bc-bf69-3bcf8c744cda.woff") format("woff"), url("../../shared_media/fonts/avenir-next-bold/88093bd3-b377-4278-8abe-8460dd24d0e8.ttf") format("truetype"), url("../../shared_media/fonts/avenir-next-bold/0fde1539-69df-4e3d-83ef-ae23d10dd2a5.svg#0fde1539-69df-4e3d-83ef-ae23d10dd2a5") format("svg");
}

body {
  font-family: "Avenir Next Regular";
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  overflow-y: scroll;
}

h1, h2, h3, h4, h5, p {
  color: #000;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 120%;
}

strong {
  font-family: "Avenir Next Bold";
  font-weight: 400;
}

ul, figure {
  margin: 0;
  padding: 0;
}

table, tr, td {
  margin: 0;
  padding: 0;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

/* Links */
a {
  text-decoration: none;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

a:hover {
  text-decoration: none;
}

.container-artikel article a, .container-downloads article a {
  color: #000;
  text-decoration: underline;
}

.container-artikel article a:hover, .container-downloads article a:hover {
  color: #a0a0a0;;
}

.container {
  margin: 0 auto;
  max-width: 1175px;
  padding: 0 10px 0 10px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* ==========================================================================
  Header
   ========================================================================== */
header {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}

header figure {
  z-index: 5;
}

header figure.start {
  position: relative;
}

header figure.desktop {
  display: none;
}

header figure.mobile {
  float: left;
}

header .overall-message {
  position: absolute;
  margin-top: 55px;
  z-index: 10;
}

header .overall-message p {
  color: #fff;
  font-family: "Avenir Next Bold";
  font-size: 1.6rem;
  line-height: 125%;
}

header .overall-message p b {
  font-size: 2rem;
}

/* ==========================================================================
  Navigation mobile
   ========================================================================== */
#toggle-menu {
  background-color: #f2f2f2;
  cursor: pointer;
  float: left;
  position: satic;
  width: 100%;
  *behavior: url(boxsizing.htc);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#toggle-menu .button {
  color: #000;
  cursor: pointer;
  font-size: 0.75rem;
  margin: 55px 12px 0 0;
  *behavior: url(boxsizing.htc);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#toggle-menu .button:before {
  border-color: #000;
  border-bottom: 14px double #000;
  border-top: 5px solid #000;
  content: "";
  height: 23px;
  left: 10px;
  position: absolute;
  top: 16px;
  width: 33px;
}

nav#main-menu {
  clear: both;
  display: none;
  margin: 0 0 0 0;
}

nav#main-menu ul#main-navi {
  background-color: #fff;
  padding: 0 12px 10px 12px;
}

nav#main-menu ul#main-navi li {
  border-bottom: 2px solid #e6e7eb;
  font-family: "Avenir Next Bold";
  font-size: 0.875rem;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
}

nav#main-menu li a {
  color: #000;
}

nav#main-menu li a.active {
  color: #999faa;
}

/* ==========================================================================
  Navigation Desktop
   ========================================================================== */
nav#desktop-main-navi ul.mainnavi {
  display: none;
}

nav#desktop-main-navi ul.mainnavi {
  float: left;
  font-size: 0.9375rem;
  padding: 7px 0 8px 0;
}

nav#desktop-main-navi ul.mainnavi li {
  float: left;
  padding: 0 15px 0 0;
}

nav#desktop-main-navi ul.mainnavi li:first-child {
  float: none;
  padding: 0 0 10px 0;
}

nav#desktop-main-navi ul.mainnavi li:last-child {
  padding: 0;
}

nav ul li a {
  color: #000;
}

nav ul li a:hover {
  color: #999faa;
}

nav ul li a.active {
  font-family: "Avenir Next Bold";
}

/* ==========================================================================
  Languages
   ========================================================================== */
.language {
  position: absolute;
  right: 10px;
  top: 14px;
}

.language ul {
  float: left;
  font-size: 0.875rem;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

.language ul li {
  clear: both;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
  Inhaltsbereich global
   ========================================================================== */
section {
  float: left;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

section article {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

section article p {
  font-size: 1.1rem;
  padding: 0 0 14px 0;
}

section.teaser article iframe {
  height:300px !important;
}

/* ==========================================================================
  Inhaltsbereich Uebersichtsseiten
   ========================================================================== */
.content-landingpage {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-landingpage section article h1 {
  font-family: "Avenir Next Bold";
  font-size: 1.5625rem;
  padding: 55px 0 20px 0;
}

.content-landingpage section article a {
  color: #a0a0a0;
  font-family: "Avenir Next Bold";
}

.content-landingpage section article a:hover {
  color: #000;
}

/* ==========================================================================
  Einleitungsteaser, z. B. auf der Startseite
   ========================================================================== */
section.mainteaser {
  padding: 0 0 32px 0;
}

section.mainteaser.start {
  padding: 0 0 55px 0;
}

/* ==========================================================================
  Inhaltsbereich Teaser
   ========================================================================== */
section.teaser {
  width: 100%;
}

section.teaser.left {
  width: 100%;
}

section.teaser.right {
  width: 100%;
}

section.teaser h2 {
  color: #4d4d4d;
  font-size: 1.5625rem;
  font-weight: normal;
  padding: 0 0 14px 0;
}

section.teaser h2 a {
  color: #4d4d4d;
}

section.teaser h2 a:hover {
  color: #4d4d4d;
}

section.teaser ul {
  float: left;
  width: 100%;
}

section.teaser ul li {
  float: left;
  padding: 0 0 45px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

section.teaser ul li h2 {
  color: #000;
  font-family: "Avenir Next Bold";
  font-size: 1.5625rem;
  padding: 0 0 4px 0;
}

section.teaser ul li h3 {
  font-family: "Avenir Next Bold";
  font-size: 1rem;
  padding: 12px 0 5px 0;
}

section.teaser ul li p {
  color: #666;
  font-size: 1.125rem;
  font-weight: 400;
}

section.teaser ul li h2 a {
  color: #000;
}

section.teaser ul li h2 a:hover {
  color: #000;
}

section.teaser ul li p a {
  color: #666;
}

section.teaser ul li p a:hover {
  color: #666;
}

section.teaser ul li p.date {
  font-size: 0.75rem;
  padding: 13px 0 0 0;
}

/* ==========================================================================
  Linkspfeil Artikel
   ========================================================================== */
#linkspfeil {
  position: absolute;
  left: 10px;
  top: 0;
  height: 100%;
  *behavior: url(boxsizing.htc);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#linkspfeil table {
  height: 100%;
}

#linkspfeil td {
  vertical-align: middle;
}

#linkspfeil span {
  font-family: "overdeveloped";
  font-size: 3rem;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: none;
}

#linkspfeil a span:before {
  color: #000;
  content: "\f053";
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

#linkspfeil a:hover span:before {
  color: #666;
}

/* ==========================================================================
  Inhalt Artikel
   ========================================================================== */

/* Social Media */
header #social-media {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

header #social-media table {
  height: 100%;
}

header #social-media table td {
  vertical-align: middle;
}

header .social-media {
  background-color: #fff;
  padding: 18px 8px 7px 8px;
}

header .social-media p {
  padding: 0 0 8px 0;
}

header .social-media a span:before {
  color: #7f7f7f;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

header .social-media span.facebook, header .social-media span.twitter, header .social-media span.google-plus, header .social-media span.email {
  font-family: "overdeveloped";
  font-size: 2.125rem;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: none;
}

header .social-media span.facebook:before {
  content: "\e602";
}

header .social-media a:hover span.facebook:before {
  color: #3b579d;
}

header .social-media span.twitter:before {
  content: "\e603";
}

header .social-media a:hover span.twitter:before {
  color: #38a8e0;
}

header .social-media span.google-plus:before {
  content: "\e601";
}

header .social-media a:hover span.google-plus:before {
  color: #df4a32;
}

header .social-media span.email:before {
  content: "\e600";
}

header .social-media a:hover span.email:before {
  color: #999faa;
}

/* Inhaltsbereich Artikel */
.container-artikel {
  margin: 0 auto;
  max-width: 1235px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel {
  background-color: #fff;
  float: left;
  padding: 0 10px 0 10px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel article {
  float: left;
  max-width: 930px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel article section {
  max-width: 775px;
  padding: 0 0 50px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* mschimmel - aenderung in Artikel */
.content-artikel article section.article-header {
  padding: 0;
}

.content-artikel article section h1 {
  font-family: "Avenir Next Bold";
  font-size: 2rem;
  padding: 6px 0 25px 0;
}

.content-artikel article section h2 {
  clear: both;
  font-size: 1.4rem;
  padding: 0 0 6px 0;
}

.content-artikel article section h3 {
  font-family: "Avenir Next Bold";
  font-size: 1.1rem;
  padding: 20px 0 0 0;
}

.content-artikel article section p {
  clear: both;
  font-size: 1.1rem;
}

.content-artikel article section p.date {
  font-size: 0.9rem;
  padding: 0 0 25px 0;
}
.csc-header-date {
  font-size: 0.9rem;
  padding: 0 0 25px 0;
}

/* Zitat */
.content-artikel article section .zitat {
  padding: 0 30px 0 30px;
  text-align: left;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel article section .zitat h2 {
  font-family: "Avenir Next Bold";
  font-size: 1.5rem;
  font-style: italic;
  line-height: 140%;
}

.content-artikel article section .zitat p {
  font-family: "Avenir Next Regular";
  font-size: 1.1rem;
  font-style: normal;
  padding: 15px 0 0 0;
  text-align: right;
}

/* Bilder 1-, 2- und 3-spaltig */
.content-artikel article section ul.oneimage {
  float: left;
  margin: 0;
  width: 100%;
}

.content-artikel article section ul.oneimage li {
  float: left;
  margin: 25px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel article section ul.twoimages {
  float: left;
  margin: 0;
  width: 100%;
}

.content-artikel article section ul.twoimages li {
  float: left;
  margin: 25px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel article section ul.threeimages {
  float: left;
  margin: 0;
  width: 100%;
}

.content-artikel article section ul.threeimages li {
  float: left;
  margin: 25px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel article section figure {
  /* display: table; */
  float: left;
  /* margin: 0 25px 25px 0; */
}

.content-artikel article section figure figcaption {
  float: left;
  font-size: 1.1rem;
  margin: 5px 0 0 0;
}

/* Next best Steps */
.content-artikel article section .next-best-steps {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel article section .next-best-steps h2 {
  font-family: "Avenir Next Bold";
  font-size: 2rem;
}

.content-artikel article section .next-best-steps ul {
  float: left;
  padding: 42px 0 0 0;
}

.content-artikel article section .next-best-steps ul li {
  padding: 0 0 65px 0;
}

.content-artikel article section .next-best-steps ul li:last-child {
  padding: 0;
}

.content-artikel article section .next-best-steps ul li h2 {
  background-color: #000;
  color: #fff;
  float: left;
  font-family: "Avenir Next Bold";
  font-size: 1.9rem;
  height: 38px;
  line-height: 38px;
  margin: 2px 0 0 0;
  text-align: center;
  width: 38px;
}

.content-artikel article section .next-best-steps ul li p {
  clear: none;
  font-family: "Avenir Next Bold";
  font-size: 1.1rem;
  font-style: normal;
  padding: 0 0 0 56px;
}

.content-artikel article section .next-best-steps ul li a {
  color: #000;
  font-family: "Avenir Next Regular";
  font-size: 1.1rem;
  font-style: normal;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.content-artikel article section .next-best-steps ul li a:hover {
  color: #000;
}

/* rechte Spalte */
.content-artikel aside {
  float: left;
  margin: 7px 0 70px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* oberer Abstand fuer die rechten Boxen - Platzhalter! */
.content-artikel aside.padding-top {
  display: none;
  float: left;
  padding: 55px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* rechte Facts-Box */
.content-artikel aside.factsbox {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel aside.factsbox h2 {
  color: #000;
  font-family: "Avenir Next Bold";
  font-size: 0.9rem;
  font-style: normal;
  line-height: 140%;
  text-align: left;
}

.content-artikel aside.factsbox p {
  color: #000;
  font-family: "Avenir Next Regular";
  font-size: 0.9rem;
  font-style: normal;
  line-height: 140%;
}

.content-artikel aside.factsbox a {
  color: #000;
}

.content-artikel aside.factsbox a:hover {
  color: #000;
}

.content-artikel aside.factsbox figure {
  display: table;
  padding: 0 0 6px 0;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel aside.factsbox figure.overdeveloped-globe {
  padding: 25px 0 25px 0;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* rechte Facts-Box mit Zahlen */
.content-artikel aside.factsbox-zahlen {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-artikel aside.factsbox-zahlen ul li {
  padding: 0 0 50px 0;
}

.content-artikel aside.factsbox-zahlen ul li:last-child {
  padding: 0;
}

.content-artikel aside.factsbox-zahlen ul li h2 {
  color: #000;
  float: left;
  font-family: "Avenir LT W04_95 Black 1475566";
  font-size: 2.6rem;
  margin: -8px 0 0 0;
  text-align: left;
}

.content-artikel aside.factsbox-zahlen ul li p {
  font-family: "Avenir Next Regular";
  font-size: 0.9rem;
  font-style: normal;
  padding: 0 0 0 75px;
}

/* ==========================================================================
  Verwandte Artikel
   ========================================================================== */
#verwandte-artikel {
  border-top: 1px solid #999;
  float: left;
  padding: 0;
  margin: 20px 0 15px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#verwandte-artikel h4 {
  font-size: 1.4rem;
  padding: 10px 0 33px 0;
}

/* ==========================================================================
  Inhalt Downloads
   ========================================================================== */

/* Inhaltsbereich Downloads */
.container-downloads {
  margin: 0 auto;
  max-width: 1235px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads {
  background-color: #fff;
  float: left;
  padding: 0 10px 50px 10px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads article {
  float: left;
  max-width: 900px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads article section {
  max-width: 775px;
  padding: 0 0 30px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads article section h1 {
  font-family: "Avenir Next Bold";
  font-size: 2rem;
  padding: 47px 0 30px 0;
}

.content-downloads h2 {
  font-family: "Avenir Next Bold";
  font-size: 1.6rem;
  padding: 0 0 17px 0;
}

.content-downloads article section p {
  font-size: 1.1rem;
}

.content-downloads .layout, .content-downloads .logo, .content-downloads .ansicht {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .layout section, .content-downloads .logo section {
  float:left;
  padding: 0;
  max-width: 900px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .layout section ul {
  float: left;
  padding: 0 0 38px 0;
}

.content-downloads .layout section ul li {
  float: left;
  padding: 0 25px 25px 0;
}

.content-downloads .layout section ul li:nth-child(even) {
  float: left;
  padding: 0 0 25px 0;
}

.content-downloads .layout section ul li figure {
  display: table;
  max-width: 275px;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .layout section ul li figure figcaption {
  color: #000;
  float: left;
  font-family: "Avenir Next Regular";
  font-size: 1rem;
  font-style: normal;
  padding: 6px 0 0;
}

.content-downloads .layout section ul li figure a figcaption {
  color:#000;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.content-downloads .layout section ul li figure a:hover figcaption {
  color:#999faa;
}

.content-downloads .layout section ul li figure img {
  border: 1px solid #c9c9c9;
  max-width: 275px;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .logo section ul {
  float: left;
  padding: 0 0 40px 0;
}

.content-downloads .logo section ul li {
  padding: 0 0 25px 0;
}

.content-downloads .logo section ul li figure {
  display: table;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .logo section ul li figure figcaption {
  color: #000;
  float: left;
  font-family: "Avenir Next Regular";
  font-size: 1rem;
  font-style: normal;
  padding: 6px 0 0;
}

.content-downloads .logo section ul li figure img {
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .ansicht {
  padding: 8px 0 0 0;
}

.content-downloads .ansicht section {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .ansicht section ul {
  float: left;
  padding: 0 0 38px 0;
}

.content-downloads .ansicht section ul li {
  float: left;
  padding: 0 0 25px 0;
}

.content-downloads .ansicht section ul li figure {
  display: table;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads .ansicht section ul li figure figcaption {
  color: #000;
  float: left;
  font-family: "Avenir Next Regular";
  font-size: 1rem;
  font-style: normal;
  padding: 6px 0 0;
}

.content-downloads .ansicht section ul li figure img {
  border: 1px solid #c9c9c9;
  min-width: 273px;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* rechte Spalte Downloads */
.content-downloads aside {
  float: left;
  max-width: 275px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads aside.sprachen {
  max-width: 275px;
  padding: 30px 0 40px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-downloads aside.sprachen .label {
  float: left;
  padding: 5px 0 0 0;
  width:100px;
}

.content-downloads aside.sprachen p {
  font-family: "Avenir Next Bold";
  font-size: 1rem;
  text-align: left;
}

.content-downloads aside .selectbox {
  float: left;
  padding: 12px 0 0 0;
}

.content-downloads aside select {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  display: block;
  outline: 0 none;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
  width: 135px;
}

/* DropDown Sprachen*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* Neues Dropdown menu mschimmel */

.nav,.nav ul {
    list-style:none;
    margin:0;
    padding:0;
}

.nav {
    position:relative;
    z-index: 1005;
}

.nav ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;
    width:100%;
    max-width: 275px;
}

.nav li {
    float:left;
    position:relative;
}
.nav li span:after {
  content: '';
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.069%22%20viewBox%3D%2235.337%2046.064%2016%209.069%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M49.758%2046.064l1.58%201.8-8%207.27-8-7.27%201.613-1.8%206.29%204.833%206.53-4.833z%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
  position: absolute;
  right: 0px;
  top: 15%;
  width: 50px;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  height: 70%;
  line-height: 24px;
}
.nav li a {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    background-color:#000;
    border:1px solid #fff;
    color:#FFF;
    display:block;
    font-size:16px;
    line-height:35px;
    padding:5px 20px;
    text-decoration:none;
    transition:0.5s;
    width: 170px;
}

.nav li:hover > a {
    background: #3B3E42;
    border-color:#fff;
    color:#fff;
}

.nav li:hover ul.subs {
    height:auto;
    width:170px;
}

.nav ul li {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    opacity:0;
    transition:0.5s;
    width:100%;
}

.nav li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.nav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}

.nav ul li a {
    background:#000;
    border-color:#fff;
    color:#fff;
    line-height:1px;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -webkit-transition:1.5s;
    transition:1.5s;
}

.nav li:hover ul li a {
    line-height:35px;
}

.nav ul li a:hover {
    background: #3B3E42;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}





/* end */

.dropdown {
  float: left;
}
.fleft {
  float: left;
  width: 175px;
}

.cd-dropdown, .cd-select {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 175px;
}

.cd-dropdown>span {
  background: #000;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  padding: 0 50px 0 20px;
  position: relative;
  width: 100%;
   transition: background-color 300ms ease-out 0s;
  -moz-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
}

.cd-dropdown>span:after {
  content: '';
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229.069%22%20viewBox%3D%2235.337%2046.064%2016%209.069%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M49.758%2046.064l1.58%201.8-8%207.27-8-7.27%201.613-1.8%206.29%204.833%206.53-4.833z%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
  position: absolute;
  right: 0px;
  top: 15%;
  width: 50px;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  height: 70%;
  line-height: 24px;
}

.cd-dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}

.cd-dropdown ul li {
  display: block;
}

.cd-dropdown ul li span {
  background: #3B3E42;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 700;
  line-height: 50px;
  padding: 0 30px 0 20px;
  width: 100%;
  font-weight: 700;
}

.cd-dropdown>span, .cd-dropdown ul li span {
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cd-dropdown>span:hover {
  background-color: #999faa;
}

.cd-select {
  border: 1px solid #ddd;
}

.cd-dropdown ul {
  position: absolute;
  top: 0px;
  width: 100%;
}

.cd-dropdown ul li {
  border-bottom:1px solid #fff;
  position: absolute;
  width: 100%;
}
.cd-dropdown ul li:last-child {
  border-bottom:none;
}

.cd-active.cd-dropdown ul li span {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

/* Download */
.content-downloads aside.download {
  float:left;
  max-width: 275px;
  margin:-30px 0 0 0;
  padding: 0 0 50px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.content-downloads aside.download p {
  font-family: "Avenir Next Regular";
    font-size: 1rem;
  line-height:150%;
  padding:0 0 7px 0;
}
.content-downloads a.download-package-btn {
    background-color: #000;
    display: block;
    height: 32px;
    position: relative;
  width: 32px;
    transition: background-color 300ms ease-out 0s;
  -moz-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
}
.content-downloads a.download-package-btn:hover {
    background-color: #999faa;
}
.content-downloads .download-package-btn .icon {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.content-downloads .icon-download {
    width: 18.03px;
}
.content-downloads .icon-download:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.027%22%20height%3D%2221.014%22%20viewBox%3D%2241.987%2038.5%2018.027%2021.014%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M60.014%2057.486H42.25v2.027h17.764v-2.027z%22%2F%3E%3Cpath%20d%3D%22M44.014%2059.514v-4.016h-2.027v4.016h2.027zm16%200v-4.016h-2.027v4.016h2.027zM49.986%2038.5v12.756h2.028V38.5h-2.028z%22%2F%3E%3Cpath%20d%3D%22M56.58%2045.646l-7.017%206.98%201.462%201.457%206.988-7.01-1.432-1.427z%22%2F%3E%3Cpath%20d%3D%22M45.42%2045.646l7.04%207.01-1.435%201.427-7.042-7.01%201.436-1.427z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    padding-bottom: 116.57%;
}
.content-downloads .icon-download:after {
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 0;
    width: 100%;
}

/* ==========================================================================
  Inhalt Events-Liste
   ========================================================================== */

/* Inhaltsbereich Events-Liste */
.container-events {
  margin: 0 auto;
  max-width: 1235px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-events {
  background-color: #fff;
  float: left;
  padding: 0 10px 0 10px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-events article {
  float: left;
  max-width: 930px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-events article section {
  max-width: 775px;
  padding: 0 0 116px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-events article section h1 {
  font-family: "Avenir Next Bold";
  font-size: 2rem;
  padding: 47px 0 30px 0;
}

.content-events article section p {
  font-size: 1.1rem;
}

.content-events .liste-events {
  float: left;
  margin: 0 0 120px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-events .liste-events section {
  border-top: 1px solid #929292;
  padding: 30px 0 60px 0;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-events .liste-events section figure {
  display: table;
  max-width: 275px;
  padding: 0;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-events .liste-events section h2 {
  font-family: "Avenir Next Bold";
  font-size: 1.4rem;
  padding: 14px 0 12px 0;
}

.content-events .liste-events section p {
  font-family: "Avenir Next Regular";
  font-size: 1.1rem;
  padding: 0;
}

.content-events .liste-events section p.mehr-lesen {
  padding: 14px 0 0 0;
}

.content-events .liste-events section a {
  color: #b8b8b8;
  font-family: "Avenir Next Bold";
}
.content-events .liste-events section a:hover {
  color: #000;
}

.education-text {
  float: right;
  max-width: 710px;
  margin-right: 20px;
}

/* ==========================================================================
  Europaeisches Jahr fuer Entwicklung
   ========================================================================== */
#eyd {
  background-color: #e5e7ea;
  float: left;
  padding: 20px 0 20px 0;
  width: 100%;
  *behavior: url(boxsizing.htc);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#eyd .left {
  float: left;
  padding: 0 30px 20px 0;
  width: 100%;
  *behavior: url(boxsizing.htc);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#eyd .right {
  float: right;
  width: 100%;
}

#eyd figure {
  display: table;
}

#eyd .right figure {
  float: right;
}

/* ==========================================================================
  Footer
   ========================================================================== */
footer {
  background-color: #000;
  float: left;
  padding: 30px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer h2 {
  color: #fff;
  font-family: "Avenir Next Bold";
  font-size: 1.0625rem;
  letter-spacing: 1px;
  padding: 0 0 5px 0;
}

footer p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 150%;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #ccc;
}

footer .contact {
  float: left;
  padding: 0 0 30px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer .contact .left {
  float: left;
  padding: 0 55px 20px 0;
}

footer .contact .right {
  float: left;
}

footer .share-logos-cooperation {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer .share {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer .share p {
  padding: 7px 0 20px 0;
}

footer a span:before {
  color: #fff;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

footer span.facebook, footer span.twitter, footer span.google-plus, footer span.email {
  font-family: "overdeveloped";
  font-size: 2.125rem;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 0 18px 0 0;
  text-transform: none;
}

footer span.facebook:before {
  content: "\e602";
}

footer a:hover span.facebook:before {
  color: #3b579d;
}

footer span.twitter:before {
  content: "\e603";
}

footer a:hover span.twitter:before {
  color: #38a8e0;
}

footer span.google-plus:before {
  content: "\e601";
}

footer a:hover span.google-plus:before {
  color: #df4a32;
}

footer span.email:before {
  content: "\e600";
}

footer a:hover span.email:before {
  color: #999faa;
}

footer .logos {
  float: left;
  padding: 10px 0 15px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer .logos figure {
  display: table;
  float: left;
  padding: 0;
}

footer .cooperation {
  float: left;
  padding: 5px 0 15px 0;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer .cooperation p {
  line-height: 120%;
}

footer .copyright {
  border-top: 2px solid #202224;
  float: left;
  padding: 15px 0 20px 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer .copyright ul {
  color: #fff;
  float: left;
  font-size: 0.8125rem;
  width: 100%;
}

footer .copyright ul li {
  padding: 0 0 5px 0;
}

footer .copyright .text {
  float: left;
  padding: 10px 0 0 0;
}

footer .copyright .text p {
  color: #3b3e42;
  float: right;
  font-size: 0.8125rem;
}
/* ==========================================================================
  Listen
   ========================================================================== */

/* ==========================================================================
  Formulare
   ========================================================================== */
form {
  margin: 0;
  padding: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
  Suche Mobil
   ========================================================================== */
#mobile-search {
  background-color: #fff;
  float: left;
  padding: 4px 0 12px 10px;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#mobile-search li {
  float: left;
}

#mobile-search input.search {
  background-color: #e5e5e5;
  border: none;
  color: #000;
  font-size: 0.875rem;
  padding: 4px 0 4px 6px;
  width: 160px;
  max-width: 160px;
}

#mobile-search button {
  background-color: transparent;
  border: none;
  color: #575757;
  padding: 0 0 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

#mobile-search button:before {
  content: "\f002";
  font-size: 1.5625rem;
  margin: 0;
  font-family: 'overdeveloped';
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 1;
  speak: none;
  text-transform: none;
}

/* ==========================================================================
  Suche Desktop
   ========================================================================== */
#desktop-search {
  position: absolute;
  right: 12px;
  top: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

#desktop-search {
  display: none;
}

#desktop-search li {
  float: left;
}

#desktop-search input.search {
  background-color: #e5e5e5;
  border: none;
  color: #666;
  font-size: 0.875rem;
  margin: 3px 0 0 0;
  padding: 3px 0 3px 6px;
  width: 145px;
  max-width: 145px;
}

#desktop-search button {
  background-color: transparent;
  border: none;
  color: #575757;
  padding: 3px 0 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

#desktop-search button:hover {
  color: #999faa;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

#desktop-search button:before {
  content: "\f002";
  font-size: 1.25rem;
  margin: 0;
  font-family: 'overdeveloped';
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  speak: none;
  text-transform: none;
}

/* ==========================================================================
  Extension Suche
   ========================================================================== */
#kesearch_results .result-list-item .result-teaser {
  color: #000 !important;
  font-family: "Avenir Next Regular";
  font-size: 1.1rem;
}

.tx-kesearch-pi1 {
    font-family: "Avenir Next Regular";
    font-size: 1.3em;
}

#kesearch_num_results {
    color: #898989;
    font-family: "Avenir Next Regular";
}
#kesearch_results .result-list-item .result-number, #kesearch_results .result-list-item .result-title {
  font-family: "Avenir Next Regular";
}

/* ==========================================================================
  Icons
   ========================================================================== */
@font-face {
  font-family: 'overdeveloped';
  src: url('../../shared_media/fonts/overdeveloped.eot?-z9v43r');
  src: url('../../shared_media/fonts/overdeveloped.eot?#iefix-z9v43r') format('embedded-opentype'), url('../../shared_media/fonts/overdeveloped.ttf?-z9v43r') format('truetype'), url('../../shared_media/fonts/overdeveloped.woff?-z9v43r') format('woff'), url('../../shared_media/fonts/overdeveloped.svg?-z9v43r#overdeveloped') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'overdeveloped';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
  Media Query fuer Desktop
   ========================================================================== */
@media screen and (min-width:400px) {
  header .overall-message {
    margin-top: 90px;
  }
  section.teaser ul li {
    margin: 0 25px 0 0;
    width: 275px;
  }
  section.teaser ul li:nth-child(even) {
    margin: 0;
  }
  .content-downloads .layout section ul li:nth-child(even) {
    padding: 0 25px 25px 0;
  }
  .content-downloads .ansicht section ul li {
    padding: 0 25px 25px 0;
  }
  footer .copyright ul li {
    float: left;
    padding: 0 35px 0 0;
  }
  footer .copyright ul li:last-child {
    padding: 0;
  }
  footer .share {
    width: 65%;
  }
  footer .logos {
    float: right;
    width: 35%;
  }
  footer .cooperation {
    text-align:right;
  }
  footer .logos figure {
    float: right;
  }
}

@media screen and (min-width:500px) {
  header .overall-message {
    margin-top: 110px;
  }
  .content-artikel article section ul.twoimages li {
    margin: 3% 3% 0 0;
    width: 48.5%;
  }
  .content-artikel article section ul.twoimages li:nth-child(even) {
    margin: 3% 0 0 0;
  }
  .content-artikel article section ul.threeimages li {
    margin: 3% 3% 0 0;
    width: 31.333333%;
  }
  .content-artikel article section ul.threeimages li:nth-child(3n) {
    margin: 3% 0 0 0;
  }
  .content-downloads .layout section ul li:last-child {
    padding: 0;
  }
  section.teaser article iframe {
    height:200px !important;
  }
}

@media screen and (min-width:530px) {
  section.teaser ul li {
    margin: 0 2% 0 0;
    width: 49%;
  }
  section.teaser ul li {
    height: 370px;
    padding: 0;
  }
}

@media screen and (min-width:600px) {
  header .overall-message {
    margin-top: 130px;
  }
  header .overall-message p {
    font-size: 1.6rem;
  }
  header .overall-message p b {
    font-size: 2.4rem;
  }
  section.teaser ul li {
    margin: 0 3% 0 0;
    width: 48.5%;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:680px) {
  #toggle-menu {
    display: none;
  }
  nav#desktop-main-navi {
    background-color: #f2f2f2;
    float: left;
    width: 100%;
    position: relative;
  }
  .language {
    top: 32px;
  }
  nav#desktop-main-navi ul.mainnavi {
    display: inline;
  }
  #desktop-search {
    display: inline;
  }
  nav #main-navi {
    display: none;
  }
  nav #mobile-search {
    display: none;
  }
  header {
    margin: 0;
  }
  header .overall-message {
    margin-top: 0;
    top: 60px;
  }
  header figure.mobile {
    display: none;
  }
  header figure.desktop {
    display: inline;
  }
  nav#desktop-main-navi {
    display: inline;
  }
  .content-landingpage {
    padding: 0 0 50px 0;
  }
  .content-landingpage section article h1 {
    padding: 95px 0 20px 0;
  }
  section.teaser ul li {
    margin: 0 25px 0 0;
    min-width: 275px;
    width: 23.404255%;
  }
  .content-artikel article section h1 {
    font-size: 3.1rem;
    padding: 6px 0 50px 0;
  }
  .content-artikel article section .zitat h2 {
    font-size: 1.9rem;
  }
  .content-artikel article section .next-best-steps h2 {
    font-size: 2.5rem;
  }
  .content-events article section h1 {
    font-size: 3.1rem;
    padding: 49px 0 20px 0;
  }
  .content-events .liste-events section figure {
    float: left;
    margin: 0 35px 0 0;
  }
  .content-downloads article section h1 {
    font-size: 3.1rem;
    padding: 49px 0 20px 0;
  }
  #eyd {
    padding: 35px 0 35px 0;
  }
  #eyd .left {
    padding: 0 30px 0 0;
    width: 50%;
  }
  #eyd .right {
    width: 50%;
  }
  footer .share {
    width: 65%;
  }
  footer .logos {
    padding: 12px 0 20px 0;
    width: 35%;
  }
  footer .logos figure {
    float: right;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:750px) {
  header .overall-message p {
    font-size: 2rem;
  }
  header .overall-message p b {
    font-size: 2.8rem;
  }
  nav#desktop-main-navi ul.mainnavi li {
    padding: 0 25px 0 0;
  }
  .content-downloads .logo section ul li {
    float: left;
    padding: 0 75px 0 0;
  }
  .content-downloads .logo section ul li:last-child {
    padding: 0;
  }
  .content-downloads .logo section ul {
      padding: 0 0 60px;
  }
  footer .contact {
    width: 48%;
  }
  footer .share-logos-cooperation {
    width: 52%;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:820px) {
  header .overall-message p {
    font-size: 2.2rem;
  }
  header .overall-message p b {
    font-size: 3.2rem;
  }
  section.teaser ul li:nth-child(even) {
    margin: 0 25px 0 0;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:900px) {
  header .overall-message p {
    font-size: 2.4rem;
  }
  header .overall-message p b {
    font-size: 3.6rem;
  }
  footer .contact {
    width: 60%;
  }
  footer .share-logos-cooperation {
    width: 40%;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:960px) {
  header .overall-message p {
    font-size: 2.6rem;
  }
  header .overall-message p b {
    font-size: 3.8rem;
  }
  section article {
    padding: 0 10.638298% 0 0;
    width: 76.595745%;
  }
  .content-events .liste-events section figure {
    margin: 0 125px 0 0;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:1080px) {
  nav#desktop-main-navi ul.mainnavi {
    padding: 20px 0 22px 0;
  }
  nav#desktop-main-navi ul.mainnavi li:first-child {
    float: left;
    padding: 0 25px 0 0;
  }
  .language {
    top: 15px;
  }
  #desktop-search {
    float: right;
    padding: 15px 40px 0 0;
    position: static;
  }
  #desktop-search input.search {
    width: 125px;
    max-width: 125px;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:1110px) {
  #desktop-search input.search {
    width: 145px;
    max-width: 145px;
  }
}

@media screen and (min-width:1150px) {
  footer .copyright ul {
    width: 45%;
  }
  footer .copyright .text {
    float: right;
    padding: 0;
    width: 55%;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:1195px) {
  .container {
    padding: 0;
  }
  header .overall-message {
    top: 90px;
  }
  header .overall-message p {
    font-size: 2.6875rem;
  }
  header .overall-message p b {
    font-size: 4.375rem;
  }
  nav#desktop-main-navi ul.mainnavi li {
    padding: 0 37px 0 0;
  }
  nav#desktop-main-navi ul.mainnavi li:first-child {
    padding: 0 37px 0 0;
  }
  #desktop-search {
    padding: 15px 45px 0 0;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
  section.teaser ul li:nth-child(4n) {
    margin: 0;
  }
  section.teaser.left {
    width: 600px;
  }
  section.teaser.right {
    width: 575px;
  }
  section.teaser.left.onerow {
    width: 300px;
  }
  section.teaser.right.threerow {
    width: 875px;
  }
  section.teaser.left ul li:last-child {
    margin: 0;
  }
  section.teaser.right ul li:last-child {
    margin: 0;
  }
  footer {
    padding: 48px 0 0 0;
  }
  footer .contact {
    padding: 0 20px 15px 0;
    width: 600px;
  }
  footer .share-logos-cooperation {
    width: 575px;
  }
}

@media screen and (min-width:1212px) {
  
  .content-downloads aside.sprachen {
    padding: 174px 0 0 0;
  }
  .content-downloads aside.download {
    margin:0;
    padding: 42px 0 40px 70px;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:1230px) {
  #desktop-search {
    padding: 15px 45px 0 0;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width:1235px) {
  .content-artikel, .content-events, .content-downloads {
    background-color: transparent;
    margin-top: -95px;
    padding: 0 0 40px 0;
    position: relative;
  }
  .content-artikel article, .content-events article, .content-downloads article {
    background-color: #fff;
    padding: 0 125px 30px 30px;
    width: 930px;
  }
  .content-artikel article section ul.twoimages li {
    margin: 25px 25px 0 0;
    width: 375px;
  }
  .content-artikel article section ul.twoimages li:nth-child(even) {
    margin: 25px 0 0 0;
  }
  .content-artikel article section ul.threeimages li {
    margin: 25px 26px 0 0;
    width: 241px;
  }
  .content-artikel article section ul.threeimages li:nth-child(3n) {
    margin: 25px 0 0 0;
  }
  /* oberer Abstand fuer die rechten Boxen - Platzhalter! */
  .content-artikel aside.padding-top {
    display: inline;
  }
  .content-artikel aside {
    max-width: 275px;
  }
  .content-events .liste-events {
    padding: 0 30px 0 30px;
  }
  .content-downloads .layout, .content-downloads .logo {
    padding: 0 0 0 30px;
  }
  .content-downloads .ansicht {
    padding: 8px 30px 0 30px;
  }
   /* schimmel */
  section.teaser {
    margin: 10px 0 0 0;
  }
  
}

@media screen and (min-width:1280px) {
  #desktop-search {
    padding: 15px 0 0 0;
  }
}

@media screen and (min-width:1315px) {
  .language {
    right: 25px;
  }
}

@media screen and (min-width:1340px) {
  #linkspfeil {
    max-width: 1300px;
    position: static;
    margin: -47px auto 0 auto;
  }
  #linkspfeil span {
    position: relative;
    top: 115px;
  }
}