/*
	To change this license header, choose License Headers in Project Properties.
	To change this template file, choose Tools | Templates
	and open the template in the editor.
*/
/* 
	Created on : 01.04.2016, 21:10:33
	Author     : robbie
*/
/*
    Created on : 25 Oct 2022, 20:58:00
    Author     : Bernd Wendt
*/
/* pt-sans-regular - latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/pt-sans-v17-latin-regular.woff2") format("woff2"), url("../fonts/pt-sans-v17-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-italic - latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/pt-sans-v17-latin-italic.woff2") format("woff2"), url("../fonts/pt-sans-v17-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-700 - latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/pt-sans-v17-latin-700.woff2") format("woff2"), url("../fonts/pt-sans-v17-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-700italic - latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../fonts/pt-sans-v17-latin-700italic.woff2") format("woff2"), url("../fonts/pt-sans-v17-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16-Mar-2017, 21:11:48
    Author     : falty
*/
#header.header-frontend {
  background: white;
  position: fixed;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid #008000;
  height: 5.1rem;
}
@media (max-width: 768px) {
  #header.header-frontend {
    height: 4.4rem;
  }
}

#header-fix {
  height: 5.1rem;
}
@media (max-width: 768px) {
  #header-fix {
    height: 4.4rem;
  }
}

#header.header-user {
  width: 100%;
  padding: 0;
  background-color: #fff;
}
#header.header-user .box {
  position: relative;
}
#header.header-user table {
  width: 100%;
}
#header.header-user table td:nth-child(2) {
  vertical-align: bottom;
}
#header.header-user table #logo {
  padding: 2rem 2rem 2rem 1rem;
  height: 8rem;
}
#header.header-user #quickmenu {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 1rem;
}

#menu.menu-frontend {
  font-family: "PT Sans", "Open Sans", sans-serif;
  text-align: center;
  padding: 0;
  line-height: inherit;
}
#menu.menu-frontend img#logo1 {
  height: 4.4rem;
  padding: 1rem;
}
@media (min-width: 992px) {
  #menu.menu-frontend img#logo1 {
    display: none;
  }
}
#menu.menu-frontend img#logo2 {
  height: 3rem;
  margin: -0.6rem 2.4rem 0 2.4rem;
}
@media (max-width: 991px) {
  #menu.menu-frontend img#logo2 {
    display: none;
  }
}
#menu.menu-frontend nav.oncaMenu {
  background: transparent;
  float: none;
  margin: 1rem auto;
}
@media (max-width: 991px) {
  #menu.menu-frontend nav.oncaMenu {
    font-size: 1.2rem;
    text-align: left;
  }
}
#menu.menu-frontend nav.oncaMenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menu.menu-frontend nav.oncaMenu ul a {
  text-decoration: none;
  display: block;
  color: inherit;
  padding: 0.375em 0.75em;
}
@media (min-width: 992px) {
  #menu.menu-frontend nav.oncaMenu ul.level1 {
    display: none;
  }
}
#menu.menu-frontend ul.level0 > li > a {
  color: black;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #menu.menu-frontend ul.level0 > li > a {
    padding: 0.75em 0.25em;
    border-bottom: none;
    border-top: 0.125rem solid transparent;
  }
  #menu.menu-frontend ul.level0 > li > a:hover {
    border-top: 0.125rem solid #13447F;
  }
}
@media (min-width: 992px) {
  #menu.menu-frontend ul.level0 > li > a {
    padding: 0.75em 0.75em;
  }
}
@media (min-width: 1200px) {
  #menu.menu-frontend ul.level0 > li > a {
    padding: 0.75em 1.25em;
  }
}
#menu.menu-frontend .nav {
  position: relative;
}
#menu.menu-frontend .nav > li > a > div {
  padding: 0.5rem 1rem;
  border: none;
  -o-transition: 250ms;
  -ms-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
  transition: 250ms;
}
#menu.menu-frontend .nav > li:hover {
  background: transparent;
}
#menu.menu-frontend .nav > li:hover > a {
  background: transparent;
}
#menu.menu-frontend .nav > li:hover > a > div {
  border: none;
  background: #f3f3f3;
  -o-transition: 250ms;
  -ms-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
  transition: 250ms;
}
#menu.menu-frontend .nav ul.dropdown-menu {
  border-top: 1px solid #ddd;
}
#menu.menu-frontend .nav ul.dropdown-menu li > a {
  padding: 0.75em 1em;
}
#menu.menu-frontend .nav a .caret {
  position: relative;
  width: 8px;
  height: 20px;
  vertical-align: top;
  font-family: FontAwesome;
  margin-left: 8px;
  border: none;
}
#menu.menu-frontend .nav a .caret:before {
  content: "\f107";
}

.oncaSubmenu {
  display: none;
  position: relative;
  font-family: "PT Sans", "Open Sans", sans-serif;
  padding-top: 1.5rem;
  z-index: 1;
  margin: 0 auto;
  border-spacing: 1.5em;
}
@media (min-width: 992px) {
  .oncaSubmenu {
    display: table;
  }
}
.oncaSubmenu a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: white;
  color: inherit;
  padding: 0 1rem;
  height: 5rem;
  width: 9rem;
  margin: 0 0.5rem;
  box-shadow: 0px 0.0875rem 0.375rem rgba(0, 0, 0, 0.16), 0px 0.0875rem 0.375rem rgba(0, 0, 0, 0.23);
  text-decoration: none;
}
.oncaSubmenu a.inactive {
  background: #17375E;
  color: white;
  pointer-events: none;
  cursor: default;
}
.oncaSubmenu a:hover {
  background: #17375E;
  color: white;
}

#menu.menu-frontend nav.oncaMenu {
  background: white;
  z-index: 2000;
  display: inline-block;
  /* Small devices (tablets, 768px and up) */
}
#menu.menu-frontend nav.oncaMenu button {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1999;
  color: inherit;
  background: white;
  border: none;
  box-shadow: 0px 0.0875rem 0.375rem rgba(0, 0, 0, 0.16), 0px 0.0875rem 0.375rem rgba(0, 0, 0, 0.23);
  height: 2.5rem;
  padding: 0.4rem 1rem;
}
#menu.menu-frontend nav.oncaMenu button:before {
  font-family: "FontAwesome";
  content: "\f0c9";
  margin: 0;
}
#menu.menu-frontend nav.oncaMenu button:hover + ul {
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
#menu.menu-frontend nav.oncaMenu ul.level1 li > a {
  padding-left: 1.75em;
}
@media (max-width: 991px) {
  #menu.menu-frontend nav.oncaMenu ul a:hover {
    background: #17375E;
    color: white;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0 {
    position: fixed;
    top: 3.5rem;
    right: 1rem;
    z-index: 2000;
    max-height: 80%;
    overflow: auto;
    background: white;
    box-shadow: 0px 0.0875rem 0.375rem rgba(0, 0, 0, 0.16), 0px 0.0875rem 0.375rem rgba(0, 0, 0, 0.23);
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0:hover {
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0 > li > a:hover {
    color: white;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0 > li > a[href="#"] {
    display: none;
  }
}
@media (min-width: 992px) {
  #menu.menu-frontend nav.oncaMenu button {
    display: none;
  }
  #menu.menu-frontend nav.oncaMenu ul a {
    background: none;
    border-bottom: 0.125rem solid transparent;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
    transition: all 0.1s;
  }
  #menu.menu-frontend nav.oncaMenu ul a:hover {
    background: #f3f3f3;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
    transition: all 0.1s;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0 {
    display: block;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0 > li {
    display: inline-block;
    position: relative;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0 > li:hover > a[href="#"] {
    background: none;
    border-bottom: 0.125rem solid #17375E;
    color: inherit;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -ms-transition: all 0.1s;
    transition: all 0.1s;
  }
  #menu.menu-frontend nav.oncaMenu ul.level0 > li:hover > ul {
    visibility: visible;
    opacity: 1;
    transition: 0.25s;
  }
  #menu.menu-frontend nav.oncaMenu ul.level1 {
    visibility: hidden;
    opacity: 0;
    transition: 0.25s;
    position: absolute;
    z-index: 1998;
    top: 99%;
    background: white;
    box-shadow: 0px 0.1875rem 0.375rem rgba(0, 0, 0, 0.16), 0px 0.1875rem 0.375rem rgba(0, 0, 0, 0.23);
    overflow: visible;
    min-width: 12em;
  }
  #menu.menu-frontend nav.oncaMenu ul.level1 a {
    border: none;
  }
}

#menu.menu-user nav.oncaTabMenu a {
  border-top: 2px solid #f3f3f3;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#menu.menu-user nav.oncaTabMenu a:hover, #menu.menu-user nav.oncaTabMenu a.active {
  border-top: 2px solid #14375c;
}
#menu.menu-user nav.oncaTabMenu a.active {
  background: #14375c;
}

#quickmenu {
  margin-bottom: 1.6rem;
}
#quickmenu nav a:hover {
  background-color: #eee;
}
#quickmenu nav a.button {
  background-color: #008000;
  color: white;
}
#quickmenu nav a.button:hover {
  background-color: #009a00;
}

#page.team .entity.info {
  margin-bottom: 2em;
}

div.profile {
  margin: 0 0 2rem 0;
}
div.profile .profile_image {
  margin-bottom: 2rem;
}
div.profile .profile_image img {
  width: 100%;
}
div.profile table {
  margin-top: 1em;
}
div.profile table td {
  padding-bottom: 0.25em;
}
div.profile table td:nth-child(1) {
  padding-right: 1em;
}

button,
a.button,
input[type=submit] {
  color: inherit;
  font-family: "Open Sans", sans-serif;
  border-bottom: 2px solid #13447F;
}
button:hover,
a.button:hover,
input[type=submit]:hover {
  color: inherit;
  background-color: #f3f3f3;
}
button:before,
a.button:before,
input[type=submit]:before {
  color: #13447F;
}
button.solid,
a.button.solid,
input[type=submit].solid {
  background-color: transparent;
}
button.cancel, button.solid.cancel,
a.button.cancel,
a.button.solid.cancel,
input[type=submit].cancel,
input[type=submit].solid.cancel {
  color: inherit;
  background-color: transparent;
}
button.cancel:hover, button.solid.cancel:hover,
a.button.cancel:hover,
a.button.solid.cancel:hover,
input[type=submit].cancel:hover,
input[type=submit].solid.cancel:hover {
  color: inherit;
  background-color: #f3f3f3;
}

#page.tools-content button,
#page.tools-content a.button,
#page.tools-content input[type=submit],
#page.tools-content button.solid,
#page.tools-content a.button.solid,
#page.tools-content input[type=submit].solid {
  color: white;
  border-bottom: none;
  background-color: #14375c;
  /*&.primary
  {
  	color: white;
  	background-color: $color-primary;

  	&:hover
  	{
  		background-color: darken($color-primary, 5%);
  	}
  }*/
}
#page.tools-content button:hover,
#page.tools-content a.button:hover,
#page.tools-content input[type=submit]:hover,
#page.tools-content button.solid:hover,
#page.tools-content a.button.solid:hover,
#page.tools-content input[type=submit].solid:hover {
  background-color: #194471;
}
#page.tools-content button:before,
#page.tools-content a.button:before,
#page.tools-content input[type=submit]:before,
#page.tools-content button.solid:before,
#page.tools-content a.button.solid:before,
#page.tools-content input[type=submit].solid:before {
  color: white;
}
#page.tools-content button.cancel,
#page.tools-content a.button.cancel,
#page.tools-content input[type=submit].cancel,
#page.tools-content button.solid.cancel,
#page.tools-content a.button.solid.cancel,
#page.tools-content input[type=submit].solid.cancel {
  color: white;
  background-color: #BEBEBE;
  border-bottom: none;
}
#page.tools-content button.cancel:hover,
#page.tools-content a.button.cancel:hover,
#page.tools-content input[type=submit].cancel:hover,
#page.tools-content button.solid.cancel:hover,
#page.tools-content a.button.solid.cancel:hover,
#page.tools-content input[type=submit].solid.cancel:hover {
  background-color: #cbcbcb;
}
#page.tools-content button.new, #page.tools-content button.next, #page.tools-content button.positive,
#page.tools-content a.button.new,
#page.tools-content a.button.next,
#page.tools-content a.button.positive,
#page.tools-content input[type=submit].new,
#page.tools-content input[type=submit].next,
#page.tools-content input[type=submit].positive,
#page.tools-content button.solid.new,
#page.tools-content button.solid.next,
#page.tools-content button.solid.positive,
#page.tools-content a.button.solid.new,
#page.tools-content a.button.solid.next,
#page.tools-content a.button.solid.positive,
#page.tools-content input[type=submit].solid.new,
#page.tools-content input[type=submit].solid.next,
#page.tools-content input[type=submit].solid.positive {
  color: white;
  background-color: #f7a815;
}
#page.tools-content button.new:hover, #page.tools-content button.next:hover, #page.tools-content button.positive:hover,
#page.tools-content a.button.new:hover,
#page.tools-content a.button.next:hover,
#page.tools-content a.button.positive:hover,
#page.tools-content input[type=submit].new:hover,
#page.tools-content input[type=submit].next:hover,
#page.tools-content input[type=submit].positive:hover,
#page.tools-content button.solid.new:hover,
#page.tools-content button.solid.next:hover,
#page.tools-content button.solid.positive:hover,
#page.tools-content a.button.solid.new:hover,
#page.tools-content a.button.solid.next:hover,
#page.tools-content a.button.solid.positive:hover,
#page.tools-content input[type=submit].solid.new:hover,
#page.tools-content input[type=submit].solid.next:hover,
#page.tools-content input[type=submit].solid.positive:hover {
  background-color: #f8b12e;
}
#page.tools-content button.light,
#page.tools-content a.button.light,
#page.tools-content input[type=submit].light {
  color: #14375c;
  background: none;
}
#page.tools-content button.light:before,
#page.tools-content a.button.light:before,
#page.tools-content input[type=submit].light:before {
  color: #14375c;
}
#page.tools-content button.light:hover,
#page.tools-content a.button.light:hover,
#page.tools-content input[type=submit].light:hover {
  color: white;
  background-color: #14375c;
}
#page.tools-content button.light:hover:before,
#page.tools-content a.button.light:hover:before,
#page.tools-content input[type=submit].light:hover:before {
  color: white;
}
#page.tools-content button.light.cancel,
#page.tools-content a.button.light.cancel,
#page.tools-content input[type=submit].light.cancel {
  color: #BEBEBE;
}
#page.tools-content button.light.cancel:before,
#page.tools-content a.button.light.cancel:before,
#page.tools-content input[type=submit].light.cancel:before {
  color: #BEBEBE;
}
#page.tools-content button.light.cancel:hover,
#page.tools-content a.button.light.cancel:hover,
#page.tools-content input[type=submit].light.cancel:hover {
  color: white;
  background-color: #BEBEBE;
}
#page.tools-content button.light.cancel:hover:before,
#page.tools-content a.button.light.cancel:hover:before,
#page.tools-content input[type=submit].light.cancel:hover:before {
  color: white;
}
#page.tools-content button.light.new, #page.tools-content button.light.positive,
#page.tools-content a.button.light.new,
#page.tools-content a.button.light.positive,
#page.tools-content input[type=submit].light.new,
#page.tools-content input[type=submit].light.positive {
  color: #f7a815;
}
#page.tools-content button.light.new:before, #page.tools-content button.light.positive:before,
#page.tools-content a.button.light.new:before,
#page.tools-content a.button.light.positive:before,
#page.tools-content input[type=submit].light.new:before,
#page.tools-content input[type=submit].light.positive:before {
  color: #f7a815;
}
#page.tools-content button.light.new:hover, #page.tools-content button.light.positive:hover,
#page.tools-content a.button.light.new:hover,
#page.tools-content a.button.light.positive:hover,
#page.tools-content input[type=submit].light.new:hover,
#page.tools-content input[type=submit].light.positive:hover {
  color: white;
  background-color: #f7a815;
}
#page.tools-content button.light.new:hover:before, #page.tools-content button.light.positive:hover:before,
#page.tools-content a.button.light.new:hover:before,
#page.tools-content a.button.light.positive:hover:before,
#page.tools-content input[type=submit].light.new:hover:before,
#page.tools-content input[type=submit].light.positive:hover:before {
  color: white;
}

#footer {
  margin-top: 1rem;
  width: 100%;
  padding: 2rem 2rem 1rem 2rem;
  line-height: 1.6em;
  border-top: 1px solid #F7A911;
  font-family: "Lato", "Open Sans", sans-serif;
}
#footer .footer-top {
  padding-bottom: 1rem;
}

.tools-header {
  padding: 1rem 2rem;
  font-size: 1.8rem;
  font-weight: 300;
  color: #fff;
}
.tools-header i.fa {
  font-size: 2.1rem;
  margin-right: 1.4rem;
}

.tools-header.tools-overview {
  background: #14375c;
}
.tools-header.tools-prica-gas {
  background: #303F9F;
}
.tools-header.tools-prica-strom {
  background: #FBC02D;
}
.tools-header.tools-lasa-gas {
  background: #FFA000;
}
.tools-header.tools-cockpit {
  background: #0097A7;
}
.tools-header.tools-manager {
  background: #455A64;
}
.tools-header.tools-files {
  background: #14375c;
}
.tools-header.tools-remit {
  background: #14375c;
}
.tools-header.tools-portfoliomarket {
  background: #14375c;
}
.tools-header.tools-tranchenreporting {
  background: #455A64;
}

#menu nav.oncaTabMenu a.active.tools-overview {
  background: #14375c;
}
#menu nav.oncaTabMenu a.active.tools-prica-gas {
  background: #303F9F;
}
#menu nav.oncaTabMenu a.active.tools-prica-strom {
  background: #FBC02D;
}
#menu nav.oncaTabMenu a.active.tools-lasa-gas {
  background: #FFA000;
}
#menu nav.oncaTabMenu a.active.tools-cockpit {
  background: #0097A7;
}
#menu nav.oncaTabMenu a.active.tools-manager {
  background: #455A64;
}
#menu nav.oncaTabMenu a.active.tools-files {
  background: #14375c;
}
#menu nav.oncaTabMenu a.active.tools-remit {
  background: #14375c;
}
#menu nav.oncaTabMenu a.active.tools-portfoliomarket {
  background: #14375c;
}
#menu nav.oncaTabMenu a.active.tools-tranchenreporting {
  background: #455A64;
}

#menu nav.oncaTabMenu a:hover.tools-overview,
#menu nav.oncaTabMenu a.active.tools-overview {
  border-top-color: #14375c;
}
#menu nav.oncaTabMenu a:hover.tools-prica-gas,
#menu nav.oncaTabMenu a.active.tools-prica-gas {
  border-top-color: #303F9F;
}
#menu nav.oncaTabMenu a:hover.tools-prica-strom,
#menu nav.oncaTabMenu a.active.tools-prica-strom {
  border-top-color: #FBC02D;
}
#menu nav.oncaTabMenu a:hover.tools-lasa-gas,
#menu nav.oncaTabMenu a.active.tools-lasa-gas {
  border-top-color: #FFA000;
}
#menu nav.oncaTabMenu a:hover.tools-cockpit,
#menu nav.oncaTabMenu a.active.tools-cockpit {
  border-top-color: #0097A7;
}
#menu nav.oncaTabMenu a:hover.tools-manager,
#menu nav.oncaTabMenu a.active.tools-manager {
  border-top-color: #455A64;
}
#menu nav.oncaTabMenu a:hover.tools-files,
#menu nav.oncaTabMenu a.active.tools-files {
  border-top-color: #14375c;
}
#menu nav.oncaTabMenu a:hover.tools-remit,
#menu nav.oncaTabMenu a.active.tools-remit {
  border-top-color: #14375c;
}
#menu nav.oncaTabMenu a:hover.tools-portfoliomarket,
#menu nav.oncaTabMenu a.active.tools-portfoliomarket {
  border-top-color: #14375c;
}
#menu nav.oncaTabMenu a:hover.tools-tranchenreporting,
#menu nav.oncaTabMenu a.active.tools-tranchenreporting {
  border-top-color: #455A64;
}

#page.tools-content h2 {
  color: inherit;
}
#page.tools-content.tools-overview h2 {
  color: #14375c;
}
#page.tools-content.tools-prica-gas h2 {
  color: #303F9F;
}
#page.tools-content.tools-prica-strom h2 {
  color: #FBC02D;
}
#page.tools-content.tools-lasa-gas h2 {
  color: #FFA000;
}
#page.tools-content.tools-cockpit h2 {
  color: #0097A7;
}
#page.tools-content.tools-manager h2 {
  color: #455A64;
}
#page.tools-content.tools-files h2 {
  color: #14375c;
}
#page.tools-content.tools-remit h2 {
  color: #14375c;
}
#page.tools-content.tools-portfoliomarket h2 {
  color: #14375c;
}
#page.tools-content.tools-tranchenreporting h2 {
  color: #455A64;
}
#page.tools-content.tools-overview h3 {
  border-bottom-color: #14375c;
}
#page.tools-content.tools-prica-gas h3 {
  border-bottom-color: #303F9F;
}
#page.tools-content.tools-prica-strom h3 {
  border-bottom-color: #FBC02D;
}
#page.tools-content.tools-lasa-gas h3 {
  border-bottom-color: #FFA000;
}
#page.tools-content.tools-cockpit h3 {
  border-bottom-color: #0097A7;
}
#page.tools-content.tools-manager h3 {
  border-bottom-color: #455A64;
}
#page.tools-content.tools-files h3 {
  border-bottom-color: #14375c;
}
#page.tools-content.tools-remit h3 {
  border-bottom-color: #14375c;
}
#page.tools-content.tools-portfoliomarket h3 {
  border-bottom-color: #14375c;
}
#page.tools-content.tools-tranchenreporting h3 {
  border-bottom-color: #455A64;
}
#page.tools-content.tools-prica-gas .tools-note {
  border-left-color: #303F9F;
}
#page.tools-content.tools-prica-strom .tools-note {
  border-left-color: #FBC02D;
}

#page.tools-content {
  margin-bottom: 3rem;
}
#page.tools-content h2 {
  font-size: 1.5rem;
  font-weight: normal;
  margin-left: 0;
  margin-bottom: 2rem;
}
#page.tools-content h3 {
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #9c0;
}
#page.tools-content h3:first-of-type {
  margin-top: 0;
}
#page.tools-content h3 i.fa {
  margin-right: 0.5em;
}
#page.tools-content h3 + .row,
#page.tools-content h3 + table {
  margin-bottom: 1em;
}
#page.tools-content h3 + .row + .buttons,
#page.tools-content h3 + table + .buttons {
  margin-top: 3em;
}
#page.tools-content p {
  margin-bottom: 1.5em;
}
#page.tools-content .tools-input-field {
  margin-bottom: 1.5em;
}
#page.tools-content .tools-input-field input[type=text],
#page.tools-content .tools-input-field input[type=number] {
  padding-left: 0.25em;
}
#page.tools-content .buttons {
  margin-top: 2em;
  width: 100%;
}
#page.tools-content .buttons a.button,
#page.tools-content .buttons button {
  font-size: 1rem;
}
#page.tools-content .buttons a.button:not(:last-child),
#page.tools-content .buttons button:not(:last-child) {
  margin-right: 1em;
}
#page.tools-content .buttons .button-left {
  float: left;
  text-align: left;
  margin-right: 3em;
}
#page.tools-content .buttons .button-right {
  float: right;
  text-align: right;
  margin-left: 3em;
}
#page.tools-content .buttons .spinner {
  display: none;
}
#page.tools-content .buttons-right {
  float: right;
}
#page.tools-content .buttons-right > div:not(:last-child) {
  margin-bottom: 1em;
}
#page.tools-content .buttons-right a.button,
#page.tools-content .buttons-right button {
  font-size: 1rem;
}
#page.tools-content .tools-note {
  background: #f3f3f3;
  border-left: 3px solid red;
  padding: 1em;
  margin-top: -0.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.75em;
  line-height: 1.6em;
}
#page.tools-content .tools-input-error {
  color: red;
  font-size: 0.8em;
  line-height: 1.4em;
  margin-top: 0.25em;
}

#page.tools-content {
  border: none;
  box-shadow: none;
  padding: 0;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  min-height: 40rem;
  line-height: 1.56em;
}
#page.tools-content .row .content {
  padding: 0;
}
#page.tools-content .footer {
  color: #999;
  font-size: 0.75rem;
  text-align: right;
  margin-top: 3rem;
}

#page.tools-content a.tools-description {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
  padding: 1em;
  margin-bottom: 2rem;
  background: #f3f3f3;
  min-height: 12em;
  border-top: 4px solid #f3f3f3;
}
#page.tools-content a.tools-description h2 {
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
#page.tools-content a.tools-description h2 i.fa {
  margin-right: 0.5em;
}
#page.tools-content a.tools-description.tools-overview {
  border-top-color: #14375c;
}
#page.tools-content a.tools-description.tools-prica-gas {
  border-top-color: #303F9F;
}
#page.tools-content a.tools-description.tools-prica-strom {
  border-top-color: #FBC02D;
}
#page.tools-content a.tools-description.tools-lasa-gas {
  border-top-color: #FFA000;
}
#page.tools-content a.tools-description.tools-cockpit {
  border-top-color: #0097A7;
}
#page.tools-content a.tools-description.tools-manager {
  border-top-color: #455A64;
}
#page.tools-content a.tools-description.tools-files {
  border-top-color: #14375c;
}
#page.tools-content a.tools-description.tools-remit {
  border-top-color: #14375c;
}
#page.tools-content a.tools-description.tools-portfoliomarket {
  border-top-color: #14375c;
}
#page.tools-content a.tools-description.tools-tranchenreporting {
  border-top-color: #455A64;
}
#page.tools-content a.tools-description.tools-prica-gas h2 {
  color: #303F9F;
}
#page.tools-content a.tools-description.tools-prica-strom h2 {
  color: #FBC02D;
}
#page.tools-content a.tools-description.tools-lasa-gas h2 {
  color: #FFA000;
}
#page.tools-content a.tools-description.tools-cockpit h2 {
  color: #0097A7;
}
#page.tools-content a.tools-description.tools-manager h2 {
  color: #455A64;
}
#page.tools-content a.tools-description.tools-files h2 {
  color: #14375c;
}
#page.tools-content a.tools-description.tools-remit h2 {
  color: #14375c;
}
#page.tools-content a.tools-description.tools-portfoliomarket h2 {
  color: #14375c;
}
#page.tools-content a.tools-description.tools-tranchenreporting h2 {
  color: #455A64;
}
#page.tools-content a.tools-description button {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

/**
 * _module_user.scss
 *
 * Styles for views of USER MODULE
 *
 * Created: 2016-04-01
 * Author: Bernd Wendt, onca Development
 * 
 */
form.login,
form.testaccount {
  display: inline-block;
  margin-top: 0.5em;
}
form.login p,
form.testaccount p {
  margin-bottom: 1.5em;
}
form.login .submit,
form.testaccount .submit {
  text-align: right;
}

#header-tools-admin {
  background: #262B33;
  color: #E3E4E5;
  padding: 0.75rem 2rem 1rem 2rem;
}
#header-tools-admin img#logo {
  height: 1rem;
  vertical-align: top;
}
#header-tools-admin table tr:first-child td {
  padding-bottom: 0.5rem;
}
#header-tools-admin table td:not(:first-child) {
  padding-left: 3rem;
}
#header-tools-admin div#header-info {
  display: inline-block;
}
#header-tools-admin #display-user {
  margin-left: 1.5rem;
}
#header-tools-admin label {
  margin-right: 0.5rem;
}
#header-tools-admin select,
#header-tools-admin option {
  background: #4C5666;
  color: #EDEEF0;
}

#page.logout a.button {
  margin-top: 1em;
}

#page.user-area h1 {
  font-size: 1.8rem;
  display: inline-block;
}
#page.user-area h2 {
  display: inline-block;
}
#page.user-area .buttons {
  margin: 0.5em 0 2.5em 0;
}
#page.user-area table#user-account td {
  vertical-align: top;
  height: 2.5em;
  padding-right: 1.25em;
}
#page.user-area table#user-account td:first-child {
  font-weight: bold;
}
#page.user-area table#user-account td #pwd-send {
  padding-top: 0.5em;
  text-align: right;
}
#page.user-area table#user-account td .pwd-msg {
  font-size: 0.625em;
  color: #D96B16;
}
#page.user-area table#password-input th {
  vertical-align: top;
  padding-bottom: 0.5em;
}
#page.user-area table#password-input td {
  vertical-align: middle;
}
#page.user-area #password-success,
#page.user-area #password-error {
  padding: 0.125em 0.5em;
  text-align: center;
  color: white;
}
#page.user-area #password-success {
  background: green;
}
#page.user-area #password-error {
  background: red;
  margin-bottom: 1em;
}
#page.user-area input {
  padding: 0.125em 0.25em;
}
#page.user-area input.invalid {
  background-color: rgba(217, 107, 22, 0.1);
}

#user-access-view table.list tr.client.closed td:first-child {
  cursor: pointer;
}
#user-access-view table.list tr.client.closed td:first-child:hover {
  background: #eee;
}
#user-access-view table.list tr.client.closed td:first-child:before {
  font-family: "FontAwesome";
  content: "\f067";
  font-size: 0.8em;
}
#user-access-view table.list tr.client.open td:first-child {
  cursor: pointer;
}
#user-access-view table.list tr.client.open td:first-child:hover {
  background: #eee;
}
#user-access-view table.list tr.client.open td:first-child:before {
  font-family: "FontAwesome";
  content: "\f068";
  font-size: 0.8em;
}
#user-access-view table.list tr.user {
  display: none;
}
#user-access-view table.list tr.user td:nth-child(2) {
  padding-left: 2em;
}
#user-access-view table.list td {
  max-width: none;
}
#user-access-view table.list td:nth-child(3) {
  min-width: 20rem;
}
#user-access-view table.list td div.spinner {
  display: none;
  text-align: center;
}
#user-access-view table.list td div.spinner img {
  height: 1.25em;
}
#user-access-view table.list td.change-success {
  background: #DCEDC8;
}
#user-access-view table.list td.change-error {
  background: #FFCDD2;
}
#user-access-view table.list label {
  font-size: 0.75em;
}
#user-access-view table.list label:not(:last-child) {
  padding-right: 2em;
}

/**
 * Styles of module CONTACT
 *
 * @project     onca CMS
 * @subproject  Module Contact
 * @package     oncaCMS\Contact
 * @author      Bernd Wendt <bernd.wendt@onca-development.de>
 * @copyright   2018 onca Development
 * @license     Proprietary
 * @since       2018-08-07
 */
#page.contact h1 {
  margin-bottom: 0.75em;
}
#page.contact form {
  width: 100%;
  max-width: 30rem;
  margin-top: 2rem;
}
#page.contact form input:not([type=submit]) {
  width: 100%;
}
#page.contact form textarea {
  width: 100%;
  height: 10em;
}
#page.contact form #contact_by_phone {
  display: none !important;
}
#page.contact p.submit {
  text-align: right;
}

#files-browser-notsupported {
  display: none;
  background: #F5F5F5;
  border: 1px solid #FF9800;
  padding: 0.5em 1em;
}
#files-browser-notsupported h3 {
  color: #FF9800;
  margin-top: 0;
}

#page.tools-files div.introduction {
  display: inline-block;
}

#module-files-list {
  max-width: 72rem;
}
#module-files-list #files-path {
  height: 2.15rem;
}
#module-files-list #files-path span {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: #f3f3f3;
  cursor: pointer;
  border-top: 2px solid transparent;
}
#module-files-list #files-path span:hover {
  border-top: 2px solid #14375c;
}
#module-files-list #files-header {
  background: #14375c;
  color: white;
  position: relative;
  padding: 0;
  height: 3rem;
}
#module-files-list #files-header div {
  margin-top: 0.75rem;
  margin-left: 4rem;
  font-size: 1.25rem;
  float: left;
}
#module-files-list #files-header button, #module-files-list #files-header input {
  float: right;
  font-size: 1rem;
  height: 1.6rem;
  margin: 0.75rem 0.75rem 0 0;
}
#module-files-list #files-header button,
#module-files-list #files-header #folder-folder {
  display: none;
}
#module-files-list #files-header button#folder-back {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  margin: 0;
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
}
#module-files-list #files-header input {
  padding: 0 0.375em;
  color: #333;
  background: #f3f3f3;
}
#module-files-list #files-header input.nothing-found {
  background: #EF9A9A;
}
#module-files-list #files-header #folder-add-file-input {
  width: 1px;
  visibility: hidden;
}
#module-files-list #files-list-progress {
  display: none;
  position: relative;
  width: 100%;
  height: 2px;
  background: #f3f3f3;
}
#module-files-list #files-list-progress #files-list-progress-bar {
  position: absolute;
  width: 0;
  height: 2px;
  background: #CC7700;
  top: 0;
  left: 0;
}
#module-files-list #new-folder,
#module-files-list #files-upload {
  display: none;
  border-left: 2px solid #14375c;
  border-right: 2px solid #14375c;
  border-bottom: 2px solid #14375c;
}
#module-files-list #new-folder table,
#module-files-list #files-upload table {
  width: 100%;
}
#module-files-list #new-folder table tr.new td,
#module-files-list #files-upload table tr.new td {
  background: #EEEEEE;
  padding: 0.5em 1em;
}
#module-files-list #new-folder table tr.new.finished td,
#module-files-list #files-upload table tr.new.finished td {
  background: #C5E1A5;
}
#module-files-list #new-folder table tr.new.error td,
#module-files-list #files-upload table tr.new.error td {
  background: #EF9A9A;
}
#module-files-list #new-folder table tr.new td.error-message,
#module-files-list #files-upload table tr.new td.error-message {
  color: #D32F2F;
  font-size: 0.75em;
  line-height: 1.35em;
}
#module-files-list #new-folder table tr.new.file td,
#module-files-list #files-upload table tr.new.file td {
  width: 33.333%;
}
#module-files-list #files-upload table.tr.new td {
  border-bottom: 1px solid #DDD;
}
#module-files-list #new-folder td {
  border: none;
}
#module-files-list #new-folder td.folder-name {
  white-space: nowrap;
}
#module-files-list #new-folder td.spinner {
  text-align: center;
}
#module-files-list #new-folder b {
  display: inline-block;
  float: left;
  height: 1.625em;
}
#module-files-list #new-folder input {
  display: inline-block;
  float: left;
  height: 1.625em;
  margin-left: 1em;
  padding: 0 0.375em;
  border: 1px solid white;
  width: 15em;
  outline: none;
}
#module-files-list #new-folder input:focus {
  border: 1px solid #CC7700;
}
#module-files-list #new-folder button {
  display: inline-block;
  float: left;
  height: 1.625em;
  margin-left: 1em;
}
#module-files-list #files-upload.removable {
  cursor: pointer;
  position: relative;
}
#module-files-list #files-upload.removable:hover:after {
  display: table-cell;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding-top: 1em;
  content: "Meldungen entfernen";
}
#module-files-list #files-folder-list {
  display: none;
}
#module-files-list #files-folder-list table.list {
  width: 100%;
  max-width: 72rem;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#module-files-list #files-folder-list table.list thead th {
  background: #EEEEEE;
}
#module-files-list #files-folder-list table.list thead th[data-sortable=true] {
  cursor: pointer;
}
#module-files-list #files-folder-list table.list thead th[data-sortable=true][data-sort-dir=up]:after {
  font-family: "FontAwesome";
  content: "\f106";
  margin-left: 0.5em;
}
#module-files-list #files-folder-list table.list thead th[data-sortable=true][data-sort-dir=down]:after {
  font-family: "FontAwesome";
  content: "\f107";
  margin-left: 0.5em;
}
#module-files-list #files-folder-list table.list thead th[data-sortable=true]:hover {
  background: #f3f3f3;
}
#module-files-list #files-folder-list table.list tbody {
  font-size: 0.875rem;
}
#module-files-list #files-folder-list table.list tbody tr:hover td {
  cursor: pointer;
  background: #f3f3f3;
}
#module-files-list #files-folder-list table.list tbody tr.folder.error td,
#module-files-list #files-folder-list table.list tbody tr.file.error td {
  background: #EF9A9A;
  border-bottom: none;
}
#module-files-list #files-folder-list table.list tbody tr.folder.confirm td,
#module-files-list #files-folder-list table.list tbody tr.file.confirm td {
  background: #EEEEEE;
  border-bottom: none;
}
#module-files-list #files-folder-list table.list tbody tr.folder.new td,
#module-files-list #files-folder-list table.list tbody tr.file.new td {
  background: #C5E1A5;
}
#module-files-list #files-folder-list table.list tbody tr.delete-confirm td {
  color: #FF9800;
  background: #EEEEEE;
  text-align: right;
}
#module-files-list #files-folder-list table.list tbody tr.delete-confirm td button {
  margin-left: 1em;
}
#module-files-list #files-folder-list table.list tbody tr.error-message td {
  color: #D32F2F;
  background: #EF9A9A;
  font-size: 0.75em;
  line-height: 1.35em;
  text-align: center;
}
#module-files-list #files-folder-list table.list tbody td.folder-action,
#module-files-list #files-folder-list table.list tbody td.file-action {
  width: 1px;
  white-space: nowrap;
}
#module-files-list #files-folder-list table.list tbody td.folder-action button:not(:first-child),
#module-files-list #files-folder-list table.list tbody td.file-action button:not(:first-child) {
  margin-left: 1em;
}
#module-files-list #files-folder-list table.list td:nth-child(2), #module-files-list #files-folder-list table.list th:nth-child(2) {
  max-width: 18em;
}
#module-files-list #files-folder-list table.list td:nth-child(6), #module-files-list #files-folder-list table.list th:nth-child(6) {
  max-width: 8em;
}
#module-files-list #files-folder-list table.list td:nth-child(7), #module-files-list #files-folder-list table.list th:nth-child(7) {
  max-width: 10em;
}
#module-files-list #files-folder-list table.list td:nth-child(3), #module-files-list #files-folder-list table.list th:nth-child(3) {
  text-align: right;
}
#module-files-list #files-folder-list table.list td {
  padding: 0;
  height: 2.6em;
  white-space: pre;
}
#module-files-list #files-folder-list table.list td div {
  padding: 0.25em 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
#module-files-list #files-folder-list table.list th:first-child,
#module-files-list #files-folder-list table.list td:first-child {
  width: 1em;
}
#module-files-list #files-error-general {
  display: none;
  color: #D32F2F;
  background: #EF9A9A;
  border: 1px solid #EF9A9A;
  text-align: center;
  padding: 0.5em 1em;
}

.row-overlay {
  display: table;
  position: absolute;
  z-index: 30;
  text-align: center;
  color: #14375c;
  background-color: rgba(255, 255, 255, 0.9);
}
.row-overlay input, .row-overlay button {
  margin-left: 1em;
}
.row-overlay input {
  color: #333;
  padding-left: 0.25em;
}
.row-overlay .row-overlay-message {
  display: table-cell;
  vertical-align: middle;
}
.row-overlay button.close {
  position: absolute;
  top: 0;
  right: 0;
}
.row-overlay img.spinner {
  margin-top: 0.5em;
}
.row-overlay.error {
  color: #D32F2F;
  background-color: rgba(239, 154, 154, 0.9);
  cursor: pointer;
}
.row-overlay.error .row-overlay-message {
  vertical-align: bottom;
  padding-bottom: 0.5em;
  font-size: 0.75em;
  line-height: 1.35em;
}
.row-overlay.rename {
  background-color: white;
  line-height: 1.625em;
}
.row-overlay.change-rights {
  background-color: white;
  line-height: 1.625em;
}
.row-overlay.change-rights table {
  display: inline;
  margin: 0 1.5rem;
  font-size: 0.75em;
  line-height: 1.25em;
  color: #33302E;
  text-align: left;
}
.row-overlay.change-rights table td {
  padding-right: 2em;
  vertical-align: middle;
}
.row-overlay.change-rights table td#header_group, .row-overlay.change-rights table td#header_all {
  padding-right: 0;
  font-weight: bold;
}

#files-backend-upload-control table.list th span {
  padding-left: 1em;
  font-size: 0.75em;
}
#files-backend-upload-control table.list td {
  max-width: 24em;
}
#files-backend-upload-control table.list input {
  padding: 0.125em 0.25em;
  width: 24em;
}
#files-backend-upload-control table.list .spinner img {
  height: 1.4em;
}
#files-backend-upload-control table.list .success:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding-right: 0.5em;
  color: #388E3C;
}
#files-backend-upload-control table.list .error:before {
  content: "\f05e";
  font-family: "FontAwesome";
  padding-right: 0.5em;
  color: #D32F2F;
}

/**
 * _module_user.scss
 *
 * Styles for views of USER MODULE
 *
 * Created: 2016-04-01
 * Author: Bernd Wendt, onca Development
 * 
 */
form.login,
form.testaccount {
  display: inline-block;
  margin-top: 0.5em;
}
form.login p,
form.testaccount p {
  margin-bottom: 1.5em;
}
form.login .submit,
form.testaccount .submit {
  text-align: right;
}

#page.login .row .content {
  padding-bottom: 0;
}
#page.login .message.error {
  margin-bottom: 1.5rem;
}
#page.login .cookies {
  margin-top: 4em;
  font-size: 0.875em;
  text-align: justify;
}

#page.logout a.button {
  margin-top: 1em;
}

#page.user-area h1 {
  font-size: 1.8rem;
  display: inline-block;
}
#page.user-area h2 {
  display: inline-block;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29-Sep-2017, 20:48:30
    Author     : falty
*/
#page.contact #map {
  height: 25rem;
  width: 100%;
}

#module-files-list button:before,
.row-overlay button:before {
  color: white;
}
#module-files-list button.positive, #module-files-list button.positive.solid,
.row-overlay button.positive,
.row-overlay button.positive.solid {
  color: white;
  background: #f7a815;
}
#module-files-list button.positive:hover, #module-files-list button.positive.solid:hover,
.row-overlay button.positive:hover,
.row-overlay button.positive.solid:hover {
  background: #f8b12e;
}
#module-files-list button.cancel,
.row-overlay button.cancel {
  background: #BDBDBD;
}
#module-files-list button.cancel:hover,
.row-overlay button.cancel:hover {
  background: #b0b0b0;
}
#module-files-list button.light,
.row-overlay button.light {
  color: #f7a815;
  background: transparent;
}
#module-files-list button.light:hover,
.row-overlay button.light:hover {
  color: white;
  background: #f7a815;
}
#module-files-list .ajax-folder-header,
.row-overlay .ajax-folder-header {
  background: #14375c;
}
#module-files-list .ajax-folder-header button#folder-back,
.row-overlay .ajax-folder-header button#folder-back {
  background: #14375c;
}
#module-files-list .ajax-folder-header button#folder-back:hover,
.row-overlay .ajax-folder-header button#folder-back:hover {
  background: #0f2a47;
}
#module-files-list #files-list-progress #files-list-progress-bar,
.row-overlay #files-list-progress #files-list-progress-bar {
  background: #f7a815;
}
#module-files-list .ajax-folder-path span:hover,
.row-overlay .ajax-folder-path span:hover {
  border-top: 2px solid #14375c;
}
#module-files-list #new-items,
.row-overlay #new-items {
  border: 2px solid #14375c;
}

#page.tools-content.tools-files {
  margin-bottom: 3rem;
}
#page.tools-content.tools-files h1 {
  font-size: 1.8rem;
  display: inline-block;
}
#page.tools-content.tools-files h3 {
  border: none;
  font-size: 1.2rem;
}
#page.tools-content.tools-files h2 {
  margin-bottom: 1rem;
}
#page.tools-content.tools-files .buttons {
  margin-top: 0;
  margin-bottom: 1rem;
}

#page.tools-content.tools-remit {
  margin-bottom: 3rem;
}
#page.tools-content.tools-remit h2 {
  margin-bottom: 1rem;
}
#page.tools-content.tools-remit .buttons {
  margin-top: 0;
  margin-bottom: 1rem;
}

.tools-header.tools-portfoliomarket {
  position: relative;
}
.tools-header.tools-portfoliomarket.tools-portfoliomarket-gas {
  border-bottom: 3px solid #303F9F;
}
.tools-header.tools-portfoliomarket.tools-portfoliomarket-strom {
  border-bottom: 3px solid #FBC02D;
}
.tools-header.tools-portfoliomarket #submenu {
  position: absolute;
  display: inline-block;
  bottom: -1rem;
  right: 16px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.tools-header.tools-portfoliomarket #submenu a.commodity {
  float: left;
  padding: 0.3rem 0.9rem;
  text-decoration: none;
  color: inherit;
}
.tools-header.tools-portfoliomarket #submenu a.commodity:before {
  font-family: "FontAwesome";
  padding-right: 0.5rem;
}
.tools-header.tools-portfoliomarket #submenu a.commodity.gas:before {
  content: "\f06d";
}
.tools-header.tools-portfoliomarket #submenu a.commodity.strom:before {
  content: "\f1e6";
}
.tools-header.tools-portfoliomarket.tools-portfoliomarket-gas #submenu .commodity.gas {
  background: #303F9F;
}
.tools-header.tools-portfoliomarket.tools-portfoliomarket-strom #submenu .commodity.strom {
  background: #FBC02D;
}

#page.tools-content.tools-portfoliomarket-gas td#portfoliomarket-choice-series div {
  width: 13em;
}
#page.tools-content.tools-portfoliomarket-strom td#portfoliomarket-choice-series div,
#page.tools-content.tools-portfoliomarket-strom td#portfoliomarket-choice-charts div {
  width: 10em;
}
#page.tools-content .chart {
  margin-bottom: 4em;
}
#page.tools-content table.marktdaten {
  width: 100%;
}
#page.tools-content table.marktdaten tr th {
  text-align: center;
  border: none;
}
#page.tools-content table.marktdaten tr.gap td {
  height: 1em;
  background: none;
  border: none;
}
#page.tools-content table.marktdaten td,
#page.tools-content table.marktdaten th {
  padding: 0.25em 0.5em;
  border: 1px solid #E8E8E8;
  width: 6.5em;
}
#page.tools-content table.marktdaten td:first-child,
#page.tools-content table.marktdaten th:first-child {
  font-weight: bold;
  white-space: nowrap;
  padding-right: 1.5em;
  text-align: left;
}
#page.tools-content table.marktdaten td.empty,
#page.tools-content table.marktdaten th.empty {
  background: none;
  border: none;
}
#page.tools-content table.marktdaten td.gap,
#page.tools-content table.marktdaten th.gap {
  background: none;
  border: none;
  width: 1.5em;
}
#page.tools-content table.marktdaten th.with-background {
  background-color: #14375c;
  color: white;
}
#page.tools-content table.marktdaten td {
  text-align: center;
  background-color: white;
}
#page.tools-content table.marktdaten td.with-background-0, #page.tools-content table.marktdaten td.with-background-1, #page.tools-content table.marktdaten td.with-background-2, #page.tools-content table.marktdaten td.with-background-3 {
  background-color: #E8E8E8;
}
#page.tools-content table.analysis {
  margin-bottom: 0.5em;
}
#page.tools-content table.analysis td {
  padding: 0.5em 0;
  vertical-align: top;
}
#page.tools-content table.analysis td:first-child {
  font-weight: bold;
  width: 10em;
}
#page.tools-content table.analysis td#portfoliomarket-choice-date div {
  float: left;
  padding-right: 2em;
}
#page.tools-content table.analysis td#portfoliomarket-choice-date input {
  text-align: center;
  margin-left: 0.5em;
}
#page.tools-content table.analysis td#portfoliomarket-choice-series div,
#page.tools-content table.analysis td#portfoliomarket-choice-charts div {
  float: left;
  padding-right: 1em;
}
#page.tools-content table.analysis td#portfoliomarket-choice-series input,
#page.tools-content table.analysis td#portfoliomarket-choice-charts input {
  width: 1em;
}
#page.tools-content table.analysis td#portfoliomarket-choice-series label,
#page.tools-content table.analysis td#portfoliomarket-choice-charts label {
  font-weight: normal;
  padding-left: 0.5em;
}
#page.tools-content table#values {
  margin-bottom: 2em;
}
#page.tools-content table#values td, #page.tools-content table#values th {
  width: 10em;
  padding: 0.125em 1em 0.125em 1.5em;
  text-align: left;
}
#page.tools-content table#values td:first-child {
  width: 10em;
  padding-left: 0;
  text-align: left;
  font-weight: bold;
}
#page.tools-content .marktdaten-stand {
  color: #aaa;
  font-style: italic;
  font-size: 0.875rem;
  text-align: right;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  min-height: 100%;
  background: white;
  font-family: "PT Sans", "Helvetica Neue", "Open Sans", sans-serif;
  font-size: 100%;
}
@media (min-width: 768px) {
  body {
    font-size: 93.75%;
  }
}

h1 {
  color: #008000;
  font-weight: 300;
  font-family: inherit;
}

h2 {
  color: #17375E;
  font-family: inherit;
}

a {
  color: #13447F;
}
a:hover {
  color: #008000;
}

form input:not([type=submit]),
form textarea {
  font-family: "Open Sans", sans-serif;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
}

#container {
  max-width: none;
  margin: 0;
  box-shadow: none;
}

@media (min-width: 992px) {
  #submenu + #page {
    margin-top: -3.75rem;
    padding-top: 5rem;
  }
}

#page {
  margin: 0 auto;
  background: white;
  margin-top: 1rem;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  #page {
    margin-top: 2.75rem;
    margin-bottom: 4.75rem;
    padding: 2rem;
    border: 1px solid #eee;
    box-shadow: 0px 0.05rem 0.2em rgba(0, 0, 0, 0.16), 0px 0.05rem 0.2rem rgba(0, 0, 0, 0.23);
  }
}
@media (min-width: 768px) {
  #page {
    max-width: 45rem;
  }
}
@media (min-width: 992px) {
  #page {
    max-width: 60rem;
  }
}
@media (min-width: 1200px) {
  #page {
    max-width: 72rem;
  }
}
#page form p {
  margin-bottom: 1.5em;
}
#page .introduction {
  text-align: justify;
}
#page .info_item_text {
  text-align: justify;
}
#page h1 {
  font-size: 1.8em;
}
#page h2 {
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 0.75em;
}
#page .row {
  line-height: 1.618em;
}
#page .row.odd {
  background: #fafafa;
}
#page .row .content {
  padding: 0rem 0 2rem 0;
}
@media (min-width: 768px) {
  #page .row .content {
    padding: 0rem 1rem 2rem 1rem;
  }
}
#page .row .content p {
  margin-top: 0.5em;
}

.box {
  width: 100%;
  margin: 0 auto;
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) */
}
@media (min-width: 992px) {
  .box {
    max-width: 60rem;
  }
}
@media (min-width: 1200px) {
  .box {
    max-width: 72rem;
  }
}

.row.full,
#submenu.row,
#header .row,
#footer .row,
.flex-caption .row {
  margin: 0;
}

#page.start {
  border: none;
  box-shadow: none;
  max-width: none;
  padding: 1rem;
}
@media (min-width: 768px) {
  #page.start {
    margin-top: 1.5rem;
    margin-bottom: 2.75rem;
  }
}
@media (min-width: 992px) {
  #page.start .box {
    max-width: 90rem;
  }
  #page.start .box.center-3 {
    max-width: 67.5rem;
  }
  #page.start .box.center-2 {
    max-width: 45rem;
  }
  #page.start .box.center-1 {
    max-width: 22.5rem;
  }
}
#page.start .content h2 {
  text-align: center;
}
#page.start .content img {
  width: 100%;
  margin-bottom: 0.5em;
}

.banner-title.box {
  /* Medium devices (desktops, 992px and up) */
}
@media (min-width: 992px) {
  .banner-title.box {
    max-width: 90rem;
  }
}

.flexslider {
  border: none;
  margin: 0;
  height: 62.5vw;
  max-height: 30rem;
}
.flexslider .slides li a {
  display: block;
  height: 62.5vw;
  max-height: 30rem;
  background-position: center;
  background-size: cover;
}
.flexslider .slides .flex-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem 0;
  font-size: 2rem;
  color: white;
  background: rgba(0, 0, 0, 0.33);
}
.flexslider .slides .flex-caption .banner-title {
  padding: 0 1rem;
}
.flexslider .slides .flex-caption .banner-title span {
  font-size: 0.618em;
}

@media (max-width: 768px) {
  .flexslider .slides img {
    height: 14rem;
  }
  .flexslider .slides .flex-caption {
    padding: 0.5rem 0;
    font-size: 1.5rem;
  }
  .flexslider .slides .flex-caption .banner-title {
    padding: 0;
  }
}
#page .content.remit-intro {
  margin-bottom: 1.5rem;
}
#page .content.remit-notice {
  margin-bottom: 0;
}
#page .content.remit-notice table {
  border-top: 2px solid #F7A911;
  min-width: 100%;
}
#page .content.remit-notice table td {
  border: 1px solid #CCC;
  background: #FAFAFA;
  padding: 0.25em 0.5em;
}
#page .content.subsubmenu {
  margin-bottom: 0;
}
#page.remit-list a.button {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#page.remit-list table {
  min-width: 100%;
}
#page.remit-list table td {
  max-width: 40rem;
}
#page.remit-list table td:first-child {
  width: 1em;
}
#page.remit-edit form {
  display: inline-block;
  margin-top: 2rem;
}
#page.remit-edit form textarea,
#page.remit-edit form input:not([type=submit]) {
  min-width: 30rem;
}
#page.remit-edit form .buttons {
  text-align: right;
}

#user-header {
  margin-top: 1.5rem;
}
#user-header h1 span {
  padding-left: 1em;
  font-size: 1rem;
  font-weight: normal;
  color: #777;
}

#user-header + #page {
  margin-top: 1rem;
}

#page.tools-content {
  margin-top: 1rem;
}

.content .profile_image {
  padding-top: 0.5em;
  padding-bottom: 1rem;
}
.content .profile_content {
  line-height: 1.56em;
}
.content .profile_content .profile_position {
  height: 3.12em;
}
.content .profile_content table td {
  padding-right: 1em;
  vertical-align: top;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidein-bottom {
  from {
    bottom: -8rem;
  }
  to {
    bottom: 0;
  }
}
@-moz-keyframes slidein-bottom {
  from {
    bottom: -8rem;
  }
  to {
    bottom: 0;
  }
}
@-ms-keyframes slidein-bottom {
  from {
    bottom: -8rem;
  }
  to {
    bottom: 0;
  }
}
@-o-keyframes slidein-bottom {
  from {
    bottom: -8rem;
  }
  to {
    bottom: 0;
  }
}
@keyframes slidein-bottom {
  from {
    bottom: -8rem;
  }
  to {
    bottom: 0;
  }
}
.appear {
  position: relative;
  opacity: 0;
  -webkit-animation: fadein 0.75s, slidein-bottom 0.5s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.75s, slidein-bottom 0.5s; /* Firefox < 16 */
  -ms-animation: fadein 0.75s, slidein-bottom 0.5s; /* Internet Explorer */
  -o-animation: fadein 0.75s, slidein-bottom 0.5s; /* Opera < 12.1 */
  animation: fadein 0.75s, slidein-bottom 0.5s;
  animation-fill-mode: forwards;
}

.appear-fade {
  opacity: 0;
  -webkit-animation: fadein 0.75s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.75s; /* Firefox < 16 */
  -ms-animation: fadein 0.75s; /* Internet Explorer */
  -o-animation: fadein 0.75s; /* Opera < 12.1 */
  animation: fadein 0.75s;
  animation-fill-mode: forwards;
}

.appear-delay1 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.appear-delay2 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.appear-delay3 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.appear-delay4 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}

/*# sourceMappingURL=style.css.map */