html {
  background-color: #30A4DF;
}

body {
  background-color: #fff;
  float: left;
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  overflow-y: scroll;
  width: 100%;
}

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

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

strong, th {
  font-weight: 700;
}

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

ol {
  color: #595959;
    font-size: 0.9rem;
    font-weight: 400;
  padding: 0 0 15px 0;
}
figcaption {
  background-color: white;
  color: #595959;
    font-size: 0.9rem;
    font-weight: 400;
  padding: 0;
}
ol li {
  margin: 0 0 5px 30px;
}

table, tr, td {
  font-size: .9rem;
  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';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kbserver2.de/fileadmin/system/shared_html/fonts/roboto-v30-latin-700.svg#Roboto') 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%;
}

[href^="javascript:linkTo"] {
 color: #95c11f !important;
}

[href^="javascript:linkTo"]:hover {
 color: #595959!important;
}

#footer [href^="javascript:linkTo"] {
 color: #30a4df !important;
}

#footer [href^="javascript:linkTo"]:hover {
 color: #fff!important;
}

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

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

.members-liste th span::after, #social-media-icons span, #share-via a span:before, span#togglebutton:before, .cost-calculator span.long-arrow-right:before, .sign-up-form span.long-arrow-right:before, .rss-feed a span:before, div.sort-by-topic ul li span, div.angles ul li span, .content-news div.archive ul li span, .content-news div.pagebrowser ul li span, footer #footer ul li span {
    font-family: "klimabuendnis6";
  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;
}


/* ==========================================================================
  Seiteninhaltselement Intro
   ========================================================================== */
 #content .intro {
   border-top: 1px solid #595959;
  float: left;
  margin: 40px 0 0 0;
  min-height: 167px;
  padding: 27px 0 28px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content .intro h2 {
   color: #595959;
   font-size: 1rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#content .intro p {
    color: #595959;
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0;
}
#content .intro a {
    color: #30a4df;
    font-weight: 700;
}
#content .intro a:hover {
    color: #595959;
}

/* ==========================================================================
  Seiteninhaltselement Liste
   ========================================================================== */
 #content .liste {
   border-top: 1px solid #595959;
  float: left;
  margin: 0;
  min-height: 167px;
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .liste .text {
    padding: 17px 0 0 0;
}
#content .liste h2 {
   color: #595959;
   font-size: 1rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#content .liste h3 {
   color: #595959;
   font-size: 1rem;
  font-weight: 400;
  margin: 0 0 16px 0;
  padding: 0;
}

#content .liste p {
    color: #595959;
    font-size: 0.9rem;
    font-weight: 400;
  margin: 0 0 0 0;
    padding: 0;
}
#content .liste a {
    color: #30a4df;
    font-weight: 700;
}
#content .liste a:hover {
    color: #595959;
}
#content .liste p.news-more {
    float:left;
  padding: 15px 0 0 0;
}
#content .liste p.news-more a {
    color: #30a4df;
    font-weight: 700;
}
#content .liste p.news-more a:hover {
    color: #595959;
  font-weight: 700;
}
#content .liste p.more-info a {
    color: #30a4df;
    font-weight: 700;
}
#content .liste p.more-info a:hover {
    color: #595959;
  font-weight: 700;
}
#content .liste figure {
    padding: 0;
  width: 265px;
}


#content ul.csc-uploads li {
  margin: 0 0 5px 0;
  
  }
.parsley-errors-list {
    display: none;
}
/* ==========================================================================
  Pfeile unten zum Blaettern
   ========================================================================== */

div.angles {
  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;
}

div.angles nav {
  float: right;
  padding: 15px 0 0 0;
  width: auto;
}
div.angles ul {
  float: right;
  padding: 0;
}
div.angles ul li {
  float: left;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 0 0 27px !important;
}
div.angles ul li:first-child {
  padding: 0 !important;
}
div.angles ul li span {
    float: left;
    font-size: 2.6rem;
    margin: 0;
    padding: 0;
}

div.angles ul li span.angle-left:before {
  content: "\f104";
}
div.angles ul li span.angle-right:before {
  content: "\f105";
}
div.angles ul li {
    color: #ccc;
}
div.angles ul li a {
    color: #595959;
    float: left;
    font-size: 2.6rem;
    margin: 0;
    padding: 0;
}
div.angles ul li a:hover {
    color: #30a4df;
}

/* ==========================================================================
  Climate Alliance members
   ========================================================================== */
div.members-country {
  border-bottom:1px solid #595959;
  float: left;
  margin: 15px 0 15px 0;
  padding: 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-country p {
  padding: 28px 0 30px 0;
}
div.members-country form {
  float: left;
  padding: 18px 0 15px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-country fieldset.country {
  float: left;
  max-width: 190px;
  padding: 0 0 10px 0;
  width: 52%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-country fieldset.country label {
  color: #595959;
  float: left;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 2px 20px 4px 0;
  text-transform: uppercase;
  width: 100%;
}
div.members-country fieldset.country select {
  border: 1px solid #999;
  color: #595959;
  float: left;
  font-size: 0.8rem;
  font-weight: 400;
  width: 130px;
}

div.members-country fieldset.categories {
  float: left;
  padding: 0 0 10px 0;
  width: 48%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-country fieldset.categories label {
  color: #595959;
  float: left;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 2px 20px 4px 0;
  text-transform: uppercase;
  width: 100%;
}
div.members-country fieldset.categories select {
  border: 1px solid #999;
  color: #595959;
  float: left;
  font-size: 0.8rem;
  font-weight: 400;
  width: 130px;
}

div.members-country table {
  float: left;
  margin: 3px 0 10px 0;
  max-width: 220px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-country table td:first-child {
  text-align: left;
  width: 75%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-country table td p {
  margin: 0;
  padding: 0;
}
div.members-country table td:first-child p {
  font-weight: 700;
}
div.members-country table td:last-child {
  text-align: right;
  width: 25%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

div.members-liste {
  float: left;
  width: 100%;
}
div.members-liste table {
  float: left;
  margin: 20px 0 12px 0;
  width: 100%;
}
div.members-liste tr {
  float: left;
  width: 100%;
}
div.members-liste tr:nth-child(even) {
  background-color: #ededed;
}
div.members-liste th {
  display: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-liste th p {
  float: left;
}
div.members-liste th a {
  color: #595959;
}
div.members-liste th a:hover {
  color: #30a4df;
}
div.members-liste th span {
  float:left;
  margin: 0;
  padding: 0 0 0 4px;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
div.members-liste th span:after {
  color: #ccc;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 0;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

div.members-liste th span:after {
  content: "\f0dc";
  cursor: default;
}

div.members-liste td {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.members-liste td:nth-child(1) {
  padding: 10px 10px 0 10px;
}
div.members-liste td:nth-child(2) {
  padding: 3px 10px 0 10px;
}
div.members-liste td:nth-child(3) {
  padding: 3px 10px 0 10px;
}
div.members-liste td:nth-child(4) {
  padding: 3px 10px 0 10px;
}
div.members-liste td:nth-child(5) {
  padding: 3px 10px 12px 10px;
}
div.members-liste td p {
  font-size: 0.8rem;
  line-height: 17px;
  padding: 0;
}
div.members-liste td p:before {
  font-weight: 700;
}
div.members-liste.en td:nth-child(1) p:before {
  content: 'Name: ';
}
div.members-liste.en td:nth-child(2) p:before {
  content: 'Country: ';
}
div.members-liste.en td:nth-child(3) p:before {
  content: 'Population: ';
}
div.members-liste.en td:nth-child(4) p:before {
  content: 'Member since: ';
}
div.members-liste.en td:nth-child(5) p:before {
  content: 'Type: ';
}

div.members-liste.de td:nth-child(1) p:before {
  content: 'Name: ';
}
div.members-liste.de td:nth-child(2) p:before {
  content: 'Land: ';
}
div.members-liste.de td:nth-child(3) p:before {
  content: 'Einwohner: ';
}
div.members-liste.de td:nth-child(4) p:before {
  content: 'Mitglied seit: ';
}
div.members-liste.de td:nth-child(5) p:before {
  content: 'Kategorie: ';
}

div.members-liste.es td:nth-child(1) p:before {
  content: 'Nombre: ';
}
div.members-liste.es td:nth-child(2) p:before {
  content: 'País: ';
}
div.members-liste.es td:nth-child(3) p:before {
  content: 'Habitantes: ';
}
div.members-liste.es td:nth-child(4) p:before {
  content: 'Miembro desde: ';
}
div.members-liste.es td:nth-child(5) p:before {
  content: 'Tipo: ';
}



/* ==========================================================================
  Kategorien - z. B. sort by topic bei Members in action
   ========================================================================== */
div.sort-by-topic {
  border-top: 1px solid #595959;
  border-bottom:1px solid #595959;
  float: left;
  margin: 0 0 15px 0;
  padding: 10px 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.sort-by-topic form {
  float: left;
  padding: 18px 0 15px 0;
  width: 60%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.sort-by-topic fieldset {
  float: left;
  padding: 0 0 10px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.sort-by-topic fieldset label {
  color: #595959;
  float: left;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 2px 20px 4px 0;
  text-transform: uppercase;
  width: 100%;
}
div.sort-by-topic fieldset select {
  border: 1px solid #999;
  color: #595959;
  float: left;
  font-size: 0.8rem;
  font-weight: 400;
  max-width: 145px;
}
div.sort-by-topic nav {
  float: right;
  padding: 15px 0 0 0;
  width: auto;
}
div.sort-by-topic ul {
  float: right;
  padding: 0;
}
div.sort-by-topic ul li {
  float: left;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 0 0 27px !important;
}
div.sort-by-topic ul li:first-child {
  padding: 0 !important;
}
div.sort-by-topic ul li span {
    float: left;
    font-size: 2.6rem;
    margin: 0;
    padding: 0;
}

div.sort-by-topic ul li span.angle-left:before {
  content: "\f104";
}
div.sort-by-topic ul li span.angle-right:before {
  content: "\f105";
}
div.sort-by-topic ul li {
    color: #ccc;
}
div.sort-by-topic ul li a {
    color: #595959;
    float: left;
    font-size: 2.6rem;
    margin: 0;
    padding: 0;
}
div.sort-by-topic ul li a:hover {
    color: #30a4df;
}

/* Kategorien - z. B. sort by topic bei Members in action oben angeordnet */
div.sort-by-topic.top {
  border-top: none;
  border-bottom: none;
}

div.sort-by-topic.top fieldset {
  float: left;
  padding: 0;
  width: auto;
}

div.sort-by-topic.top form {
  float: left;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* Button fuer Sort by topic - z. B. sort by topic bei Members in action oben angeordnet */
div.sort-by-topic.top .button {
    background-color: #b3b2b7;
    border: 0 solid #003a7d;
  border-radius: 4px;
    cursor: pointer;
  display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 0.7rem;
  margin:10px 0 0 0;
  padding: 4px 0 4px 0;
    transition: background-color 0.3s ease 0s;
  text-align: center;
  text-transform: uppercase;
    width: 145px;
}
div.sort-by-topic.top .button a {
  color: #fff;
  font-weight: 700;
}
div.sort-by-topic.top .button:hover {
    background-color: #30a4df;
}


/* ==========================================================================
  Sign up Formular New
   ========================================================================== */
#content .sign-up-form-new {
   background-color: #30a4df;
   float: left;
  margin: 20px 0 15px 0;
  padding: 10px 15px 20px 15px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .sign-up-form-new h2 {
   color: #fff;
   font-size: 1.125rem;
  margin: 0;
  padding: 12px 0 18px 0;
}
#content .sign-up-form-new p {
   color: #fff;
}
#content .sign-up-form-new p em {
   font-size: .6875rem;
}
#content .sign-up-form-new fieldset a {
   color: #ffffff;
   text-decoration: none;
}
#content .sign-up-form-new fieldset a:hover {
   color: #595959;
}
#content .sign-up-form-new fieldset {
   float: left;
   width: 100%;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .sign-up-form-new fieldset ul {
  margin: 0;
   padding: 0;
   width: 100%;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .sign-up-form-new fieldset ul li {
  list-style-type: none;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .sign-up-form-new fieldset input {
   background-color: #fff;
  border: none;
  color: #595959;
  font-size: .875rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .sign-up-form-new fieldset label {
   color: #fff;
   font-size: .8125rem;
   padding: 0;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .sign-up-form-new fieldset.email {
   padding: 10px 0 0 0;
}
#content .sign-up-form-new fieldset.additional-information {
   padding: 18px 0 0 0;
}
section .sign-up-form-new fieldset.additional-information label {
   left: 0;
   position: absolute;
   top: 0;
}


section .sign-up-form-new fieldset.additional-information div:last-child label {
  margin-top: -8px;
}


#content .sign-up-form-new fieldset.email label {
  float: left;
   width: 43%;
}
#content .sign-up-form-new fieldset.email label.espagnol {
  margin-top: -8px;
}

section .sign-up-form-new fieldset.additional-information label.organisation {
   top: -8px;
}
#content .sign-up-form-new fieldset.email input, section .sign-up-form-new fieldset.additional-information input {
   float: left;
   padding: 2px 5px 0 5px;
   width: 57%;
}
#content .sign-up-form-new fieldset.email input {
  margin-left: 0px;
}
#content .sign-up-form-new fieldset.additional-information ul li {
  float: left;
  margin: 0;
  width: 100%;
}
#content .sign-up-form-new fieldset.additional-information ul li .col {
  float: left;
  margin: 0 0 15px 0;
  position: relative;
  width: 100%;
}
#content .sign-up-form-new fieldset.additional-information ul li .col.left label {
   width: 43%;
}
#content .sign-up-form-new fieldset.additional-information ul li .col.right label {
   width: 43%;
}
#content .sign-up-form-new fieldset.additional-information ul li .col.left input {
  margin-left: 43%;
}
#content .sign-up-form-new fieldset.additional-information ul li .col.right input {
  margin-left: 43%;
}
#content .sign-up-form-new fieldset.preferred-language {
   padding: 8px 0 0 0;
}
#content .sign-up-form-new fieldset.preferred-language h2 {
   padding: 12px 0 10px 0;
}
#content .sign-up-form-new fieldset.preferred-language ul li {
  float: left;
   position: relative;
   width: 105px;
}
#content .sign-up-form-new fieldset.preferred-language label {
  left: 25px;
   position: absolute;
}
#content .sign-up-form-new fieldset.sign-me-up-for {
   padding: 14px 0 0 0;
}
#content .sign-up-form-new fieldset.sign-me-up-for h2 {
   padding: 12px 0 15px 0;
}
#content .sign-up-form-new fieldset.sign-me-up-for ul li {
  float: left;
  padding: 0 0 15px 0;
   position: relative;
   width: 100%;
}
#content .sign-up-form-new fieldset.sign-me-up-for label {
  display: block;
  padding-left: 25px;
  margin-top: -18px;
}
#content .sign-up-form-new fieldset.privacy-policy {
   padding: 0;
}
#content .sign-up-form-new fieldset.privacy-policy h2 {
   padding: 12px 0 4px 0;
}
#content .sign-up-form-new fieldset.privacy-policy p {
   line-height: 100%;
}
#content .sign-up-form-new fieldset.privacy-policy ul li {
  float: left;
  padding: 0 0 0px 0;
   position: relative;
   width: 100%;
}

#content .sign-up-form-new fieldset.privacy-policy ul li:first-child {
  padding: 0 0 15px 0;
}


#content .sign-up-form-new fieldset.privacy-policy label {
   display: block;
   margin-top: -18px;
   padding-left: 25px;
}
#content .sign-up-form-new fieldset.buttons .buttons-wrapper {
  float: left;
  padding: 30px 0 0 0;
  text-align: right;
    width: 70%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .sign-up-form-new fieldset.buttons button {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: #30a4df;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    height: 24px;
    margin: 0 0 10px 0;
    padding: 1px 0 0;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s;
    width: 135px;
}
#content .sign-up-form-new fieldset.buttons button:hover {
    background-color: #595959;
  color: #fff;
}

#content .sign-up-form-new fieldset.buttons .mandatory-field-wrapper {
  float: left;
  padding: 35px 0 0 0;
  text-align: left;
    width: 30%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}



/* ==========================================================================
  Sign up Formular
   ========================================================================== */
.sign-up-form {
   background-color: #30a4df;
  margin: 28px 0 15px 0;
  padding: 12px 0 20px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sign-up-form .left {
  float: left;
  padding: 0 0 0 15px;
   width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sign-up-form .right {
  float: left;
  padding: 0 0 0 15px;
   width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sign-up-form label {
   color: #fff;
  float: left;
  font-size: 0.75rem;
  padding: 4px 0 0 0;
}
.sign-up-form input {
   background-color: #fff;
  border: none;
  color: #595959;
  font-size: 0.75rem;
  margin: 0 0 10px 0;
}
.sign-up-form select {
   background-color: #fff;
  border: none;
  color: #595959;
  font-size: 0.75rem;
  margin: 0 0 10px 0;
  width: 137px;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
}
.sign-up-form .left label {
  width: 100px;
}
.sign-up-form .right label {
  width: 100px;
}
.sign-up-form .left input, .sign-up-form .right input {
  width: 135px;
}
.sign-up-form select {
  width: 137px;
}
.sign-up-form fieldset.two p {
  color: #fff;
  font-size: 0.65rem;
  margin: -20px 0 0 0;
  padding: 5px 0 20px 0;
}
.sign-up-form .label-checkbox {
  float: left;
  padding: 0 0 8px 0;
  width: 100%;
}
.sign-up-form fieldset input[type="checkbox"], .sign-up-form fieldset input[type="radio"] {
  float: left;
  width: auto;
}
.sign-up-form fieldset.two input[type="checkbox"], .sign-up-form fieldset.two input[type="radio"] {
  background-color: #30a4df;
  margin: 6px 0 0 0;
}
.sign-up-form .name-lao {
  float: left;
  width: 100%;
}
.sign-up-form .powermail_fieldwrap_authority label {
  color: #ccc;
}
#asterisk {
  color: #30a4df;
}
#powermail_field_authority {
  background-color: #ccc;
  color: #ccc;
  margin: 0px 0 0 0;
}
#powermail_field___hp {
  display: none;
}
.sign-up-form fieldset.three .radio label {
  width: 90px;
}
.sign-up-form fieldset.three .left input {
  margin: 14px 0 0 0;
}
.sign-up-form fieldset.three .left .type {
  color: #fff;
}
.sign-up-form .label-language {
  float: left;
  height: 40px;
  width: 100px;
}
.sign-up-form .label-language p {
   color: #fff;
  float: left;
  font-size: 0.75rem;
  padding: 0;
}
.sign-up-form fieldset.three {
  margin: 30px 0 15px 0;
  padding: 0 0 10px 0;
}
.sign-up-form fieldset.three input[type="checkbox"], .sign-up-form fieldset.three input[type="radio"] {
  background-color: #30a4df;
  margin: 4px 4px 0 0;
}
.sign-up-form fieldset.three .english-german {
  float: left;
  min-width: 130px;
  width: 50%;
}
.sign-up-form fieldset.three .language-right {
  float: left;
  margin: 0 0 5px 0;
  width: 100%;
}
.sign-up-form fieldset.sign-me-up-for h2 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 0 0 10px 15px;
}

.sign-up-form fieldset.sign-me-up-for input[type="checkbox"] {
  margin: 4px 10px 0 0;
}
.sign-up-form fieldset.sign-me-up-for .both {
  float: left;
  padding: 0 0 8px 15px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sign-up-form fieldset.sign-me-up-for .both label {
  max-width: 85%;
}
.sign-up-form fieldset.sign-me-up-for .left {
    width: 100%;
}
.sign-up-form fieldset.sign-me-up-for .left label {
    width: auto;
}
.sign-up-form fieldset.sign-me-up-for .long-arrow {
    float:left;
}
.sign-up-form span.long-arrow-right {
  color: #fff;
  float: left;
  font-size: 1.7rem;
  margin:5px 0 0 0;
  padding: 0 0 0 15px;
  width: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
}
.sign-up-form span.long-arrow-right:before {
  content: "\f178";
}
.sign-up-form fieldset.sign-me-up-for .right {
    float:left;
  padding: 8px 0 0 0;
  width: 200px;
}
.sign-up-form fieldset.sign-me-up-for .right input[type="checkbox"] {
  margin: 4px 10px 0 15px;
}
.sign-up-form fieldset.sign-me-up-for .press-releases-right {
  float: left;
  margin: 0 0 5px 0;
  width: 100%;
}
.sign-up-form .button {
  float: left;
  padding: 35px 0 0 0;
  text-align: center;
    width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sign-up-form button {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: #30a4df;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    height: 20px;
    margin: 0;
    padding: 1px 0 0;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s;
    width: 115px;
}
.sign-up-form button:hover {
    background-color: #595959;
  color: #fff;
}

/* ==========================================================================
  Cost calculator
   ========================================================================== */
.cost-calculator {
   background-color: #30a4df;
  margin: 0 0 15px 0;
  padding: 12px 0 20px 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.cost-calculator .left {
  float: left;
  padding: 0 0 7px 50px;
   width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.cost-calculator .right {
  float: left;
   width: 100%;
}

.cost-calculator label {
   color: #fff;
  float: left;
  font-size: 0.75rem;
  padding: 4px 0 0 0;
}
.cost-calculator input {
   background-color: #fff;
  border: none;
  color: #595959;
  font-size: 0.75rem;
}
.cost-calculator .left label {
  width: 80%;
}
.cost-calculator .right label {
  width: 80%;
}
.cost-calculator .left input, .cost-calculator .right input {
  width: 135px;
}
.cost-calculator span.long-arrow-right {
  color: #fff;
  float: left;
  font-size: 1.7rem;
  margin: -4px 0 0 0;
  padding: 0 0 0 15px;
  width: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
}
.cost-calculator span.long-arrow-right:before {
  content: "\f178";
}

.cost-calculator .checkbox {
  float: left;
  padding: 15px 0 0 0;
  width: 100%;
}
.cost-calculator .checkbox input {
  float: left;
  width: 50px;
}

.cost-calculator .checkbox label {
  display: block;
  float: none;
  margin: 0;
  padding: 0 20px 0 50px;
}
.cost-calculator .button {
  float: left;
  padding: 35px 0 0 0;
  text-align: center;
    width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.cost-calculator button {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: #30a4df;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    height: 20px;
    margin: 0 4px 0 0;
    padding: 1px 0 0;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s;
    width: 115px;
}
.cost-calculator button:hover {
    background-color: #595959;
  color: #fff;
}


/* ==========================================================================
  Cookie-Banner
   ========================================================================== */
.om-cookie-panel h3 {
  text-align: center;
}
.tx-om-cookie-consent {
  color: #595959;
  font-size: .9rem;
}
.tx-om-cookie-consent>div {
  text-decoration: none !important;
}
.tx-om-cookie-consent>div>strong {
  color: #30a4df;
}
.tx-om-cookie-consent>div>strong:hover {
  color: #595959;
}
.cookie-panel__link a {
  color: #30a4df;
}
.cookie-panel__link a:hover {
  color: #30a4df;
}
.cookie-panel__link a:visited {
  color: #30a4df;
}

img.matomo-image {
  width: 1px;
}

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

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

/* ==========================================================================
  Hauptnavigation
   ========================================================================== */
#main-navigation {
  background-color: #fff;
  float: right;
  margin: 0;
  width: 750px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

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

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

#navMain>li {
  float: left;
  font-size: 1rem;
  margin: 0;
  margin: 92px 20px 0 0;
  padding: 0 0 2px;
}

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

#navMain>li>a {
  border-top: 4px solid #fff;
  color: #595959;
  display: block;
  font-weight: 700;
  padding: 10px 0 13px;
  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 a:hover {
  border-top: 4px solid #95c11f;
  color: #595959;
}

#navMain li .active {
  border-top: 4px solid #30a4df;
  color: #595959;
}
#navMain li span.desktop {
    display:none;
  }

#navMain li .active:hover {
  border-top: 4px solid #30a4df;
  color: #595959;
}

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

#navMain li ul {
  background-color: #fff;
  box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
  margin: 0 0 0 -15px;
  position: absolute;
  padding: 5px 0 20px 0;
  visibility: hidden;
  width: 210px;
  z-index: 10;
}

#navMain li:nth-child(7) ul {
  margin: 0 0 0 -147px;
  text-align: left;
}

#navMain li:nth-child(8) ul {
  margin: 0 0 0 -116px;
  text-align: left;
}

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

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

#navMain li ul a:hover {
  border-top: none;
  color: #95c11f;
  margin: 0 15px 0 15px;
  padding: 14px 0 3px 0;
}

#navMain li ul li .active {
  border-top: none;
  color: #95c11f;
  font-size: 1rem;
  margin: 0 15px 0 15px;
  padding: 14px 0 3px 0;
}

#navMain li ul li .active:hover {
  border-top: none;
  color: #95c11f;
  margin: 0 15px 0 15px;
  padding: 14px 0 3px 0;
}

#navMain > li:hover > a {
  border-top: 4px solid #95C11F !important;
}

#navMain > li:hover > a.active {
  border-top: 4px solid #30a4df !important;
}

/* ==========================================================================
  Subnavigation
   ========================================================================== */
#sub-navigation {
  display: none;
}

#sub-navigation {
  float: left;
  margin: 20px 0 0 0;
  padding: 0 37px 102px 0;
  width: 287px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

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

#sub-navigation nav ul {
  margin: 0;
  padding: 0;
}

#sub-navigation nav ul li {
  border-bottom: 1px solid #595959;
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  padding: 15px 0 4px 0;
}

#sub-navigation nav ul li a {
  color: #595959;
  display: block;
  padding: 0 6px 0 6px;
}

#sub-navigation nav ul li a:hover {
  color: #95c11f;
}

#sub-navigation nav ul li .active {
  color: #95c11f;
}

#sub-navigation nav ul li .active:hover {
  color: #95c11f;
}

#sub-navigation nav ul.sub-menu {
  border-top: 1px solid #595959;
  margin: 4px 0 0 0;
}

#sub-navigation nav ul.sub-menu li:last-child {
  border-bottom: none;
}

#sub-navigation nav ul.sub-menu li {
  margin: 0 0 0 35px;
}

/* ==========================================================================
  linke Spalte ohne Navigation
   ========================================================================== */
#no-navigation {
  display:none;
}
#no-navigation {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


/* ==========================================================================
  Content
   ========================================================================== */
#container {
  position: relative;
}

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

.content-default h1 {
  color: #595959;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0 0 25px 0;
}

.content-default h2 {
  color: #595959;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0 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: 0.9rem;
  font-weight: 400;
  padding: 0 0 15px 0;
}

.content-default a {
  color: #30a4df;
  font-weight: 700;
}

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

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

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

#content {
  float: left;
  padding: 35px 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;
}

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

#content figure figcaption {
  background-color: #fff;
  caption-side: bottom;
  display: table-caption;
  color: #595959;
  font-size: 0.7rem;
  font-style: italic;
  padding: 3px 0 6px 0;
  text-align: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#content section figure.left, #content section figure.right {
  margin:0 0 15px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* ==========================================================================
  RSS-Feed
   ========================================================================== */
 
.rss-feed {
  position: absolute;
}
.teaser-left .rss-feed {
  top: 44px;
  right: 15px;
}
.teaser-right .rss-feed {
  top: 34px;
  right: 15px;
}
.content-news .rss-feed {
  top: 4px;
  right: 0;
}
  
.rss-feed a span:before {
  color: #595959;
  content: "\e903";
  font-size: 1.1rem;
  padding: 0;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.rss-feed a:hover span:before {
  color: #30a4df;
}

/* ==========================================================================
  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 #content figure {
  margin: 0;
}

.content-news section {
  position: relative;
}

.content-news h1 {
  color: #595959;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0 0 15px 0;
}


.content-news h2 {
  color: #595959;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0 0 20px 0;
}

.content-news h3 {
  color: #595959;
  font-size: 1.1rem;
  font-weight: 400;
  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: #30a4df;
  font-weight: 800;
}

.content-news a:hover {
  color: #595959;
}

.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:10px 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:800;
}


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

.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: 78px 0 0 0;
  width: 40%;
}
.content-news div.archive ul {
  float: right;
  padding: 0;
}
.content-news div.archive ul li {
  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 span.angle-left:before {
  content: "\f104";
}
.content-news div.archive ul li span.angle-right:before {
  content: "\f105";
}
.content-news div.archive ul li {
    color: #ccc;
}
.content-news div.archive ul li a {
    color: #595959;
    float: left;
    font-size: 2.6rem;
    margin: 0;
    padding: 0;
}
.content-news div.archive ul li a:hover {
    color: #30a4df;
}


nav.pagenavi li {
  display:none;
}

.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: 15px 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: #30a4df;
}

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

/* ==========================================================================
  Text mit Boxspalte
   ========================================================================== */
.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 h1 {
  padding: 0 0 20px 0;
}

.wrapper-text-box h2 {
  color: #595959;
  font-size: 1rem;
  font-weight: 700;
  padding: 0 0 15px 0;
}

.wrapper-text-box h3 {
  color: #595959;
  font-size: 1rem;
  font-weight: 700;
  padding: 15px 0 15px 0;
}

.wrapper-text-box p {
  padding: 0 0 15px 0;
}

.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 article {
  float: left;
  width: 100%;
}

/* Boxen */
.wrapper-text-box aside, #no-navigation aside {
  float: left;
  padding: 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;
}

#no-navigation aside .boxes {
  padding: 0;
}

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

aside .boxes span.h1 {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
  margin: 11px 0 12px 0;
  text-transform: uppercase;
}

aside .boxes h2 {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 130%;
  padding: 0 0 5px 0;
}

aside .boxes p {
  color: #fff;
  font-size: 0.8rem;
  line-height: 130%;
  padding: 0;
}

aside .boxes figure {
  display: table;
}

aside .boxes .box-text {
  background-color: #30a4df;
  float: left;
  margin: 0 0 22px 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: 700;
}

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

aside .boxes .box-text-image {
  background-color: #30a4df;
  float: left;
  margin: 0 0 22px 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 h2 {
  margin: 0 0 10px 0;
}

aside .boxes .box-text-image figure {
  float: right;
  margin: 0 0 5px 10px;
}


/* ==========================================================================
  Slider
   ========================================================================== */
#slider {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

.slidertext {
  background-color: rgba(146, 199, 31, 1);
  color: #fff;
  margin: 0;
  min-height: 105px;
  padding: 8px 15px 10px 15px;
  bottom: 0;
  width: 100%;
  z-index: 10;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.slidertext p {
  color: #fff;
  font-size: 1rem;
  line-height: 130%;
  padding: 0;
}

.slidertext a {
  color: #fff;
}

.slidertext a:hover {
  color: #fff;
}

.flex-direction-nav a {
    top: 30%;
}

.flex-direction-nav .flex-prev {
  left: 9px;
}

.flex-direction-nav .flex-next {
  right: 9px;
}

/* ==========================================================================
  Go-Top-Button
   ========================================================================== */
.go-top {
  bottom: 68px;
  color: white;
  display: none;
  font-size: 12px;
  position: fixed;
  right: 15px;
  text-decoration: none;
}

/* ==========================================================================
  Teaser, z.B. NEWS und EVENTS
   ========================================================================== */
#teaser {
  float: left;
  max-width: 900px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.teaser, .more {
  float: left;
  max-width: 900px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.teaser {
  display: flex;
  flex-flow: column-reverse;
}

.more {
  display: none;
  padding: 0 0 50px 0;
}

.morelink {
  display: block;
}

.teaser h2 {
  border-bottom: 1px solid #595959;
  color: #595959;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 24px 0;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}

.teaser h4 {
  color: #595959;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 130%;
}

.teaser h4 strong {
  color: #95c11f;
}

.teaser p, .more p {
  color: #595959;
  font-size: 1rem;
  font-weight: 700;
  line-height: 130%;
  padding: 0 0 24px 0;
}

.teaser a, .teaser span a:hover {
  color: #595959;
}

.teaser a:hover, .teaser span a {
  color: #30A4DF;
}

.teaser-left {
  padding: 42px 15px 0 15px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.teaser-right {
  padding: 32px 15px 30px 15px;
    position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* Teaser unter Newsdetail */
.content-news .teaser-right {
  padding: 0 15px 30px 15px;
}

.content-news .teaser-right h2 {
  display: none;
}

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

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

/* ==========================================================================
  Mobile Suche
   ========================================================================== */
.left-direction .menufication-multiple-toggle, .left-direction .menufication-non-css3-multiple-toggle {
  right: 10px;
}

span#togglebutton {
  padding: 76px 0 0 0;
  cursor: pointer;
}

span#togglebutton:before {
  color: #595959;
  content: "\f002";
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
}

#multiple-content fieldset {
  padding: 45px 0 0 0;
}

#multiple-content input.search {
  border: 1px solid #595959;
  color: #595959;
  font-size: 1rem;
  padding: 4px 0 4px 6px;
  width: 160px;
  max-width: 160px;
}

#multiple-content .searchsubmit {
  background-color: #fff;
  border: none;
  color: #595959;
  font-size: 1em;
  font-weight: 700;
  padding: 7px 0 0 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

/* ==========================================================================
  Social-Media-Icons rechts
   ========================================================================== */
#social-media-icons {
  display: none;
  position: fixed;
  right: 15px;
  top: 225px;
}

#social-media-icons ul li {
  clear: both;
}

#social-media-icons span {
  color: #fff;
  float: left;
  font-size: 2rem;
  margin: 0;
  padding: 0 0 7px 0;
}

#social-media-icons span.twitter {
  padding: 0 0 7px 0;
}

#social-media-icons a span:before {
  color: #95c11f;
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

#social-media-icons a:hover span:before {
  color: #595959;
}

#social-media-icons span.facebook:before {
  content: "\e601";
}

#social-media-icons span.twitter:before {
  content: "\e602";
}

#social-media-icons span.linkedin:before {
  content: "\e605";
}

#social-media-icons span.youtube:before {
  content: "\e603";
}

#social-media-icons span.flickr:before {
  content: "\e604";
}

/* ==========================================================================
  Sprachen und Desktop Suche
   ========================================================================== */
#languages-search {
  float: left;
  margin: 90px 0 10px 0;
  padding: 0 0 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

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

.languages p {
  color: #595959;
  font-size: 0.9rem;
  font-weight: 700;
}

.languages span {
  padding: 0 20px 0 0;
}

.languages a {
  color: #595959;
}

.languages a.active {
  color: #95c11f;
}

.languages a:hover {
  color: #95c11f;
}

/* Desktop Suche */
.searchbox {
  display: none;
  float: right;
  padding: 6px 0 0 0;
}

.searchbox li {
  float: left;
  text-align: left;
}

.searchbox .search {
  background-color: #fff;
  border: 1px solid #595959;
  color: #595959;
  font-family: 'Roboto', sans-serif;
  font-size: 0.9rem;
  padding: 2px 0 1px 5px;
  width: 180px;
  max-width: 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

.searchbox .searchsubmit {
  background-color: #27358a;
  border: none;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  padding: 2px 11px 1px 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

/* ==========================================================================
  Share via
   ========================================================================== */
#share-via {
  float: left;
  padding: 30px 15px 32px 15px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content #share-via {
  padding: 30px 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-size: 0.7rem;
  font-weight: 400;
  margin: 4px 0 0 0 !important;
  padding: 0;
}

#share-via ul li a {
  color: #595959;
}
#share-via ul li a:hover {
  color: #30a4df;
}
#share-via ul li a:hover span.label {
  color: #30a4df;
}
#share-via ul li span {
  float: left;
}

#share-via a span:before {
  color: #ccc;
  font-size: 1.1rem;
  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:hover span:before {
  color: #30a4df;
}
#share-via span.facebook:before {
  content: "\e601";
}
#share-via span.twitter:before {
  content: "\e602";
}
#share-via span.linkedin:before {
  content: "\e605";
}
#share-via span.email:before {
  content: "\e900";
}

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

footer #footer {
  background-color: #595959;
  float: left;
  min-height: 270px;
  padding: 0 15px 0 15px;
  width: 100%;
  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 h2 {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0 0 21px 0;
  text-transform: uppercase;
}

footer #footer ul li h3 {
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0 0 5px 0;
}

footer #footer ul li p {
  color: #fff;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 0 0 20px 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: #30a4df;
  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: #30a4df;
}

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: #30a4df;
}

footer #footer ul li span.facebook:before {
  content: "\e601";
}

footer #footer ul li span.twitter:before {
  content: "\e602";
}

footer #footer ul li span.linkedin:before {
  content: "\e605";
}

footer #footer ul li span.youtube:before {
  content: "\e603";
}

footer #footer ul li span.flickr:before {
  content: "\e604";
}

footer #metanavi {
  border-bottom: 7px solid #30a4df;
  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: #30a4df;
}
footer #metanavi span {
  border-left: 3px solid #fff;
  padding: 0 0 0 4px;
}


/* ==========================================================================
  Menufication
   ========================================================================== */
#menufication-top #menufication-header-logo, #menufication-non-css3-top #menufication-non-css3-header-logo {
  height: 66px;
  margin-top: 54px;
  max-height: 66px;
  width: 95px;
}

/* 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;
  left: 0px;
}

/* 3552 */
#menufication-top #menufication-btn, #menufication-non-css3-top #menufication-non-css3-btn {
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0);
  height: 32px;
  margin: 82px 0 0 10px;
  width: 38px;
}

#menufication-top #menufication-btn:before, #menufication-non-css3-top #menufication-non-css3-btn:before {
  border-bottom: 17px double #595959 !important;
  border-top: 6px solid #595959 !important;
  height: 5px;
  width: 27px;
}

/* 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: 'Roboto', 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;
  *behavior: url(boxsizing.htc);
}

#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: 0px;
}

#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: #95c11f !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: #fff !important;
  height: 140px;
}

#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: 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: #595959 !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:500px) {
   .flex-direction-nav a {
      top: 40%;
  }
   #share-via {
    padding: 25px 15px 40px 15px;
  }
  #content #share-via {
    padding: 25px 0 40px 0;
  }
   #share-via ul li {
    clear: none;
    float: left;
    height: auto;
    padding: 0 17px 0 0;
  }
  .cost-calculator .left label {
    width: 140px;
  }
  .cost-calculator .right label {
    width: 140px;
  }
  .cost-calculator .checkbox {
    padding: 5px 0 0 0;
  }
  .cost-calculator .button {
    padding: 35px 17px 0 0;
    text-align: right;
  }
  .sign-up-form .left label {
    width: 140px;
  }
  .sign-up-form .right label {
    width: 140px;
  }
  .sign-up-form .label-language {
    width: 140px;
  }
  .sign-up-form fieldset.three .radio label {
    width: 120px;
  }
  .sign-up-form fieldset.sign-me-up-for .both label {
    max-width: 75%;
  }
  .sign-up-form .button {
    padding: 30px 17px 0 0;
    text-align: right;
  }
  
}  
   
@media screen and (min-width:680px) {
  body {
    min-width: 940px;
  }
  ol li {
    margin: 0 0 5px 50px;
  }
  #menufication-outer-wrap {
    overflow: visible !important;
  }
  span#togglebutton {
    display: none;
  }
  #multiple-content {
    display: none;
  }
  #navMain li.home-link {
    display:none;
  }
  #navMain li span.mobil {
    display:none;
  }
  #navMain li span.desktop {
    display:inline;
  }
  #navMain .sub-sub-menu {
    display: none;
  }
  #container {
    top: 145px;
  }
  .container {
    padding: 0 20px;
    width: 940px !important;
  }
  header {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    display: inline;
    min-width: 940px;
  }
  header #logo {
    float: left;
    margin: 28px 0 0 15px;
  margin-top: 28px !important;
    position: static;
  width: 135px !important;
  }
  #languages-search {
    margin: 0;
    padding: 6px 15px 0 15px;
  }
  .languages {
    padding: 30px 0 10px 0;
    text-align: left;
    width: 50%;
  }
  .searchbox {
    display: inline;
    padding: 22px 0 0 0;
  }
  .slidertext {
    background-color: rgba(146, 199, 31, 0.7);
    min-height: auto;
    padding: 15px 15px 10px 15px;
    position: absolute;
    width: 900px;
  }
  .slidertext p {
    font-size: 1.1rem;
  }
  .content-default, .content-news {
    min-height: 490px;
  }
  #sub-navigation, #no-navigation {
    display: inline;
  }
  #no-navigation {
    margin: 35px 0 0 0;
    padding: 0;
    width: 287px;
  }
  #no-navigation aside {
    width: 247px;
  }
  .flex-direction-nav a {
      top: 45%;
  }
  .teaser {
      display: inline;
  }
  .teaser-left .rss-feed, .teaser-right .rss-feed {
    top: 44px;
    right: 0;
  }
  .teaser-left {
    float: left;
    padding: 42px 0 0 0;
    width: 423px;
  }
  .teaser-right, .content-news .teaser-right {
    float: right;
    padding: 42px 0 0 0;
    width: 423px;
  }
  .content-news .teaser-right h2 {
    display: inline-block;
    width: 423px;
  }
  .more-left {
    float: left;
    width: 423px;
  }
  .more-right {
    float: right;
    width: 423px;
  }
  .morelink {
    display: none;
  }
  .content-news .morelink {
    display: inline;
  }
  .more {
    display: block;
  }
  .wrapper-text-box {
    padding: 0;
  }
  .wrapper-text-box section {
    padding: 0 20px 0 0;
    width: 653px;
  }
  .wrapper-text-box aside {
    padding: 2px 0 0 0;
    width: 247px;
  }
  aside .boxes .box-text {
    min-height: 188px;
  }
  
  aside .boxes .box-text-image {
    min-height: 303px;
  }
  #content {
    padding: 35px 0 0 0;
    width: 612px;
  }
  #content ul li {
    margin: 0 0 5px 45px;
  }
  #content figure {
    margin: 4px 0 22px 0;
  }
  #content figure figcaption {
    margin: 0 0 5px 0;
  }
  #content section figure.left {
    float:left;
    margin:4px 20px 5px 0;
  }
  #content section figure.right {
    float:right;
    margin:4px 0 5px 20px;
  }
  #content .intro {
    margin: 40px 0 0 0;
    min-height: 167px;
    padding: 27px 0 28px 0;
  }
  #content .liste figure {
      float: right;
    margin: 0 0 0 20px;
  }
  .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 0 0;
  }
  .content-news article figure {
    float: right;
    margin:0 0 10px 20px !important;
  }
  .content-news article figure.view-detail {
    margin:0 0 20px 20px !important;
  }
  .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;
  }

nav.pagenavi li {
  display:none;
}

  
  .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;
  }
  
  div.sort-by-topic.top {
      min-height: auto;
  }
  div.sort-by-topic.top fieldset {
    float: right;
  }

  
  div.sort-by-topic form {
    width: 90%;
  }
  div.sort-by-topic fieldset {
    padding: 0;
    width: 100%;
  }
  div.sort-by-topic fieldset label {
    width: auto;
  }
  div.sort-by-topic nav {
    float: right;
    padding: 8px 0 0;
    width: 10%;
  }
  div.sort-by-topic nav ul {
    float: right;
  }
  div.sort-by-topic ul li {
      padding: 0 0 0 27px;
  }
  div.sort-by-topic ul li span {
    font-size: 2.2rem;
  }
  div.sort-by-topic.top .button {
    left: 345px;
    margin:0;
      position: absolute;
    top: 35px;
    width:102px;
  }
  
  div.angles {
    min-height: 167px;
  }
  div.angles nav {
    float: right;
    padding: 8px 0 0;
    width: 10%;
  }
  div.angles nav ul {
    float: right;
  }
  div.angles ul li {
      padding: 0 0 0 27px;
  }
  div.angles ul li span {
    font-size: 2.2rem;
  }
  
  .cost-calculator {
    padding: 12px 0 20px 17px;
  }
  .cost-calculator .left input, .cost-calculator .right input {
    width: 115px;
  }
  .cost-calculator .left {
    padding: 0 0 5px 0;
    width: 46%;
  }
  .cost-calculator .right {
    float: right;
    padding: 0 17px 0 0;
    text-align: right;
     width: 50%;
  }
  .cost-calculator .left label {
    width: 140px;
  }
  .cost-calculator .right label {
    width: auto;
  }
    .cost-calculator .checkbox input {
    width: auto;
  }
  .cost-calculator .checkbox label {
    padding: 0 0 0 25px;
  }
  .cost-calculator span.long-arrow-right {
    padding: 0 5px 0 0;
    width: auto;
  }

  #content .sign-up-form-new {
    padding: 10px 17px 20px 50px;
  }
  #content .sign-up-form-new h2 {
     font-size: 1.375rem;
  }
  #content .sign-up-form-new fieldset label {
     font-size: .875rem;
  }
  #content .sign-up-form-new fieldset.email label {
    float: left;
     width: 85px;
  }  
  #content .sign-up-form-new fieldset.email input, section .sign-up-form-new fieldset.additional-information input {
     width: 130px;
  }
  #content .sign-up-form-new fieldset.additional-information ul li {
    margin: 0 0 0px 0;
  }
  #content .sign-up-form-new fieldset.additional-information ul li .col {
    margin: 0 0 12px 0;
    width: 46%;
  }
  #content .sign-up-form-new fieldset.additional-information ul li .col.left label {
    width: 85px;
  }
  #content .sign-up-form-new fieldset.additional-information ul li .col.right label {
    width: 115px;
  }
  #content .sign-up-form-new fieldset.additional-information ul li .col.left input {
    margin-left: 85px;
  }
  #content .sign-up-form-new fieldset.additional-information ul li .col.right input {
    margin-left: 115px;
  }
  #content .sign-up-form-new fieldset.sign-me-up-for label {
    left: 25px;
    margin-top: 0;
    padding: 0 30px 0 0;
     position: absolute;
     top: 0;
  }
  #content .sign-up-form-new fieldset.privacy-policy {
     padding: 10px 0 0 0;
  }
  #content .sign-up-form-new fieldset.privacy-policy p {
     padding-right: 30px;
  }
  #content .sign-up-form-new fieldset.privacy-policy label {
    left: 25px;
    margin-top: 0;
    padding: 0 30px 0 0;
     position: absolute;
     top: 0;
  }
  #content .sign-up-form-new fieldset.buttons button {
      margin: 0;
  }
  
  .sign-up-form {
    padding: 12px 0 20px 17px;
  }
  .sign-up-form .left {
    padding: 0;
    width: 50%;
  }
  .sign-up-form .right {
    float: right;
    padding: 0 17px 0 0;
    text-align: right;
     width: 46%;
  }
  .sign-up-form .left label {
    width: 120px;
  }
  .sign-up-form .right label {
    padding: 4px 0 0 15px;
    width: auto;
  }
  .sign-up-form .label-language {
    width: 120px;
  }
  .sign-up-form .checkbox input {
    width: auto;
  }
  
  .sign-up-form fieldset.sign-me-up-for h2 {
    padding: 0 0 10px 0;
  }
  .sign-up-form fieldset.sign-me-up-for .both {
    padding: 0 0 5px 0;
  }
  .sign-up-form fieldset.sign-me-up-for .left {
    width: 246px;
  }
  .sign-up-form span.long-arrow-right {
    margin: -3px 0 0 0;
    padding: 0 5px 0 0;
    width: auto;
  }
  .sign-up-form fieldset.three .radio label {
    width: 105px;
  }
  .sign-up-form fieldset.sign-me-up-for .right {
    padding: 0;
  }
  .sign-up-form fieldset.sign-me-up-for .right input[type="checkbox"] {
    margin: 4px 0 0 30px;
  }
  .sign-up-form fieldset.sign-me-up-for .both label {
    max-width: 350px;
  }
  #share-via {
    padding: 25px 0 42px 0;
  }
  #share-via.full-page {
    padding: 40px 0 42px 0;
  }
  footer {
    position: relative;
  }
  footer #footer {
    min-width: 940px;
    padding: 0;
  }
  footer #footer ul li {
    width: 327px;
  }
  footer #footer ul li:first-child p {
    padding: 0 100px 9px 0;
  }
  footer #footer ul li:last-child {
    width: 246px;
  }
  
  footer #metanavi {
    min-width: 940px;
    padding: 14px 0 0 0;
    text-align: center;
  }
  .searchsubmit {display:none;}


  /* Climate Alliance members */
  div.members-country form {
    float: right;
    width: auto;
  }
  div.members-country fieldset.country {
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  div.members-country fieldset.country label {
    width: auto;
  }
  div.members-country table {
    max-width: 240px;
    width: 50%;
  }
  div.members-country fieldset.categories {
    display: none;
  }
  
  div.members-liste th {
    float: left;
    display: inline;
    text-align: left;
  }
  div.members-liste td {
    padding: 6px 10px 0 0;
  }
  div.members-liste td p {
    height: 42px;
    vertical-align: middle;
    display: table-cell;
  }
  div.members-liste th:nth-child(1), div.members-liste td:nth-child(1) {
    padding: 0 10px 0 10px;
    width: 210px;
  }
  div.members-liste td:nth-child(1) p {
    text-align: left;
    width: 210px;
  }
  div.members-liste th:nth-child(2), div.members-liste td:nth-child(2) {
    padding: 0;
    text-align: right;
    width: 70px;
  }
  div.members-liste th:nth-child(2) p {
    text-align: right;
    width: 55px;
  }
  div.members-liste td:nth-child(2) p {
    padding: 0;
    text-align: center;
    width: 70px;
  }
  div.members-liste th:nth-child(3) {
    padding: 0;
    text-align: right;
    width: 110px;
  }
  div.members-liste th:nth-child(3) p {
    text-align: right;
    width: 90px;
  }
  div.members-liste td:nth-child(3) {
    padding: 0;
    text-align: right;
    width: 110px;
  }
  div.members-liste td:nth-child(3) p {
    padding: 0 20px 0 0;
    text-align: right;
    width: 110px;
  }
  div.members-liste th:nth-child(4) {
    padding: 0 8px 0 0;
    text-align: right;
    width: 130px;
  }
  div.members-liste td:nth-child(4) {
    padding: 0;
    text-align: center;
    width: 130px;
  }
  div.members-liste th:nth-child(4) p {
    text-align: right;
    width: 105px;
  }
  div.members-liste td:nth-child(4) p {
    text-align: center;
    width: 130px;
  }
  div.members-liste th:nth-child(5), div.members-liste td:nth-child(5) {
    padding: 0 0 0 3px;
    width: 92px;
  }
  div.members-liste td:nth-child(5) p {
    text-align: left;
    width: 92px;
  }
  div.members-liste td p:before {
    display: none;
  }
}


@media screen and (min-width:1050px) {
  #social-media-icons {
    display: inline;
  }

}