@import "normalize.min.css";
@import "main.css";
@import "jquery.fancybox.css";
@import "jquery.fancybox-buttons.css";
.hyphenation {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.content-box {
  margin: 2em 0em 1em 0em;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #A0A0A0;
  background-color: #F2F2F2;
  padding: 0;
}
.invisible {
  display: none;
  visibility: hidden;
  position: absolute;
  top: -1000px;
  left: -1000px;
}
.content-nav-box {
  margin: 2em 0em 1em 0em;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #A0A0A0;
  background-color: #F2F2F2;
  padding: 0;
}
.input-button {
  border: none;
  padding: 0.2em 0.75em 0.2em 0.75em;
  background-color: #0090DF;
  color: #FFF;
  font-size: 1em;
  text-transform: uppercase;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.input-border {
  border: none;
  background-color: #D2EFFF;
  padding: 0.2em;
}
.input-focus {
  background-image: none;
  background-color: #0090DF;
  color: #FFF;
}
@font-face {
  font-family: 'sogas';
  src: url('../font/sogas.eot');
  src: url('../font/sogas.eot?#iefix') format('embedded-opentype'), url('../font/sogas.woff') format('woff'), url('../font/sogas.ttf') format('truetype'), url('../font/sogas.svg#sogas') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-arrow-right {
  margin-right: 5px;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'sogas';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-download:before {
  content: "\e600";
}
.icon-menu:before {
  content: "\e601";
}
.icon-phone:before {
  content: "\e603";
}
.icon-last:before {
  content: "\e604";
}
.icon-first:before {
  content: "\e605";
}
.icon-forward:before {
  content: "\e606";
}
.icon-backward:before {
  content: "\e607";
}
.icon-arrow-right:before {
  content: "\e602";
}
.icon-arrow-down:before {
  content: "\e608";
}
.icon-arrow-left:before {
  content: "\e609";
}
.icon-arrow-up:before {
  content: "\e60a";
}
.icon-erdgas2:before {
  content: "\e60b";
}
.icon-erdgas1:before {
  content: "\e60c";
}
.icon-envelope:before {
  content: "\e60d";
}
.icon-sogas-logo:before {
  content: "\e000";
}
.icon-image:before {
  content: "\e001";
}
.icon-wifi:before {
  content: "\e002";
}
.icon-document:before,
.icon-file-pdf:before {
  content: "\e003";
}
.icon-enlarge:before {
  content: "\e004";
}
.icon-comment:before {
  content: "\e005";
}
.icon-flash:before {
  content: "\e006";
}
.icon-sitemap:before {
  content: "\e007";
}
.icon-link:before {
  content: "\e008";
}
.icon-warning-sign1:before {
  content: "\e009";
}
.icon-warning-sign:before {
  content: "\e00a";
}
.icon-info-sign:before {
  content: "\e00b";
}
.icon-arrow-left:before {
  content: "\e019";
}
.icon-arrow-dnleft:before {
  content: "\e018";
}
.icon-arrow-down:before {
  content: "\e017";
}
.icon-arrow-dnright:before {
  content: "\e016";
}
.icon-cancel:before {
  content: "\e015";
}
.icon-arrow-up1:before {
  content: "\e014";
}
.icon-arrow-left1:before {
  content: "\e013";
}
.icon-arrow-down1:before {
  content: "\e012";
}
.icon-arrow-right1:before {
  content: "\e011";
}
.icon-label:before {
  content: "\e010";
}
.icon-ok:before {
  content: "\e00f";
}
.icon-arrow-right:before {
  content: "\e00e";
}
.icon-arrow-upright:before {
  content: "\e01c";
}
.icon-location:before {
  content: "\e01d";
}
.icon-arrow-upleft:before {
  content: "\e01a";
}
.icon-arrow-up:before {
  content: "\e01b";
}
.icon-download1:before {
  content: "\e00d";
}
.icon-search:before {
  content: "\e00c";
}
.icon-erdgas:before {
  content: "\e60e";
}
a:link,
a:visited {
  color: #FF7F00;
  text-decoration: none;
}
a:hover,
a:active {
  color: #FF7F00;
  text-decoration: underline;
}
a i {
  text-decoration: none !important;
}
article {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  margin-top: 0em;
  color: #1F1F1F;
  line-height: 160%;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
article h1 {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 2em;
  margin: 1em 0em 1.5em 0em;
  color: #444;
  line-height: 110%;
}
article h1.front {
  font-size: 2em;
}
article h2 {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 110%;
  margin: 2em 0em 0.5em 0em;
  color: #333;
}
article h2.front {
  margin: 3em 0em 1em 0em;
  font-size: 1.8em;
}
article h3 {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 120%;
  font-size: 1.2em;
  margin: 3em 0em 1em 0em;
  color: #333;
}
article h4 {
  font-size: 1em;
  line-height: 120%;
  margin: 1em 0em 0.5em 0em;
  color: #333;
}
article p {
  color: #1F1F1F;
  line-height: 160%;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0 0em 0.5em 0em;
  line-height: 140%;
}
article p.small {
  font-size: 0.8em;
  line-height: 100%;
}
article p.strong {
  font-weight: normal;
}
article .page-intro p {
  margin-bottom: 1em;
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 140%;
}
article .page-main h2:nth-child(1) {
  margin-top: 0 !important;
}
article .message,
article .box {
  background-color: #adadad;
  margin: 1em 0em 10px 0em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: 1px dashed #A0A0A0;
}
article .message p,
article .box p {
  color: #000;
}
article .message h3,
article .box h3 {
  color: #000;
  margin: 0em 0em 0.5em 0em;
}
article .message .box-wrapper,
article .box .box-wrapper {
  margin: 1em;
}
article .message h2,
article .box h2 {
  font-size: 1.2em;
  margin: 0em 0em 0em 0em;
}
article .message.error,
article .box.error {
  background-color: #ff8c1a;
  margin: 1em 0em 10px 0em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: 1px dashed #FF7F00;
}
article .message.error p,
article .box.error p {
  color: #000;
}
article .message.error h3,
article .box.error h3 {
  color: #000;
  margin: 0em 0em 0.5em 0em;
}
article .message.error .icon-large,
article .box.error .icon-large {
  color: #DD0000;
}
article .message.hint,
article .box.hint {
  margin: 2em 0em 1em 0em;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #A0A0A0;
  background-color: #F2F2F2;
  padding: 0;
}
article .message.hint .icon-info-sign,
article .box.hint .icon-info-sign {
  display: block;
  font-size: 3em;
  float: left;
  width: 15%;
}
article .message.okay,
article .box.okay {
  background-color: #ccce45;
  margin: 1em 0em 10px 0em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: 1px dashed #C4C634;
}
article .message.okay p,
article .box.okay p {
  color: #000;
}
article .message.okay h3,
article .box.okay h3 {
  color: #000;
  margin: 0em 0em 0.5em 0em;
}
article .message.okay .icon-large,
article .box.okay .icon-large {
  color: #C4C634;
}
article .message.id-more-pages,
article .box.id-more-pages {
  margin: 2em 0em 1em 0em;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #A0A0A0;
  background-color: #F2F2F2;
  padding: 0;
}
article .message.id-more-pages h3,
article .box.id-more-pages h3 {
  margin: 0.5em 0em 0.5em 0.5em;
}
article .message.id-more-pages h3 span,
article .box.id-more-pages h3 span {
  margin-right: 10px;
  font-size: 1.5em;
  vertical-align: text-bottom;
}
article .message.id-more-pages nav,
article .box.id-more-pages nav {
  margin: 0.5em;
}
article .message.id-more-pages p,
article .box.id-more-pages p {
  font-size: 0.9em;
  float: left;
  margin-right: 0%;
  width: 45%;
  line-height: 110%;
  text-indent: -1em;
  margin-left: 5%;
}
article .message.id-more-pages p .icon-arrow-right,
article .box.id-more-pages p .icon-arrow-right {
  font-size: 0.8em;
  margin-right: 5px;
}
article .message.download,
article .box.download {
  margin: 2em 0em 1em 0em;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #A0A0A0;
  background-color: #F2F2F2;
  padding: 0;
}
article .message.download .icon-file-pdf:before,
article .box.download .icon-file-pdf:before {
  content: "\e003";
}
article .message.download h2,
article .box.download h2 {
  text-transform: uppercase;
  margin: 0em 0em 1em 0em;
}
article .message.download h2 span,
article .box.download h2 span {
  margin-right: 10px;
  font-size: 1.5em;
  vertical-align: text-bottom;
}
article .message.download p,
article .message.download ul,
article .box.download p,
article .box.download ul {
  font-size: 0.8em;
}
article .message.download ul,
article .box.download ul {
  margin: 0em 0em 0em 0em;
}
article .message.download li,
article .box.download li {
  line-height: 110%;
}
article .message.copyright,
article .box.copyright {
  margin: 2em 0em 1em 0em;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #A0A0A0;
  background-color: #F2F2F2;
  padding: 0;
  padding: 0em 2em 0em 5em;
  float: none;
  clear: both;
}
article address {
  color: #1F1F1F;
  line-height: 160%;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0em 0em 0em 0em;
  font-style: normal;
  line-height: 110% !important;
}
article dl {
  overflow: hidden;
}
article dl dt {
  float: left;
  font-weight: bold;
  width: 40%;
}
article dl dd {
  float: left;
  width: 60%;
}
form {
  font-size: 1em;
  margin-top: 1em;
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
form p {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
form .icon-location {
  color: #DD0000;
  font-size: 70%;
  vertical-align: super;
}
form .message.error {
  margin-left: 0 * ;
  width: auto;
}
form#chronoform_kontakt .row img {
  clear: both;
  float: none;
}
form .row {
  margin: 1em 0em 1em 0em;
  max-width: 100%;
}
form .row.clearfix {
  clear: both;
  float: none;
}
form .row label {
  display: block;
  line-height: 120%;
  min-height: 1.5em;
  float: left;
  width: 36%;
  text-align: right;
  margin-right: 2%;
}
form .row label.checkbox {
  max-width: 90%;
  margin-right: 10px;
  float: left;
}
form .row textarea,
form .row select {
  border: none;
  background-color: #D2EFFF;
  padding: 0.2em;
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  float: left;
  width: 75%;
}
form .row textarea.full,
form .row select.full {
  width: 57%;
  height: 5em;
}
form .row textarea:focus,
form .row select:focus {
  background-image: none;
  background-color: #0090DF;
  color: #FFF;
}
form .row select.full {
  height: auto;
  width: 60%;
}
form .row input,
form .row button {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  border: none;
  background-color: #D2EFFF;
  padding: 0.2em;
  float: left;
  width: 75%;
  text-align: left;
}
form .row input.medium,
form .row button.medium {
  width: 30%;
}
form .row input.large,
form .row button.large {
  width: 58%;
}
form .row input.small,
form .row button.small {
  width: 20%;
}
form .row input.checkbox,
form .row button.checkbox {
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}
form .row input.submit,
form .row input.button,
form .row button.submit,
form .row button.button {
  color: #FFF;
  border: none;
  background-image: none;
  background-color: #FF7F00;
  width: auto;
  margin-left: 38%;
}
form .row input.backstep,
form .row button.backstep {
  background-color: #858585;
}
form .row input.nextstep,
form .row button.nextstep {
  background-color: #0090DF;
}
form .row input.chrono_captcha_input,
form .row button.chrono_captcha_input {
  width: 20%;
}
form .row input:focus,
form .row button:focus {
  background-image: none;
  background-color: #0090DF;
  color: #FFF;
}
form .row button {
  border: none;
  padding: 0.2em 0.75em 0.2em 0.75em;
  background-color: #0090DF;
  color: #FFF;
  font-size: 1em;
  text-transform: uppercase;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
form .row.inline {
  max-width: 100%;
}
form .row.inline label {
  float: left;
}
form .row.inline label.checkbox {
  width: auto;
}
form .row.inline input {
  margin-left: 0%;
}
form .row.inline input.checkbox {
  width: 1em;
}
form .row div.checkbox {
  width: 100%;
}
form .row div.checkbox input.checkbox {
  width: 1em;
  margin-left: 38%;
}
form .row div.checkbox label.checkbox {
  text-align: left;
  float: left;
  width: 55%;
}
form .row div.checkbox div {
  clear: both;
  float: none;
}
form .row div.checkbox div.inline {
  float: left;
  margin-left: 4%;
  max-width: 45%;
  clear: none;
}
form .row div.checkbox div.inline input {
  max-width: 100% !important;
}
form .row .tipp {
  clear: both;
  float: none;
  display: block;
  font-size: 0.8em;
  color: #393939;
  width: 75%;
  text-align: left;
  margin-left: 38%;
}
form .row .requiredtext {
  color: #DD0000;
  font-size: 1em *1 !important;
  margin: 0;
}
form .row .requiredtext .fc-error {
  display: inline;
  background: none !important;
  border: none;
  padding: 0;
  margin: 0;
}
form .row .requiredtext .fc-error p {
  display: inline;
  font-size: 1em !important;
  margin: 0;
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
form .row .rows {
  display: inline-block;
  margin-top: -1px;
}
form .row .rows.no-clear {
  width: 57%;
}
form .row .rows.no-clear input {
  margin-left: 0px !important;
}
article img {
  max-width: 100%;
  height: auto;
  float: left;
  margin: 0em 0 0.5em 0em;
}
article .lightbox-zoom {
  position: relative;
  height: auto;
}
.page-image {
  float: left;
  margin-right: 3.236245954692557%;
  margin-top: 0.2em !important;
  margin-bottom: 2em;
  background-color: #F2F2F2;
  border: 1px solid #A0A0A0;
  width: 40%;
  padding: 4px;
}
.page-image p.image-caption {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 110% !important;
  margin: 0em 0em 3em 0;
  color: #1F1F1F;
  width: 90%;
}
.page-image p.image-caption .icon-enlarge {
  display: block;
  position: relative;
  top: -2em;
  width: 1em;
  left: 103%;
  text-shadow: 1px 1px 1px #FFF;
  color: #FF7F00;
}
.page-image img {
  height: auto;
}
.item-page-news .page-image {
  width: 96.763754045307%;
}
.blog-publications .page-image {
  width: 63.430420711974%;
}
.fancybox-title {
  line-height: 110% !important;
}
article ul,
article ol,
.idnews ul,
.idnews ol {
  margin: 1em 0em 3em 2em;
  overflow: hidden;
  list-style-image: none;
  list-style: none;
  padding: 0;
}
article ul li,
article ol li,
.idnews ul li,
.idnews ol li {
  padding-left: 1.2em;
  margin: 0em 0em 1em 0em;
}
article ul li:before,
article ol li:before,
.idnews ul li:before,
.idnews ol li:before {
  content: "\e01d";
  font-family: 'sogas';
  display: inline-block;
  margin-left: -1.2em;
  width: 1.2em;
}
article ol,
.idnews ol {
  margin: 1em 0em 3em 2em;
  list-style-position: inside;
  list-style-type: decimal;
}
article ol li:before,
.idnews ol li:before {
  content: '';
}
.idnews ul {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 110%;
}
#search-results a:hover,
#search-results a:active {
  text-decoration: underline;
}
#search-results #form-resultate {
  margin-bottom: 5em !important;
}
#search-results .result-title {
  margin: 0;
  width: 100%;
}
#search-results .result-text {
  margin: 0em 0em 1.5em 0em;
  width: 100%;
  line-height: 130%;
}
#search-results .highlight {
  background-color: #ffd9b3;
}
#search-results .search-pagination {
  margin-top: 2em;
}
#link-list a:hover,
#link-list a:active {
  text-decoration: underline;
}
#link-list .row-item {
  margin-top: 2em;
  margin-bottom: 0;
}
#link-list .item-title {
  margin: 0;
}
.blog-news .row-item {
  margin-top: 0em;
  margin-bottom: 5em;
}
.blog-news .item-title {
  margin: 0;
}
article table {
  width: 100% !important;
  margin: 1em 0em 1em 0em;
}
article table caption {
  display: none;
}
article table tr th,
article table tr td {
  color: #1F1F1F;
  line-height: 160%;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 0.4em 0.4em 0.4em 0.4em;
  text-align: left;
  border-bottom: 1px solid #000000;
  line-height: 130%;
  font-size: 0.8em;
  vertical-align: top;
  color: #000000;
}
article table tr th p,
article table tr td p {
  margin: 0em 0em 0.5em 0em;
  color: #1F1F1F;
  line-height: 160%;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 130%;
}
article table tr th {
  padding-bottom: 0.2em;
  padding-top: 0.5em;
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
article table tr td {
  border-bottom: 1px dotted #666666;
}
.team-portrait {
  float: left;
  margin-right: 2%;
  position: relative;
}
.team-info {
  float: left;
}
.idcontent-nav {
  margin: 2em 0em 1em 0em;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #A0A0A0;
  background-color: #F2F2F2;
  padding: 0;
  padding-bottom: 2em;
}
.idcontent-nav h3 {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1em;
  font-size: 1em;
}
.idcontent-nav ul {
  font-size: 0.9em;
  margin: 0%;
  padding: 0;
  line-height: 120%;
}
.idcontent-nav ul a#active_menu {
  text-decoration: none;
  color: #1F1F1F;
}
.idcontent-nav ul li:before {
  font-family: 'sogas';
  content: "\e01d";
}
.idcontent-nav ul li {
  font-size: 1em;
  margin: 0px 0px 0.5em 1em;
}
.idcontent-nav ul li ul {
  margin-bottom: 1em;
}
.idcontent-nav ul li ul li {
  margin-left: 0em;
  margin-bottom: 0.3em;
  font-size: 1.1em;
}
.idcontent-nav ul li ul li li {
  font-size: 1em;
}
.youtube-player {
  max-width: 100%;
}
article #xmap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
article #xmap ul li:before {
  content: '';
}
article #xmap ul li {
  margin: 0;
  padding: 0;
}
article #xmap ul li a {
  background-image: none;
}
article #xmap ul.level_0 li {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.6em;
  margin-bottom: 0em !important;
  margin-top: 0em;
}
article #xmap ul.level_0 li .level_1 {
  margin-top: 0em;
  margin-bottom: 5em;
  padding-top: 0em;
}
article #xmap ul.level_0 li .level_1 li {
  margin: 0em 0em 0.5em 0em;
  width: 45%;
  float: left;
  display: block;
  margin-right: 5%;
  line-height: 110%;
  padding-top: 0.5em;
  font-size: 0.75em;
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
article #xmap ul.level_0 li .level_1 li:nth-child(odd) {
  clear: left;
}
article #xmap ul.level_0 li .level_1 li .level_2 {
  margin-bottom: 1em;
}
article #xmap ul.level_0 li .level_1 li .level_2 li {
  margin: 0;
  width: auto;
  clear: both;
  float: none;
  background-image: none;
  font-size: 0.8em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
article #xmap ul.level_0 li .level_1 li .level_2 li .level_3 {
  margin-bottom: 1.5em;
}
article #xmap ul.level_0 li .level_1 li .level_2 li .level_3 li {
  font-size: 1em;
  margin: 0em 0em 0em 1em;
}
article #xmap ul.level_0 li .level_1 li .level_2 li .level_3 li li {
  font-size: 1em;
}
.landingpage .blog .items-row h2 {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em;
  margin: 0em 0em 0.5em 0em;
  line-height: 110%;
}
.landingpage .blog .items-row p {
  margin: 0em 0em 0.5em 0em;
  line-height: 110%;
}
.landingpage .blog .items-row a {
  margin: 0;
  line-height: 100%;
}
.frontpage .blog .items-row h3 {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1em;
  margin: 0em 0em 0.5em 0em;
  line-height: 110%;
}
.frontpage .blog .items-row p {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin: 0em 0em 0.5em 0em;
  line-height: 110%;
}
.frontpage .blog .items-row a {
  margin: 0;
  line-height: 100%;
}
.blog .items-more h3 {
  margin: 0em 0em 1em 0em;
}
.blog .spshare {
  display: none;
  visibility: hidden;
  position: absolute;
  top: -1000px;
  left: -1000px;
}
.blog .items-row p {
  margin: 0em 0em 0em 0em;
}
.blog .items-row .readmore {
  margin: 1em 0em 0em 0em;
}
.blog .item-separator {
  margin: 0px 0px 2em 0px;
  clear: both;
  float: none;
}
.blog-nointro h2 {
  margin: 0em 0em 0.5em 0em;
}
.testimonial.text {
  width: 75%;
}
.testimonial.text p {
  font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 130%;
}
.testimonial.text p .quote {
  font-size: 3em;
  color: #9f9f9f;
  vertical-align: sub;
  line-height: 10%;
  margin-top: 0em;
}
.testimonial.text p.autor {
  color: #1F1F1F;
  line-height: 160%;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
}
.blog-faq .answer {
  margin-bottom: 2em;
}
.blog-faq .answer .icon-bubbles {
  font-size: 3em;
  float: left;
  display: block;
  color: #525252;
  padding-bottom: 1em;
  margin-right: 1em;
}
article .blog-image {
  overflow: hidden;
  position: relative;
}
@media screen {
  .cbp-hrmenu {
    width: 100%;
    margin-top: 1em;
    z-index: 500;
    position: relative;
  }
  .cbp-hrmenu a:link,
  .cbp-hrmenu a:visited {
    color: #FFF;
    background-color: #0090DF;
    text-decoration: none;
  }
  .cbp-hrmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .cbp-hrmenu .menu-open a .menu-caption {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #FFF !important;
    background-color: #0090DF !important;
  }
  .cbp-hrmenu > ul,
  .cbp-hrmenu .cbp-hrsub-inner {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .cbp-hrmenu > ul > li,
  .cbp-hrmenu .cbp-hrsub-inner > li {
    display: block;
    font-size: 1.2em;
    float: left;
    margin-right: 2px;
    width: 20.6452959090909090907070%;
    left: 20.6452959090909090907070%;
    z-index: 500;
    background-color: #FFF;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
  .cbp-hrmenu > ul > li .cbp-hrsub,
  .cbp-hrmenu .cbp-hrsub-inner > li .cbp-hrsub {
    display: block;
    padding-bottom: 1em;
  }
  .cbp-hrmenu > ul > li > a:link .menu-caption,
  .cbp-hrmenu > ul > li > a:visited .menu-caption,
  .cbp-hrmenu .cbp-hrsub-inner > li > a:link .menu-caption,
  .cbp-hrmenu .cbp-hrsub-inner > li > a:visited .menu-caption {
    color: #0090DF;
    padding: 0.5em 0.2em 0.2em 0.8em;
    background-color: #FFF;
    font-size: 1.1em;
    display: block;
    max-width: 100%;
    position: relative;
    z-index: 500;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .cbp-hrmenu > ul > li > a:hover .menu-caption,
  .cbp-hrmenu > ul > li > a:focus .menu-caption,
  .cbp-hrmenu > ul > li > a:active .menu-caption,
  .cbp-hrmenu .cbp-hrsub-inner > li > a:hover .menu-caption,
  .cbp-hrmenu .cbp-hrsub-inner > li > a:focus .menu-caption,
  .cbp-hrmenu .cbp-hrsub-inner > li > a:active .menu-caption {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #FFF;
    background-color: #0090DF;
    text-decoration: none;
  }
  .cbp-hrmenu > ul > li.active .menu-caption,
  .cbp-hrmenu .cbp-hrsub-inner > li.active .menu-caption {
    background-color: #0090DF !important;
    color: #FFF !important;
  }
  .cbp-hrmenu .cbp-hrsub {
    display: none !important;
    position: absolute;
    padding-top: 0em;
    width: 69.424242424242%;
    left: 0;
    z-index: 500;
    background-color: #0090DF;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .cbp-hrmenu .cbp-hropen {
    display: block !important;
  }
  .cbp-hrmenu .cbp-hrsub-inner {
    background-color: #0090DF;
  }
  .cbp-hrmenu .cbp-hrsub-inner h4 {
    margin: 0;
    font-weight: 300;
  }
  .cbp-hrmenu .cbp-hrsub-inner .menu-level-1 li {
    width: 25%;
    display: block;
    float: left;
    padding: 1em 1em 0.75em 1em;
    margin-left: 0%;
    font-size: 0.95em;
    line-height: 118%;
  }
  .cbp-hrmenu .cbp-hrsub-inner .menu-level-1 li a:hover,
  .cbp-hrmenu .cbp-hrsub-inner .menu-level-1 li a:focus,
  .cbp-hrmenu .cbp-hrsub-inner .menu-level-1 li a:active {
    text-decoration: underline;
  }
  .cbp-hrmenu .cbp-hrsub-inner .menu-level-1 li ul {
    margin: 0em 0em 0em 0em;
  }
  .cbp-hrmenu .cbp-hrsub-inner .menu-level-1 li ul li {
    margin: 0.4em 0em 0em 0em;
    width: 100%;
    font-size: 0.8em;
    line-height: 130%;
    padding: 0;
    float: none;
  }
  html {
    height: 100%;
  }
  .wf-loading h1,
  .wf-loading h2,
  .wf-loading h3,
  .wf-loading h4,
  .wf-loading p {
    visibility: hidden;
  }
  .wf-active h1 h1,
  .wf-active h1 h2,
  .wf-active h1 h3,
  .wf-active h1 h4,
  .wf-active h1 p {
    visibility: visible;
  }
  body {
    margin: 0;
    background-color: #004164;
    color: #1F1F1F;
    line-height: 160%;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    height: 100%;
  }
  .overlay {
    position: fixed;
    display: none;
    z-index: 400;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
  }
  #main-header #main-logo a {
    color: #0090DF;
    text-decoration: none;
  }
  #main-header #main-logo a .icon-sogas-logo {
    font-size: 7.5em;
  }
  article {
    width: 100%;
  }
  .clear {
    clear: both;
    float: none;
  }
  .hidden,
  .chronoform {
    display: block;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;
  }
  #content-pagenav {
    margin: 2em 0em 2em 0em;
  }
  #content-pagenav a {
    font-size: 1em;
    margin-right: 1em;
  }
}
@media screen and screen and (max-width: 898px) {
  .wrapper {
    margin-left: 2.5% !important;
    width: 95% !important;
  }
  .cbp-hrmenu,
  #sogas-address {
    font-size: 90%;
  }
  #main-header .centered #site-search {
    width: 50%;
    right: 1%;
  }
}
@media screen and screen and (max-width: 740px) {
  #main-header #site-search {
    width: 50%;
    right: 1%;
  }
  .cbp-hrmenu {
    font-size: 100%;
    border: none;
    width: 100%;
    z-index: 0;
  }
  .cbp-hrmenu #icon-menu5,
  .cbp-hrmenu #icon-menu6 {
    display: none;
    visibility: hidden;
  }
  .cbp-hrmenu > ul,
  .cbp-hrmenu .cbp-hrsub-inner {
    width: 100%;
    padding: 0;
  }
  .cbp-hrmenu .cbp-hrsub-inner ul {
    width: 100%;
    clear: both;
    float: none;
    margin: 0 !important;
  }
  .cbp-hrmenu .cbp-hrsub-inner ul li {
    width: 100% !important;
    margin: 0;
    clear: both;
    float: none;
  }
  .cbp-hrmenu > ul > li {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    margin: 0 !important;
  }
  .cbp-hrmenu > ul > li > a {
    display: block;
  }
  .cbp-hrmenu .cbp-hrsub {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 824px) {
  #bg {
    display: none;
  }
  body {
    z-index: 0;
    font-size: 1.2em;
    background-color: #FFF;
  }
  .mobilenav {
    display: block !important;
    position: fixed;
    top: 0px;
    z-index: 100;
    left: 0px;
    height: 2.5em;
    background-color: #0090DF;
    color: #FFF;
    width: 100%;
    visibility: initial;
  }
  .mobilenav h2 {
    margin: 8px 5% 0px 0px;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    text-align: right;
    cursor: pointer;
  }
  #slider {
    background-color: #0090DF;
    z-index: 105;
    position: fixed;
    color: #FFF;
    width: 70%;
    top: 2.5em;
    left: 30%;
    display: none;
  }
  #slider ul {
    list-style: none;
  }
  #slider ul a {
    color: #FFF;
  }
  .centered {
    margin: 0px 5% 0px 5%;
  }
  #main-logo {
    top: 20px;
    position: absolute;
  }
  #main-logo .icon-sogas-logo {
    font-size: 4em !important;
  }
  #claim {
    background-color: #0090DF;
    width: 93%;
    color: #FFF;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    position: absolute;
    left: 5%;
    top: 7em;
    padding: 0px 3px 4px 3px;
    font-size: 0.8em;
    height: 1.45em;
  }
  .wrapper {
    margin: 0 !important;
    width: 100% !important;
    z-index: 0;
  }
  .cbp-hrmenu {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  #main-header {
    position: relative;
    font-size: 1em;
    background-color: #FFF;
    margin: 0em auto 0em auto;
    max-width: 990px;
    height: 8em;
    margin-top: 3em;
    margin-bottom: 1em;
    z-index: 5;
  }
  #content-pagenav {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    width: 100%;
    text-align: left;
    margin: 1em 0px 1em 0px;
  }
  #content-pagenav i,
  #content-pagenav a {
    margin-left: 5px !important;
  }
  .id-more-pages p {
    width: 100% !important;
    float: none;
  }
  #metanav {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  #address-icon {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  #site-search {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  form#mod-finder-searchform {
    margin: 0em 0em 0em 5%;
    width: 100%;
  }
  form#mod-finder-searchform .finder p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0em 0em 0.5em 0em;
    font-size: 0.8em;
    line-height: 110%;
  }
  form#mod-finder-searchform .finder input,
  form#mod-finder-searchform .finder .button {
    border: none;
    background-color: #D2EFFF;
    padding: 0.2em;
    background-color: #F2F2F2;
    font-size: 0.8em;
    padding: 0.2em;
    display: block;
    float: left;
  }
  form#mod-finder-searchform .finder input:focus,
  form#mod-finder-searchform .finder input:hover,
  form#mod-finder-searchform .finder .button:focus,
  form#mod-finder-searchform .finder .button:hover {
    background-color: #cc6600;
    color: #FFF;
  }
  form#mod-finder-searchform .finder input {
    margin-right: 5px;
    width: 60%;
  }
  form#mod-finder-searchform .finder .button {
    color: #FFF;
    border: none;
    background-image: none;
    background-color: #FF7F00;
    padding: 0.3em;
    position: relative;
    right: 0px;
    width: auto;
  }
  #infocol {
    width: 100%;
    position: relative;
    top: 0em;
  }
  #infocol .erdgas-logo {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  #infocol .infobox-wrapper {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ecf8ff;
    margin: 1em 0em 10px 0em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 1px dashed #D2EFFF;
    padding-bottom: 2em;
  }
  #infocol .infobox-wrapper p {
    color: #000;
  }
  #infocol .infobox-wrapper h3 {
    color: #000;
    margin: 0em 0em 0.5em 0em;
  }
  #infocol .infobox-wrapper h3 {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    margin: 0.5em 0em 1em 0em;
    padding: 0em 0em 0.2em 0em;
    border-bottom: 1px dotted #1F1F1F;
  }
  #infocol .infobox-wrapper .icon-flash {
    margin-top: 0.2em;
    text-align: center;
    float: left;
    width: 20%;
    font-size: 2em;
  }
  #infocol .infobox-wrapper .pikett-address {
    float: left;
    width: 80%;
  }
  #infocol .infobox-wrapper .pikett-address h3 {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    margin: 0;
    border: none;
  }
  #infocol .infobox-wrapper .pikett-address p {
    margin: 0;
  }
  #infocol .infobox-wrapper .pikett-address p.telnr {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-top: 1em;
  }
  #infocol .infobox-wrapper .pikett-address p.description {
    font-size: 0.8em;
  }
  #infocol .infobox-wrapper .readmore {
    font-size: 0.8em;
    margin-left: 20%;
  }
  #infocol .infobox-wrapper .idinfobox:nth-child(2) {
    border-top: 1px dotted #1F1F1F;
    padding-top: 0.8em;
    padding-bottom: 1em;
  }
  #infocol .infobox-wrapper .more-pages-0 p {
    margin: 0em 0em 0em 20%;
    font-size: 0.8em;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
  #breadcrumb {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  article {
    clear: both;
    float: none;
  }
  article h1 {
    margin: 0em 0em 1em 0em;
  }
  article .feature-image img {
    clear: both;
    float: none;
  }
  article .idcontent-nav {
    margin: 0.5em 0em 1em 0em;
    width: auto;
    float: none;
    clear: both;
  }
  article .idcontent-nav h3 {
    padding-top: 1em !important;
  }
  article .box h2,
  article .page-image h2 {
    font-size: 1em;
  }
  .search-pages-counter {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom: 4em !important;
  }
  .pagination {
    margin: 1em 0em 2em 0em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .pagination ul.pagination {
    margin: 1em 0em 2em 0em;
  }
  .pagination ul.pagination li {
    float: left;
    display: block;
    margin: 0em 0.5em 0em 0em;
    padding-left: 0em;
  }
  .pagination ul.pagination li:before {
    content: '';
    padding-left: 0em !important;
  }
  .footer-container {
    background-color: #004164;
    margin: 0em 0em 0em 0em;
    width: 100%;
  }
  footer {
    padding: 2em 0em 2em 0em;
    color: #FFF;
  }
  footer.wrapper {
    width: 90% !important;
    margin: 2em 5% 0em 5% !important;
    background-color: #004164;
  }
  footer #footer-sitemap .menu {
    padding: 0em 0em 2em 0em;
    border-bottom: 1px solid #FFF;
    width: 100%;
    margin: 0;
  }
  footer #footer-sitemap .menu a {
    color: #FFF;
  }
  footer #footer-sitemap .menu .active > 	a {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
  footer #footer-sitemap .menu > li {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 3em 0px 0em 0em;
    font-size: 1.2em;
  }
  footer #footer-sitemap .menu > li > a {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin: 3em 10px 0em 0px;
    line-height: 100%;
  }
  footer #footer-sitemap .menu > li ul {
    margin: 0px;
    padding: 0;
  }
  footer #footer-sitemap .menu > li ul li {
    margin: 1em 0em 0em 0em;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 100%;
  }
  footer #footer-sitemap .menu > li ul li.active > a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: bold;
  }
  footer #footer-sitemap .menu > li ul li.active:before {
    font-family: "sogas";
    font-weight: normal !important;
    content: "\e00e";
    color: #FFF;
    margin-right: 5px;
  }
}
@media screen and (min-width: 825px) {
  #bg {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }
  #bg.bgwidth {
    width: 100%;
    display: block;
  }
  #bg.bgheight {
    height: 70%;
    display: block;
  }
  #slider {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
  .wrapper {
    width: 100%;
    margin: 0;
    background-color: #004164;
  }
  .centered {
    margin: 0em auto 0em auto;
    max-width: 990px;
    position: relative;
  }
  #main-header {
    position: relative;
    top: 24px;
    height: 145px;
    width: 100%;
    font-size: 1em;
    z-index: 100;
  }
  #main-header #main-logo {
    position: absolute;
    top: 0px;
    margin-left: -0.82020202020202%;
  }
  #main-header #site-search {
    position: absolute;
    right: 0px;
    width: 20.808080808081%;
    font-size: 0.8em;
  }
  #main-header #site-search form#mod-finder-searchform {
    width: 100%;
  }
  #main-header #site-search form#mod-finder-searchform .finder .icon-search {
    font-size: 1em;
  }
  #main-header #site-search form#mod-finder-searchform .finder input,
  #main-header #site-search form#mod-finder-searchform .finder .button {
    border: none;
    background-color: #D2EFFF;
    padding: 0.2em;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    display: block;
    float: left;
  }
  #main-header #site-search form#mod-finder-searchform .finder input:focus,
  #main-header #site-search form#mod-finder-searchform .finder input:hover,
  #main-header #site-search form#mod-finder-searchform .finder .button:focus,
  #main-header #site-search form#mod-finder-searchform .finder .button:hover {
    background-image: none;
    background-color: #0090DF;
    color: #FFF;
  }
  #main-header #site-search form#mod-finder-searchform .finder input {
    margin-right: 1%;
    width: 50%;
    color: #BABABA;
    background-color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #0090DF;
  }
  #main-header #site-search form#mod-finder-searchform .finder .button {
    border: none;
    padding: 0.2em 0.75em 0.2em 0.75em;
    background-color: #0090DF;
    color: #FFF;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0.3em;
    color: #FFF;
    position: relative;
    right: 0px;
    width: 45%;
  }
  #main-header #claim {
    background-color: #0090DF;
    width: 51.010101010101%;
    color: #FFF;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    position: absolute;
    right: 0px;
    top: 6.5em;
    text-align: right;
    padding: 0 3px 2px 0;
    font-size: 0.9em;
    height: 1.45em;
  }
  .top {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -1000px;
    top: -1000px;
  }
  #mainnav {
    position: relative;
    height: auto;
    line-height: 100%;
    font-size: 1.2em;
  }
  #mainnav a:link,
  #mainnav a:visited {
    text-decoration: none;
  }
  #mainnav a:hover,
  #mainnav a:active {
    text-decoration: underline;
  }
  #mainnav #menu-wrapper {
    margin: 0;
    padding: 0;
  }
  #mainnav #menu-wrapper .current > a,
  #mainnav #menu-wrapper .active > a {
    text-decoration: underline;
  }
  #metanav {
    font-size: 0.8em;
    margin-top: 1em;
    text-transform: uppercase;
    width: 100%;
  }
  #metanav a {
    margin-left: 0.2em;
    margin-right: 0em;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 0.9em;
    vertical-align: top;
    color: #0090DF;
    letter-spacing: 0.1em;
  }
  #metanav span {
    margin-right: 0;
    font-family: "sogas";
    color: #0090DF;
    font-size: 1.1em;
    font-weight: normal;
  }
  #metanav span.item-214:before {
    content: "\e007";
  }
  #metanav span.item-215:before {
    content: "\e00b";
  }
  #metanav span.item-327:before {
    content: "\e005";
  }
  #metanav .metanav-separator {
    margin-left: 5%;
  }
  #infocol {
    width: 35.555555555556%;
    float: left;
    position: relative;
    top: 0em;
  }
  #infocol .erdgas-logo {
    padding: 20px 20% 0px 20%;
  }
  #infocol .infobox-wrapper {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ecf8ff;
    margin: 1em 0em 10px 0em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 1px dashed #D2EFFF;
    padding-bottom: 2em;
  }
  #infocol .infobox-wrapper p {
    color: #000;
  }
  #infocol .infobox-wrapper h3 {
    color: #000;
    margin: 0em 0em 0.5em 0em;
  }
  #infocol .infobox-wrapper h3 {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    margin: 0.5em 0em 1em 0em;
    padding: 0em 0em 0.2em 0em;
    border-bottom: 1px dotted #1F1F1F;
  }
  #infocol .infobox-wrapper .icon-flash {
    margin-top: 0.2em;
    text-align: center;
    float: left;
    width: 20%;
    font-size: 2em;
  }
  #infocol .infobox-wrapper .pikett-address {
    float: left;
    width: 80%;
  }
  #infocol .infobox-wrapper .pikett-address h3 {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    margin: 0;
    border: none;
  }
  #infocol .infobox-wrapper .pikett-address p {
    margin: 0;
  }
  #infocol .infobox-wrapper .pikett-address p.telnr {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-top: 1em;
  }
  #infocol .infobox-wrapper .pikett-address p.description {
    font-size: 0.8em;
  }
  #infocol .infobox-wrapper .readmore {
    font-size: 0.8em;
    margin-left: 20%;
  }
  #infocol .infobox-wrapper .idinfobox:nth-child(2) {
    border-top: 1px dotted #1F1F1F;
    padding-top: 0.8em;
    padding-bottom: 1em;
  }
  #infocol .infobox-wrapper .more-pages-0 p {
    margin: 0em 0em 0em 20%;
    font-size: 0.8em;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
  #breadcrumb {
    font-size: 0.9em;
    line-height: 110%;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-top: 0em;
  }
  #breadcrumb .breadcrumb-separator {
    font-size: 0.7em;
  }
  #breadcrumb .breadcrumb-separator .icon-arrow-right1 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .search-pagination {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
  }
  .pagination {
    font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
  }
  .pagination p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
  }
  .pagination ul {
    border: none;
    margin: 0;
    padding: 0;
  }
  .pagination ul li {
    margin: 0px 0.5em 0px 0px;
    padding: 0;
    display: block;
    float: left;
  }
  .pagination ul li:before {
    content: "";
  }
  #content-pagenav {
    font-size: 0.8em;
    margin-top: 3em;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  #content-pagenav a {
    margin-right: 1em;
    color: #0090DF;
  }
  #content-pagenav span {
    margin-right: 0.2em;
    color: #0090DF;
    font-size: 0.8em;
    vertical-align: normal;
  }
  #content-container {
    width: 100%;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFF;
  }
  #content-container #content-box {
    width: 58.383838383838%;
    float: left;
    margin: 1em 2.02020202020202% 1em 2.02020202020202%;
  }
  #content-box article .item-page h1,
  #content-box article .leading-0 h1 {
    margin-top: 1em;
  }
  .frontpage #content .blog-featured {
    position: relative;
    margin-top: 2em;
  }
  .frontpage #content .blog-featured .feature-caption {
    padding-right: 1.338688085676037%;
    margin-bottom: 2em;
  }
  .frontpage #content .blog-featured .feature-caption p {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 110%;
  }
  .frontpage #content .blog-featured .items-leading {
    width: 33.734939759036%;
    float: left;
  }
  .frontpage #content .blog-featured .items-leading .leading-0 {
    padding: 0px 20px 0px 20px;
  }
  .frontpage #content .blog-featured .items-leading .leading-0 p {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 110%;
  }
  .frontpage #content .items-row {
    float: left;
    width: 66.131191432396%;
  }
  .frontpage h1 {
    font-size: 1.8em;
    color: #1F1F1F;
    line-height: 120%;
    margin: 2em 0em 1em 0em !important;
  }
  .frontpage .content-intro {
    margin-bottom: 3em;
  }
  .frontpage .content-intro p {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.6em;
    line-height: 140%;
  }
  .landingpage article {
    width: 100% !important;
    min-height: 300px;
    padding-bottom: 3em;
  }
  .landingpage #icon-landingpage {
    font-family: "sogas";
    font-size: 10em;
    line-height: 1;
    display: block;
    width: 33.734939759036%;
    position: relative;
    float: left;
    top: 20px;
    margin: 0;
    position: relative;
    text-align: center;
  }
  .landingpage .item-page-landingpage {
    width: 56.358768406961%;
    float: left;
    padding: 0px 8.433734939759% 0px 1.338688085676037%;
    top: 0px;
    position: relative;
  }
  .landingpage .item-page-landingpage > h2 {
    font-size: 1.6em;
    margin: 0em 0em 1em 0em;
  }
  .landingpage .intro-landingpage {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 100%;
  }
  .landingpage h1 {
    text-transform: uppercase;
    color: #1F1F1F;
  }
  .frontpage .idfrontpageteaser {
    clear: both;
    float: none;
    margin: 2em 0em 4em 0em;
  }
  .frontpage .idfrontpageteaser .blog .items-row {
    float: left;
    width: 32.39625167336%;
    margin-right: 1.338688085676037%;
    margin-bottom: 2em;
  }
  .frontpage .idfrontpageteaser .blog .items-row .frontpageteaser.icon {
    float: left;
    width: 48%;
    height: 116px;
    overflow: hidden;
    background-color: ;
    margin-right: 2%;
    font-size: 6em;
    text-align: center;
  }
  .frontpage .idfrontpageteaser .blog .items-row .frontpageteaser.text {
    width: 50%;
    float: left;
  }
  .frontpage .idfrontpageteaser .blog .items-row a {
    color: #1F1F1F;
  }
  .frontpage .idfrontpageteaser .blog .items-row:nth-child(3n) {
    margin-right: 0px;
  }
  .landingpage .idlandingpageteaser {
    clear: both;
    float: none;
    margin: 2em 0em 4em 0em;
  }
  .landingpage .idlandingpageteaser .blog .items-row {
    float: left;
    width: 23.962516733601%;
    margin-right: 9.7724230254351%;
    margin-bottom: 2em;
  }
  .landingpage .idlandingpageteaser .blog .items-row:nth-child(3n) {
    margin-right: 0px;
  }
  article .finder #search-form #finder-search .icon-search {
    font-size: 0.8em;
  }
  article .finder #search-form #finder-search input,
  article .finder #search-form #finder-search .button {
    border: none;
    background-color: #D2EFFF;
    padding: 0.2em;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    display: block;
    float: left;
  }
  article .finder #search-form #finder-search input:focus,
  article .finder #search-form #finder-search input:hover,
  article .finder #search-form #finder-search .button:focus,
  article .finder #search-form #finder-search .button:hover {
    background-image: none;
    background-color: #0090DF;
    color: #FFF;
  }
  article .finder #search-form #finder-search input {
    margin-right: 1%;
    color: #BABABA;
  }
  article .finder #search-form #finder-search .button {
    border: none;
    padding: 0.2em 0.75em 0.2em 0.75em;
    background-color: #0090DF;
    color: #FFF;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
    background-color: #FF7F00;
  }
  .blog-news .partner-item {
    margin-bottom: 3em;
  }
  .blog-news .small-image {
    float: left;
    width: 63.430420711974%;
    margin-right: 3.236245954692557%;
    height: 116px;
    background-color: ;
  }
  .blog-news .page-partner-link {
    margin-top: 2em;
  }
  .blog-news .page-partner-link .icon-link {
    margin-right: 0.2em;
  }
  #news-teaser {
    margin: 2em 0em 2em 0em;
  }
  #news-teaser .idblogteaser,
  #news-teaser .idnewsteaser,
  #news-teaser .idstellenteaser {
    width: 32.39625167336%;
    margin-right: 1.338688085676037%;
    float: left;
  }
  #news-teaser .idblogteaser #blogteaser-wrap,
  #news-teaser .idblogteaser #newsteaser-wrap,
  #news-teaser .idblogteaser #stellenteaser-wrap,
  #news-teaser .idnewsteaser #blogteaser-wrap,
  #news-teaser .idnewsteaser #newsteaser-wrap,
  #news-teaser .idnewsteaser #stellenteaser-wrap,
  #news-teaser .idstellenteaser #blogteaser-wrap,
  #news-teaser .idstellenteaser #newsteaser-wrap,
  #news-teaser .idstellenteaser #stellenteaser-wrap {
    float: left;
    width: 26.03305785124%;
    margin-right: 4.132231404958678%;
    height: auto;
  }
  #news-teaser .idblogteaser #blogteaser-wrap div,
  #news-teaser .idblogteaser #newsteaser-wrap div,
  #news-teaser .idblogteaser #stellenteaser-wrap div,
  #news-teaser .idnewsteaser #blogteaser-wrap div,
  #news-teaser .idnewsteaser #newsteaser-wrap div,
  #news-teaser .idnewsteaser #stellenteaser-wrap div,
  #news-teaser .idstellenteaser #blogteaser-wrap div,
  #news-teaser .idstellenteaser #newsteaser-wrap div,
  #news-teaser .idstellenteaser #stellenteaser-wrap div {
    font-size: 4em;
    background-color: ;
    height: 63px;
    overflow: hidden;
  }
  #news-teaser .idblogteaser #blogteaser-wrap h3,
  #news-teaser .idblogteaser #newsteaser-wrap h3,
  #news-teaser .idblogteaser #stellenteaser-wrap h3,
  #news-teaser .idnewsteaser #blogteaser-wrap h3,
  #news-teaser .idnewsteaser #newsteaser-wrap h3,
  #news-teaser .idnewsteaser #stellenteaser-wrap h3,
  #news-teaser .idstellenteaser #blogteaser-wrap h3,
  #news-teaser .idstellenteaser #newsteaser-wrap h3,
  #news-teaser .idstellenteaser #stellenteaser-wrap h3 {
    margin: 0;
    padding: 2% 0em 2% 2%;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #FFF;
    background-color: ;
    width: 98%;
    font-size: 0.8em;
    text-transform: uppercase;
    line-height: 100%;
  }
  #news-teaser .idblogteaser #newsteaser-wrap div,
  #news-teaser .idblogteaser #stellenteaser-wrap div,
  #news-teaser .idnewsteaser #newsteaser-wrap div,
  #news-teaser .idnewsteaser #stellenteaser-wrap div,
  #news-teaser .idstellenteaser #newsteaser-wrap div,
  #news-teaser .idstellenteaser #stellenteaser-wrap div {
    background-color: ;
    font-size: 3.5em;
  }
  #news-teaser .idblogteaser #newsteaser-wrap h3,
  #news-teaser .idblogteaser #stellenteaser-wrap h3,
  #news-teaser .idnewsteaser #newsteaser-wrap h3,
  #news-teaser .idnewsteaser #stellenteaser-wrap h3,
  #news-teaser .idstellenteaser #newsteaser-wrap h3,
  #news-teaser .idstellenteaser #stellenteaser-wrap h3 {
    background-color: ;
  }
  #news-teaser .idblogteaser .blog,
  #news-teaser .idnewsteaser .blog,
  #news-teaser .idstellenteaser .blog {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 110%;
    font-size: 1em;
    margin-left: 4.132231404958678%;
  }
  #news-teaser > div:nth-child(2n) {
    margin-right: 0px;
  }
  .footer-container {
    margin-top: 0em;
    padding-bottom: 5em;
  }
  .footer-container #main-footer {
    width: 100%;
    padding-top: 0em;
  }
  .footer-container #sogas-address {
    float: right;
  }
  .footer-container #sogas-address #address-icon {
    font-size: 3.5em;
    color: #0090DF;
    margin-bottom: 0em;
  }
  .footer-container #sogas-address #address-info {
    color: #FFF;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 110%;
  }
  .footer-container #sogas-address #address-info a {
    color: #FFF;
  }
  .footer-container #footer-sitemap {
    width: 62.42424242424242%;
  }
  .footer-container #footer-sitemap .menu {
    padding: 0;
    margin: 0;
  }
  .footer-container #footer-sitemap .menu a {
    color: #FFF;
  }
  .footer-container #footer-sitemap .menu .active > 	a {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
  .footer-container #footer-sitemap .menu > li {
    display: block;
    width: 30.09708737864078%;
    float: left;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 3em 0px 0em 3.236245954692557%;
  }
  .footer-container #footer-sitemap .menu > li > a {
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin: 3em 10px 0em 0px;
    line-height: 100%;
  }
  .footer-container #footer-sitemap .menu > li ul {
    margin: 0px;
    padding: 0;
  }
  .footer-container #footer-sitemap .menu > li ul li {
    margin: 1em 0em 0em 0em;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 100%;
  }
  .footer-container #footer-sitemap .menu > li ul li.active > a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: bold;
  }
  .footer-container #footer-sitemap .menu > li ul li.active:before {
    font-family: "sogas";
    font-weight: normal !important;
    content: "\e00e";
    color: #FFF;
    margin-right: 5px;
  }
}
@media print {
  body {
    font-size: 0.8em;
  }
  #metanav,
  #bg,
  .id-more-pages,
  .hidden,
  .mobilenav,
  #slider,
  #infocol,
  #breadcrumb,
  .menu-caption-wrapper,
  .drawer,
  .cbp-hrmenu,
  #news-teaser,
  .idfrontpageteaser,
  .idlandingpageteaser,
  .top,
  .menu,
  #ident,
  form,
  .spshare,
  #content-pagenav,
  #info-box {
    display: none;
  }
  #main-logo {
    position: relative;
    top: 1cm;
    left: 2.5cm;
    height: 4cm;
  }
  #main-logo .icon-sogas-logo {
    font-size: 5.5em;
    color: #FFF;
  }
  #addon-box a:after {
    content: "";
  }
  #claim {
    background-color: #FFF;
    width: 51.010101010101%;
    color: #FFF;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    position: absolute;
    right: 2cm;
    top: 6.5em;
    text-align: right;
    padding: 0 3px 2px 0;
    font-size: 0.9em;
    height: 1.45em;
  }
  article {
    width: 80%;
    margin-left: 12.5%;
  }
  article h1 {
    font-size: 1.5em;
  }
  footer {
    border-top: 2px dotted #1F1F1F;
    margin-top: 1cm;
  }
  #sogas-address {
    display: block;
    font-family: "news-gothic-std", Arial, Helvetica, sans-serif;
    font-weight: 400;
    position: relative;
    left: 12.5%;
    top: 0.2cm;
    font-size: 1.2em;
  }
}