html {
  background-color: #fff;
}

body {
  background-color: #fff;
  float: left;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  overflow-y: scroll;
  width: 100%;
}

h1, h2, h3, h4, h5, p {
  color: #595959;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  font-family: 'Dosis', sans serif;
  line-height: 115%;
}

p {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  line-height: 145%;
}

p.small {
  font-size: 0.7rem !important;
}

strong {
  font-weight: 700;
}

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

ol {
  font-family: 'Roboto Slab', serif;
  color: #595959;
  font-size: 0.9rem;
  padding: 0 0 15px 0;
}

ol li {
  margin: 0 0 5px 30px;
}

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

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

hr {
  border: none;
  border-bottom: 1px solid #595959;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

hr ~ #share-via {
  padding: 40px 0 !important;
}

/* Schrift Roboto */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto/roboto-slab-v7-latin-regular.ttf ') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto/roboto-slab-v7-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto/roboto-slab-v7-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto/roboto-slab-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto/roboto-slab-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto/roboto-slab-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto/roboto-slab-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto/roboto-slab-v7-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/roboto/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto/roboto-slab-v7-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Schrift Dosis */
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/dosis/dosis-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/dosis/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/dosis/dosis-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-regular.ttf ') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/dosis/dosis-v7-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* dosis-200 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url('../Fonts/dosis/dosis-v7-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/dosis/dosis-v7-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/dosis/dosis-v7-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-200.ttf ') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/dosis/dosis-v7-latin-200.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* dosis-500 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/dosis/dosis-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/dosis/dosis-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/dosis/dosis-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-500.ttf ') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/dosis/dosis-v7-latin-500.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* dosis-600 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/dosis/dosis-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/dosis/dosis-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/dosis/dosis-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-600.ttf ') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/dosis/dosis-v7-latin-600.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* dosis-800 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/dosis/dosis-v7-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/dosis/dosis-v7-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/dosis/dosis-v7-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/dosis/dosis-v7-latin-800.ttf ') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/dosis/dosis-v7-latin-800.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* 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 {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

section {
  float: left;
  width: 100%;
}


.ce-textpicX {
  display: block ruby;
}
/* ==========================================================================
  Icons
   ========================================================================== */
@font-face {
  font-family: 'edinet2';
  src: url('../Fonts/edinet2.eot?-z9v43r');
  src: url('../Fonts/edinet2.eot?#iefix-z9v43r') format('embedded-opentype'), url('../Fonts/edinet2.ttf?-z9v43r') format('truetype'), url('../Fonts//edinet2.woff?-z9v43r') format('woff'), url('../Fonts/edinet2.svg?-z9v43r#edinet2') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'edinet2';
  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;
}

#social-media-icons span, #share-via a span:before, span#togglebutton:before, header #social-media ul li span, .content-news div.archive ul li span, .content-news div.pagebrowser ul li span, footer #footer ul li span {
  font-family: "edinet2";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

/* ==========================================================================
  Header
   ========================================================================== */
header {
  background-color: #fff;
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*z-index: 100;*/
}

header #logo {
  float: left;
  margin: 17px 0 0 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

header #logo img {
  width: 250px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* ==========================================================================
  Hauptnavigation
   ========================================================================== */
#meta-navigation {
  font-size: 1.1rem;
  font-weight: 400;
  right: 0;
  top: 5px;
  margin-top: -52px;
  position: absolute;
}

#navMeta li {
  height: 35px;
  margin: 0 0 5px 10px;
  position: relative;
  width: 120px;
}

#navMeta li span {
  font-family: 'Dosis', sans-serif;
  display: block;
  left: 12px;
  padding: 0 8px 0 0;
  position: absolute;
  top: 7px;
}

#navMeta li a {
  display: block;
  height: 35px;
  width: 122px;
}

#navMeta li a span {
  color: #fff;
}

#navMeta li a:hover span {
  color: #e9e9e9;
}

#navMeta li.red {
  background-color: #49bed8;
}

#navMeta li.red span {
  background-color: #49bed8;
}

#navMeta li.green {
  background-color: #0099c1;
}

#navMeta li.green span {
  background-color: #0099c1;
}

#navMeta li.blue {
  background-color: #0092c3;
}

#navMeta li.blue span {
  background-color: #0092c3;
}

#navMeta li hr {
  border: none;
  border-top: 1px solid #fff;
  margin: 24px 0 0 12px;
  width: 98px;
}

#main-navigation {
  background-color: #fff;
  /* float: left; */
  font-family: 'Dosis', sans-serif;
  font-weight: 300;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#main-navigation nav {
  float: left;
  width: 100%;
}

#navMain {
  float: left;
  list-style: none;
  padding: 0 15px 0 0;
}

#navMain>li {
  float: left;
  font-size: 1.2rem;
  margin: 0;
  margin: 0 24px 0 0;
  padding: 0;
}

#navMain>li:last-child {
  margin: 0 0 0 0;
}

#navMain>li>a {
  color: #0069a9;
  display: block;
  padding: 0 0 20px 0;
  transition: border-top 0.3s ease;
  -moz-transition: border-top 0.3s ease;
  -webkit-transition: border-top 0.3s ease;
  -o-transition: border-top 0.3s ease;
}

#navMain li span.desktop {
  display: none;
}

#navMain li a:hover {
  color: #0091c3;
}

#navMain li .active {
  color: #0069a9;
  font-weight: 600;
}

#navMain li .active:hover {
  color: #0091c3;
}

#navMain li:hover>ul {
  visibility: visible;
}

#navMain li ul {
  background-color: #fff;
  margin: 0 0 0 -15px;
  position: absolute;
  padding: 0 0 20px 0;
  visibility: hidden;
  width: 210px;
  z-index: 10;
}

#navMain>li>ul>li {
  float: none;
  font-size: 1.1rem;
  font-weight: 300;
  padding: 0;
  text-transform: none;
}

#navMain li ul li a {
  border-bottom: 1px solid #595959;
  color: #0069a9;
  display: block;
  margin: 0 15px 0 15px;
  padding: 14px 0 3px 0;
}

#navMain li ul a:hover {
  color: #0091c3;
  margin: 0 15px 0 15px;
  padding: 14px 0 3px 0;
}

#navMain li ul li .active {
  color: #0069a9;
  font-weight: 600;
  margin: 0 15px 0 15px;
  padding: 14px 0 3px 0;
}

#navMain li ul li .active:hover {
  color: #0091c3;
  margin: 0 15px 0 15px;
  padding: 14px 0 3px 0;
}

/* ==========================================================================
  Content-Navigation
   ========================================================================== */
.content-navi {
  float: left;
  margin: 0 0 40px 15px;
  width: 100%;
}
.content-navi ul {
  float: left;
  width: 100%;
}
.content-navi ul li {
  padding: 0 0 5px 0;
}
.content-navi ul li p {
  font-size: 1.125rem;
  font-weight: 400;
  padding: 0;
}
.content-navi ul li a {
  color: #41ad48;
}
.content-navi ul li a:hover {
  color: #0069a9;
}
/* ==========================================================================
  Social Media im Header, z. B. LinkedIn
   ========================================================================== */
header #social-media {
  position: absolute;
  left: 124px;
  margin-top: -43px;
  top:0;
}

header #social-media ul li span {
  color: #fff;
  float: left;
  font-size: 2rem;
  margin: 0;
  padding: 0 8px 0 0;
}

header #social-media a span:before {
  color: #0069a9;
  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 a:hover span:before {
  color: #41ad48;
}

header #social-media ul li span.linkedin:before {
  content: "\e904";
}

/* ==========================================================================
  Big-Banner, z. B. Home
   ========================================================================== */
#big-banner {
  float: left;
  margin: 25px 0 0 0;
  position: relative;
  width: 100%;
}

#big-banner figure.desktop {
  display: none;
}

#big-banner p {
  color: #fff;
}

#overall-message {
  padding: 9% 15px 0 15px;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#overall-message p.headline {
  font-size: 2rem;
  line-height: 125%;
  padding: 0 0 5px 0;
}

#overall-message p {
  color: #41ad48;
  font-family: Dosis, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 125%;
}


/* ==========================================================================
  Sprachen
   ========================================================================== */
#languages {
  float: left;
  font-family: 'Dosis', sans-serif;
  margin: 0 15px 35px 15px;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Sprachen */
ul.languages {
  float: left;
  padding: 22px 0 0 0;
  text-align: left;
  width: 100%;
}

.languages li {
  float: left;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0 15px 0 0;
}

.languages li:last-child {
  padding: 0;
}

.languages a {
  color: #0069a9;
}

.languages a.active {
  color: #0092c3;
}

.languages a:hover {
  color: #49bed8;
}

/* ==========================================================================
  Content
   ========================================================================== */

.content-default {
  float: left;
  max-width: 900px;
  margin: 0 4px 0 4px;
  padding: 0;
  width: 100%;
  border: 0px solid red;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-default h1 {
  color: #595959;
  font-size: 1.9rem;
  font-weight: 600;
  padding: 0 0 32px 0;
}

.content-default h2 {
  color: #595959;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 20px 0 23px 0;
}

.content-default h3 {
  color: #595959;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 130%;
  padding: 0 0 20px 0;
}

.content-default p {
  color: #595959;
  font-size: 1rem;
  padding: 0 0 15px 0;
}

.content-default ul {
  font-family: 'Roboto Slab', serif;
  color: #595959;
  font-size: 0.9rem;
  font-weight: 400;
}

.iframelist {
  font-family: 'Roboto Slab', serif;
  color: #595959;
  font-size: 0.9rem;
  font-weight: 400;
}

li.iframelist {
  list-style-type: disc;
  margin: 0 0 5px 44px;
  padding: 0;
}

.content-default a {
  color: #0069a9;
  font-weight: 700;
}

.content-default a:hover {
  color: #49bed8;
}

.content-default .wrapper-text-box ul {
  color: #595959;
  font-size: 1.0rem;
  font-weight: 300;
  padding: 0 0 15px 0;
}

.content-default .wrapper-text-box ul li {
  list-style-type: disc;
  margin: 0 0 5px 30px;
  padding: 0;
}

#content {
  float: left;
  padding: 0 15px 0 15px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content h4 {
  color: #595959;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 0 27px;
}

#content ul {
  color: #595959;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0 0 15px 0;
}

#content ul li {
  list-style-type: disc;
  margin: 0 0 5px 25px;
  padding: 0;
}
/* FAQs */
.content-default .faq-boxes ul {
  color: #595959;
  font-size: 1.0rem;
  font-weight: 300;
  padding: 0 0 15px 0;
}

.content-default .faq-boxes ul li {
  list-style-type: none;
  margin: 0 0 5px 10px;
  padding: 0;
}
.content-default .faq-boxes a {
  color: #0069a9;
  font-weight: 400;
}

.content-default .faq-boxes a:hover {
  color: #49bed8;
}

#content figure {
  display: table;
  margin: 4px 0 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content figure figcaption {
  caption-side: bottom;
  color: #595959;
  display: table-caption;
  font-size: 0.8rem;
  padding: 7px 0 6px 0;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* Bilder 1-, 2- und 3-spaltig */
#content section.images {
  padding: 0 0 25px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content section ul.oneimage {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

#content section ul.oneimage li {
  float: left;
  list-style-type: none;
  margin: 20px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url('boxsizing.htc');
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content section ul.oneimage li figure {
  margin: 0 auto;
}

#content section ul.twoimages {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

#content section ul.twoimages li {
  float: left;
  list-style-type: none;
  margin: 20px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url('boxsizing.htc');
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content section ul.twoimages li figure {
  margin: 0 auto;
}

#content section ul.threeimages {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

#content section ul.threeimages li {
  float: left;
  list-style-type: none;
  margin: 20px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  *behavior: url("boxsizing.htc");
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content section ul.threeimages li figure {
  margin: 0 auto;
}

#content ul.gallery-list li {
   color: rgba(0, 0, 0, 1);
  list-style-type: none;
  margin: 0;
  padding: 0;
}


/*  mschimmel */
#content section .ce-accordion.close h2, #content section .ce-accordion.close h3 {
    cursor:pointer;
    padding-left:14px;
    background:url(../gfx/acc_arrow_down.png) no-repeat 0px 5px;
}
 
#content section .ce-accordion h2, #content section .ce-accordion h3 {
    cursor:pointer;
    padding-left:14px;
    background:url(../gfx/acc_arrow_up.png) no-repeat 0px 5px;
}
 
#content section .close .frame-type-menu_section {
    display:none;
}



/* ==========================================================================
  OSM Maps
   ========================================================================== */
.tx-maps2 {
  margin: 0 0 30px 0;
}

/* ==========================================================================
  News
   ========================================================================== */
.content-news {
  float: left;
  max-width: 900px;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-news section {
  position: relative;
}

.content-news h1 {
  color: #595959;
  font-family: 'Dosis', sans serif;
  font-size: 1.9rem;
  font-weight: 600;
  padding: 0 0 15px 0;
}

.content-news h2 {
  color: #595959;
  font-family: 'Dosis', sans serif;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0 0 23px 0;
}

.content-news h3 {
  color: #595959;
  font-family: 'Dosis', sans serif;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0 0 20px 0;
}

.content-news p {
  color: #595959;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0 0 25px 0;
}

.content-news a {
  color: #0092c3;
}

.content-news a:hover {
  color: #49bed8;
}
.content-news .download p {
  color: #595959;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0 0 25px 0;
}
.content-news ul {
  color: #595959;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0 0 15px 0;
}

.content-news ul li {
  padding: 0 0 0 12px;
}

.content-news article {
  border-top: 1px solid #595959;
  float: left;
  padding: 10px 0 10px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-news section article.introduction p {
  padding: 20px 0 25px 0;
}

.content-news section p {
  padding: 10px 0 25px 0;
}

.content-news article p.date {
  font-size: 0.8rem;
  padding: 15px 0 2px 0;
}

.content-news article p.date strong, .content-news article p.date-news-detail strong {
  color: #95c11f;
}

.content-news article p.date-news-detail {
  font-size: 0.8rem;
  padding: 15px 0 2px 0;
}

.content-news article p {
  padding: 0 0 16px 0;
}

.content-news article p.news-more {
  padding: 0 0 10px 0;
}

.content-news article p.news-more a {
  font-weight: 400;
}

.content-news article figure {
  margin: 0;
  width: 265px;
}

.content-news article ul.images-news-detail {
  margin: 0 0 20px 0;
  padding: 0 !important;
  width: auto;
}

.content-news article ul.images-news-detail li {
  list-style-type: none !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  width: auto;
}

.content-news article figure.news-detail {
  margin: 0 auto !important;
  width: auto;
}

.content-news div.archive {
  border-top: 1px solid #595959;
  border-bottom: 1px solid #595959;
  float: left;
  margin: 0 0 15px 0;
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-news div.archive form {
  float: left;
  padding: 18px 0 15px 0;
  width: 60%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-news div.archive fieldset {
  float: left;
  padding: 0 0 10px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-news div.archive fieldset label {
  color: #595959;
  float: left;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 2px 20px 4px 0;
  text-transform: uppercase;
  width: 100%;
}

.content-news div.archive fieldset select {
  border: 1px solid #999;
  color: #595959;
  float: left;
  font-size: 0.8rem;
  font-weight: 400;
  width: 140px;
}

.content-news div.archive nav {
  float: left;
  padding: 26px 0 0 0;
  width: 40%;
}

.content-news div.archive ul {
  float: right;
  padding: 0;
}

.content-news div.archive ul li {
  color: #ccc;
  float: left;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 0 0 27px !important;
}

.content-news div.archive ul li:first-child {
  padding: 0 !important;
}

.content-news div.archive ul li span {
  float: left;
  font-size: 2.6rem;
  margin: 0;
  padding: 0;
}

.content-news div.archive ul li a span {
  color: #595959;
}

.content-news div.archive ul li a span:hover {
  color: #41ad48;
}

.content-news div.archive ul li span.angle-left:before {
  content: "\f104";
}

.content-news div.archive ul li span.angle-right:before {
  content: "\f105";
}

.content-news div.pagebrowser {
  float: left;
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-news div.pagebrowser nav {
  float: left;
  padding: 0 0 0 0;
  width: 100%;
}

.content-news div.pagebrowser ul {
  float: right;
  padding: 0 !important;
}

.content-news div.pagebrowser ul li {
  color: #ccc;
  float: left;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 0 0 27px !important;
}

.content-news div.pagebrowser ul li:first-child {
  padding: 0;
}

.content-news div.pagebrowser ul li span {
  float: left;
  font-size: 2.6rem;
  margin: 0;
  padding: 0;
}

.content-news div.pagebrowser ul li a span {
    color: #595959;
}

.content-news div.pagebrowser ul li a span:hover {
  color: #41ad48;
}

.content-news div.pagebrowser ul li span.angle-left:before {
  content: "\f104";
}

.content-news div.pagebrowser ul li span.angle-right:before {
  content: "\f105";
}

.content-news .no-placeholder {
  display: none;
}

.news-single .article .news-img-wrap {
  float: none;
  margin: 0;
}
.news .article .news-img-wrap p {
  font-size: 0.8rem;
}
.news .article .news-img-wrap a {
  border: 0px solid #ddd;
  padding: 0;
}
.news .article .news-img-wrap img {
    padding: 0 0 4px 0;
}
.content-news #share-via {
    border-top: 1px solid #595959;
}

/* ==========================================================================
  Text mit Boxspalte, z. B. Home
   ========================================================================== */
.wrapper-text-box {
  float: left;
  padding: 0 15px 0 15px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.wrapper-text-box section {
  float: left;
  max-width: 653px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wrapper-text-box section.mctable {
  float: left;
  max-width: 653px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wrapper-text-box section article {
  float: left;
  width: 100%;
}

/* Boxen */
.wrapper-text-box aside {
  float: left;
  padding: 40px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

aside .boxes {
  float: left;
  padding: 5px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

aside .boxes h1 {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
}

aside .boxes span.h1 {
  font-family: 'Dosis', sans serif;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}

aside .boxes h2 {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 130%;
  padding: 0 0 10px 0;
}

aside .boxes p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  padding: 10px 0 0 0;
}

aside .boxes figure {
  display: table;
}

aside .boxes .box-text {
  background-color: #888;
  float: left;
  margin: 84px 0 17px 0;
  padding: 20px 20px 20px 20px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

aside .boxes .box-text a {
  color: #fff;
  font-weight: 400;
}

aside .boxes .box-text a:hover {
  color: #e9e9e9;
}

aside .boxes .box-text-flexible {
  background-color: #999;
  float: left;
  margin: 0 0 17px 0;
  padding: 10px 10px 10px 10px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

aside .boxes .box-text-flexible span {
  color: #fff;
}

aside .boxes .box-text-flexible img {
  float:left;
  padding: 20px 30px 0 0;
  width:auto;
}

aside .boxes .box-text-flexible h2 {
  font-size: 1.4rem;
}

aside .boxes .box-text-flexible a {
  color: #0069a9;
  font-weight: 400;
}

aside .boxes .box-text-flexible a:hover {
  color: #0092c3;
}

aside .boxes .box-text-image {
  background-color: #aaa;
  float: left;
  margin: 0;
  padding: 20px 20px 20px 20px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

aside .boxes .box-text-image figure {
  padding: 0 0 10px 0;
}
aside .boxes .box-text-image figure img {
  padding-left: 0 !important;
}
aside .boxes .box-text p.more-link a {
  color: #0069a9;
  font-weight: 700;
}

aside .boxes .box-text p.more-link a:hover {
  color: #0092c3;
}

/* ==========================================================================
  FAQ - Ausblenden von Kategorien, Sabine am 12.01.2017
   ========================================================================== */
.tx-jsfaq-additional-info {
  display: none;
}


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

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

.fieldrow {
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 10px 0px;
  clear:both;
}

.fieldrow label {
  width: 60px;
  float:left;
  padding: 2px;
}

.fieldrow select, .fieldrow input {
  float:left;
  width: 200px;
  padding: 2px;
}
 .submit{
  display: block;
  background-color: #b3b2b7;
  border: 0 solid #003a7d;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  padding: 6px 0 6px 0;
  margin: 0px 0 10px 0px;
  transition: background-color 0.3s ease 0s;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
  color: #fff;
  font-weight: 700;
}

.submit {
  clear: both;
}

.fieldsent {
  display:block;
  padding-top: 20px;
}

.fieldrowsent label {
  width: 80px;
  float:left;
  padding: 2px;
}

.submit:hover {
  background-color: #41ad48;
}

.fieldrow.checkbox input {
  float:left;
  width: 20px;
  padding: 0;
  margin: 3px 4px 0px 0px;
}

/* ==========================================================================
  Share via
   ========================================================================== */
#share-via {
  float: left;
  padding: 35px 15px 32px 15px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content #share-via {
  padding: 25px 0 32px 0;
}

#share-via ul {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#share-via ul li {
  clear: both;
  height: 30px;
  list-style-type: none;
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#share-via ul li:last-child {
  padding: 0;
}

#share-via ul li span.label, #share-via ul li p {
  color: #595959;
  float: left;
  font-family: 'Dosis', sans serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 120%;
  padding: 0;
}

#share-via ul li span.label {
  margin: 2px 0 0 0 !important;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

#share-via ul li p {
  margin: 2px 0 0 0 !important;
}

#share-via ul li a {
  color: #595959;
}

#share-via ul li a:hover {
  color: #49bed8;
}

#share-via ul li a:hover span.label {
  color: #49bed8;
  
}

#share-via ul li span {
  float: left;
}

#share-via a span:before {
  color: #ccc;
  font-size: 1.2rem;
  padding: 0 4px 0 0;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
#share-via a span.linkedin:before {
  font-size: 1.25rem;
}

#share-via a:hover span:before {
  color: #49bed8;
}

#share-via span.facebook:before {
  content: "\e601";
}

#share-via span.twitter:before {
  content: "\e602";
}

#share-via span.linkedin:before {
  content: "\e904";
}

#share-via span.email:before {
  content: "\e902";
}

/* ==========================================================================
  Bilder in Spalten
   ========================================================================== */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: none;
  margin: 0 0 15px 0;
}

/* ==========================================================================
  Footer
   ========================================================================== */
footer {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer #footer {
  background-color: #fff;
  float: left;
  min-height: 270px;
  padding: 0 15px 0 15px;
  width: 100%;
  border-top: 1px solid #c3c3c3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer #footer ul {
  float: left;
  padding: 40px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer #footer ul li {
  float: left; 
  /* padding: 0 0 25px 0; */
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
  footer #footer ul li:first-child {
    width: 100%;
  }
  footer #footer ul li:last-child {
    clear: both;
  }
  

footer_div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer #footer ul li img {
  width:auto;
  margin:0 20px 20px 0;
 }

footer #footer ul li h2 {
  color: #000;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0 0 21px 0;
  text-transform: uppercase;
}

footer #footer ul li h3 {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  padding: 0 0 22px 0;
}

footer #footer ul li p {
  color: #000;
  font-size: 0.8rem;
  font-weight: 400;
  margin: -34px 0 0 0;
  padding: 0 0 0 0;
}

footer #footer ul li:first-child p {
  padding: 0 0 9px 0;
}

footer #footer ul li:last-child p {
  padding: 0 0 15px 0;
}

footer #footer ul li a {
  color: #41ad48;
  font-weight: 400;
}

footer #footer ul li a:hover {
  color: #fff;
}

footer #footer ul li div.sign-up {
  float: left;
  padding: 1px 0 34px 0;
  width: 100%;
}

footer #footer .button {
  background-color: #b3b2b7;
  border: 0 solid #003a7d;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 0.7rem;
  padding: 4px 0 4px 0;
  margin: 0;
  transition: background-color 0.3s ease 0s;
  text-align: center;
  text-transform: uppercase;
  width: 115px;
}

footer #footer .button a {
  color: #fff;
  font-weight: 700;
}

footer #footer .button:hover {
  background-color: #41ad48;
}

footer #footer ul li span {
  color: #fff;
  float: left;
  font-size: 2rem;
  margin: 0;
  padding: 0 8px 0 0;
}

footer #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 #footer a:hover span:before {
  color: #41ad48;
}

footer #footer ul li span.linkedin:before {
  content: "\e904";
}
footer #metanavi {
  border-bottom: 0px solid #ccc;
  background-color: #3c3c3c;
  float: left;
  min-height: 53px;
  padding: 14px 15px 10px 15px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

footer #metanavi p {
  color: #fff;
  font-size: 0.8rem;
}

footer #metanavi a {
  color: #fff;
  font-weight: 400;
}

footer #metanavi a:hover {
  color: #49bed8;
}

footer #metanavi span {
  border-left: 3px solid #fff;
  padding: 0 0 0 4px;
}
footer #eu-funded {
  background-color: #ccc;
  border-bottom: 7px solid #fff;
  float: left;
  padding: 0 15px 15px 15px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
footer #eu-funded figure {
  float: left;
  max-width: 60px;
  padding: 15px 0 0 0;
}
footer #eu-funded .text {
  float: left;
  margin-top: -45px;
  padding: 0 15px 0 70px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
footer #eu-funded .text p {
  color: #595959;
  font-size: 0.8rem;
  padding: 0;
}
/* flex Box */
  .flex-box {
    display: flex;
	flex-direction: column;
  }
  .order1 {order:1;}
  .order2 {order:2;}
  }

footer #footer ul li {
  width: 120px;
  margin-left: 4em;
  }

/* ==========================================================================
  Page Navigation
   ========================================================================== */
#content UL.f3-widget-paginator li {
  float:left !important;
  border: 1px solid red;

}
/* ==========================================================================
  Menufication
   ========================================================================== */
/* #menufication-top #menufication-header-logo, #menufication-non-css3-top #menufication-non-css3-header-logo {
  height: 43px;
  margin-top: 82px;
  max-height: 43px;
  width: 125px;
}
 */

/* 368 */
#menufication-nav li.menufication-has-child-menu:before, #menufication-non-css3-nav li.menufication-non-css3-has-child-menu:before {
  cursor: pointer;
  font-size: 30px;
  font-weight: 700;
  margin-top: -9px;
  margin-right: 18px;
}

#menufication-nav li.menufication-child-menu-open:before, #menufication-non-css3-nav li.menufication-non-css3-child-menu-open:before {
  margin-top: -4px;
  margin-right: 19px;
}

#menufication-top, #menufication-non-css3-top {
  backface-visibility: hidden;
  background: none;
  background-color: transparent;
  box-shadow: none;
  height: 48px;
  left: 0px;
}

/* 3552 */
#menufication-top #menufication-btn, #menufication-non-css3-top #menufication-non-css3-btn {
  border-radius: 0px;
  background-color: transparent;
  height: 52px;
  margin: 0;
  width: 52px;
}

#menufication-top #menufication-btn:before, #menufication-non-css3-top #menufication-non-css3-btn:before {
  left: 15px;
  top: 15px;
}

/* 3849 */
#menufication-top p, #menufication-non-css3-top p {
  color: #595959;
  font-weight: 700;
}

/* 6464 */
#menufication-outer-wrap.menufication-transition-in #menufication-scroll-container {
  overflow-y: auto !important;
  z-index: 10001;
}

/* 11852 */
#menufication-nav li a, #menufication-non-css3-nav li a {
  color: #fff;
  display: block;
  font-family: 'Dosis', sans-serif !important;
  font-weight: normal !important;
  margin-right: 50px;
  text-shadow: none;
  text-transform: none;
}

/* 15319 */
#menufication-scroll-container {
  background-color: #0197d4;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#menufication-nav li, #menufication-non-css3-nav li {
  border-bottom: 1px solid #fff;
  border-top: none;
}

#menufication-nav .menufication-child-menu, #menufication-non-css3-nav .menufication-non-css3-child-menu {
  border-top: 1px solid #fff;
}

#menufication-nav .menufication-child-menu, #menufication-non-css3-nav .menufication-non-css3-child-menu {
  border-bottom: #0197d4;
}

#menufication-nav .menufication-child-menu li a, #menufication-nav-non-css3-nav .menufication-non-css3-child-menu li a {
  color: #fff;
  display: block;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

#menufication-nav .menufication-child-menu li a:active, #menufication-nav-non-css3-nav .menufication-non-css3-child-menu li a:active {
  color: #fff;
}

#menufication-nav .menufication-child-menu li a:focus, #menufication-nav-non-css3-nav .menufication-non-css3-child-menu li a:focus {
  color: #fff;
}

a.menufication-active-class {
  color: #41ad48 !important;
}

#menufication-nav ul:first-child, #menufication-nav .menufication-menu-level-0, #menufication-non-css3-nav .menufication-non-css3-menu-level-0 {
  margin-bottom: 50px;
}

.menufication-child-menu.menufication-menu-level-1>li:last-child {
  border-bottom: medium none !important;
}

/* geaenderte Styles von Sabine */
#menufication-nav ul, #menufication-non-css3-nav ul, #menufication-nav li, #menufication-non-css3-nav li {
  padding-left: 12px !important;
}

#menufication-outer-wrap.light #menufication-top, #menufication-outer-wrap.light #menufication-non-css3-top, #menufication-non-css3-outer-wrap.light #menufication-top, #menufication-non-css3-outer-wrap.light #menufication-non-css3-top {
  background: none;
  background-color: rgba(255, 255, 255, 0.5);
  width: 52px;
}

#menufication-outer-wrap.light #menufication-nav a, #menufication-outer-wrap.light #menufication-nav p, #menufication-outer-wrap.light #menufication-non-css3-nav a, #menufication-outer-wrap.light #menufication-non-css3-nav p, #menufication-non-css3-outer-wrap.light #menufication-nav a, #menufication-non-css3-outer-wrap.light #menufication-nav p, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav a, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav p {
  color: #595959;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  text-shadow: none;
}

#menufication-outer-wrap.light #menufication-top #menufication-btn::before, #menufication-outer-wrap.light #menufication-non-css3-top #menufication-non-css3-btn::before, #menufication-non-css3-outer-wrap.light #menufication-top #menufication-btn::before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-top #menufication-non-css3-btn::before {
  border-color: #3c3c3c !important;
}

#menufication-outer-wrap.light #menufication-nav li.menufication-has-child-menu::before, #menufication-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-has-child-menu::before, #menufication-non-css3-outer-wrap.light #menufication-nav li.menufication-has-child-menu::before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-has-child-menu::before {
  color: #595959 !important;
}

#menufication-outer-wrap.light #menufication-scroll-container, #menufication-outer-wrap.light #menufication-non-css3-scroll-container, #menufication-non-css3-outer-wrap.light #menufication-scroll-container, #menufication-non-css3-outer-wrap.light #menufication-non-css3-scroll-container {
  background: none;
  background-color: #efefef;
  box-shadow: none;
}

#menufication-outer-wrap.light #menufication-nav li.menufication-child-menu-open::before, #menufication-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-child-menu-open::before, #menufication-non-css3-outer-wrap.light #menufication-nav li.menufication-child-menu-open::before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-child-menu-open::before {
  border-bottom: 4px solid #595959;
}

#menufication-nav .menufication-menu-level-1 li.menufication-has-child-menu::before, #menufication-non-css3-nav .menufication-non-css3-menu-level-1 li.menufication-non-css3-has-child-menu::before {
  margin-top: -8px !important;
}

#menufication-nav .menufication-menu-level-2 li a, #menufication-nav-non-css3-nav .menufication-non-css3-menu-level-2 li a {
  margin-left: 0px !important;
  padding-right: 40px;
}

#menufication-nav .menufication-child-menu, #menufication-non-css3-nav .menufication-non-css3-child-menu {
  margin-left: 0px;
}



/* ==========================================================================
  Media Query fuer Desktop
   ========================================================================== */
@media screen and (min-width:450px) {
  #overall-message {
    padding: 15% 15px 0 15px;
  }
  div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
    margin: 0 20px 10px 0;
  }
 div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { both:none; }
/* specific page styles for extension "tx_cssstyledcontent" */
  .csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 2px;  }
/*  .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 2px; } */
  div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block;margin-bottom: 10px; }

 

}
   
@media screen and (min-width:500px) {
  header #logo {
    margin: 10px 0 0 6px;
  }
  header #logo img {
    width: 290px;
  }
  header #social-media {
    left: 148px;
  }
  #overall-message p.headline {
    font-size: 3.8em;
  }
  #overall-message p {
    font-size: 2.2em;
  }
  #share-via {
    padding: 45px 15px 50px 15px;
  }
  #content #share-via {
    padding: 25px 0 50px 0;
  }
  #share-via ul li {
    clear: none;
    float: left;
    height: auto;
    padding: 0 17px 0 0;
  }
  footer #eu-funded .text {
    margin-top: -40px;
  }

  

   div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { both:none; }
/* specific page styles for extension "tx_cssstyledcontent" */
  .csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 2px;  }
/*  .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 2px; } */
  div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block;margin-bottom: 10px; }
}

@media screen and (min-width:680px) {
  body {
    min-width: 940px;
  }
  ol li {
    margin: 0 0 5px 50px;
  }
  #menufication-outer-wrap {
    overflow: visible !important;
  }
  .container {
    padding: 0 20px;
    width: 940px !important;
  }
    .content-default {
    margin: 0 0 0 0;
  }
  #meta-navigation {
    margin-top: 0;
    right: 0;
    top: 0;
    position: absolute;
  }
  #navMeta li {
    float: left;
    height: 65px;
    margin: 0 0 0 10px;
    width: 130px;
  }
  #navMeta li a {
    height: 65px;
    width: 130px;
  }
  #navMeta li span {
    top: 33px;
  }
  #navMeta li hr {
    margin: 50px 0 0 12px;
    width: 106px;
  }
  header {
    display: inline;
  }
  header #logo {
    margin: 10px 5px 25px 0;
  }
  header #logo img {
    width: 390px;
  }
  
  #main-navigation {
    margin: 25px 0 0 0;
    /*! width: 680px; */
  }
  
  .content-navi {
    float: left;
    margin: 0 0 40px 0;
    width: 100%;
  }
  .content-navi ul li {
    float: left;
    padding: 0 0px 5px 0;
  }
  .content-navi ul li p span {
    font-size: 1.125rem;
  	font-weight: 100;
    padding: 0 4px 0 4px;
  }
  #overall-message {
    padding: 3% 0 0 0;
    width:450px;
  }
  header #social-media {
    left: auto;
    margin-top: 0;
    right: 33px;
    top:103px;
  }
  #overall-message p.headline {
    font-size: 3.8em;
  }
  #overall-message p {
    font-size: 2.2em;
  }
  #big-banner {
   /* margin: 0; */
  }
  #big-banner figure.mobile {
    display: none;
  }
  #big-banner figure.desktop {
    display: inline;
  }
  #languages {
    margin: 0 0 25px 0;
    padding: 0 15px 0 0;
  }
  .languages {
    padding: 25px 0 10px 0;
    text-align: left;
  }
  
  .wrapper-text-box {
    padding: 0;
  }
  
  /* flex Box */
  .flex-box {
    display: flex;
	flex-direction:row-reverse;
  }
  .order1 {order:1;}
  .order2 {order:2;}
  }
  .wrapper-text-box section {
    padding: 0 45px 0 0;
    width: 653px;
  }
  .wrapper-text-box aside {
    padding: 2px 0 0 0;
    width: 247px;
  }
 .wrapper-text-box aside .mctable {
    padding: 0 45px 0 0;
    width: 100%;
  }
  aside .boxes .box-text, aside .boxes .box-text-flexible {
    min-height: 188px;
  }
  aside .boxes .box-text-image {
    min-height: 303px;
  }
  #content {
    padding: 0;
    width: 100%;
  }
  #content ul li {
    margin: 0 0 5px 45px;
  }
aside .boxes .box-text-image figure {
  float: left;
}

  /* Bilder 1-, 2- und 3-spaltig */
  .content-news article ul.images-news-detail {
    float: right;
    margin: 6px 0 20px 0;
  }
  .content-news article ul.images-news-detail li {
    display: table;
      margin: 0 0 22px 20px !important;
  }
  #content section ul.oneimage li figure {
    margin: 0;
  }
  #content section ul.twoimages li {
    margin: 18px 18px 0 0;
    width: 441px;
  }
  #content section ul.twoimages li:last-child {
    margin: 18px 0 0 0;
  }
  #content section ul.threeimages li {
    margin: 18px 18px 0 0;
    width: 288px;
  }
  #content section ul.threeimages li:last-child {
    margin: 18px 0 0 0;
  }
  .content-news h1 {
    padding: 0 0 15px 0;
  }
  .content-news section article.introduction {
    padding: 30px 0 0 0;
  }
  .content-news section article.introduction  p {
    padding: 0;
  }
  .content-news article {
    min-height: 167px;
    padding: 10px 0 10px 0;
  }
  .content-news article figure {
    float: right;
    margin: 0 0 0 40px !important;
  }
  .content-news article figure.news-detail {
    display: table;
    max-width: 550px;
    width: auto;
  }
  .content-news article p.date-news-detail {
    padding: 15px 0 2px 0;
  }
  .content-news article p.news-more {
    padding: 0;
  }
  .content-news div.archive {
    min-height: 167px;
  }
  .content-news div.archive form {
    width: 90%;
  }
  .content-news div.archive fieldset {
    padding: 0;
    width: 50%;
  }
  .content-news div.archive fieldset label {
    width: auto;
  }
  .content-news div.archive nav {
    float: right;
    padding: 8px 0 0;
    width: 10%;
  }
  .content-news div.archive nav ul {
    float: right;
  }
  .content-news div.archive ul li {
    padding: 0 0 0 27px;
  }
  .content-news div.archive ul li span {
    font-size: 2.2rem;
  }
  .content-news div.pagebrowser nav {
    float: right;
    padding: 8px 0 0;
    width: 100%;
  }
  .content-news div.pagebrowser nav ul {
    float: right;
  }
  .content-news div.pagebrowser ul li {
    padding: 0 0 0 27px;
  }
  .content-news div.pagebrowser ul li span {
    font-size: 2.2rem;
  }
  .content-news .no-placeholder {
    display: inline;
  }
  .news-single .article .news-img-wrap {
    float: right;
    margin: 0 0 0 25px;
  }
  #share-via {
    padding: 35px 0 50px 0;
  }
  #content #share-via {
    padding: 25px 0 50px 0;
  }
  footer #footer {
    min-width: 940px;
    padding: 0;
  }
  footer #footer ul li {
    width: 290px;
  }
  footer #footer ul li:first-child {
   width: 1;
  }
  footer #footer ul li:last-child {
    float: left;
    width: 430px;
  }



  footer #metanavi {
    /* min-width: 940px; */
    padding: 14px 0 0 0;
    text-align: center;
  }
 .tx-pb-social .pb-list-item {
  width: 400px;
  height: 350px;
}
.tx-pb-social .pb-list-item .image {
  height: 320px;
}


}

@media screen and (min-width:1200px) {
  #overall-message {
    padding: 2% 0 0 0;
  }
  .content-default {
    margin: 0 0 0 0;
  }
   .tx-pb-social .pb-list-item {
  width: 600px;
  height: 450px;
}
.tx-pb-social .pb-list-item .image {
  height: 320px;
}
/* flex Box */
  .flex-box {
    display: flex;
	flex-direction: row-reverse;
  }
  .order1 {order:1;}
  .order2 {order:2;}
  }
footer #footer ul li img {
  width:auto;
  margin:0 20px 20px 0;
  float: left;
 }
  
}