@import "/css/fonts.css";
/* colors
 ------------------------------------------------------------- */
/* black, textcolor */
/* white, background-color */
/* darkgrey bckgrd */
/* lightgrey bckgrd */
/* grey disabled */
/* grey light weeditmode */
/* blue light weeditmode */
/* blue dark weeditmode */
/* grey leight navabr */
/* grey bootstrap */
/* vida green */
/* vida brown */
/* vida yellow */
/* vida light yellow */
/* orange error */
/* margins / paddings
 ------------------------------------------------------------- */
/* mixins
 ------------------------------------------------------------- */
/* borders
 ------------------------------------------------------------- */
/* margins / paddings
 ------------------------------------------------------------- */
/*
 Document   : basic
 Created on : 15.01.2016
 Author	 : Jens.Degner
 Description:
 Purpose of the stylesheet follows.
 */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #555;
  box-sizing: border-box !important;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar; }

.jsdata {
  display: none !important; }

.center-wrapper {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
/* ------------------------------------------------------------------
 fix content shifting when modal is opened
 ------------------------------------------------------------------ */
.modal-open {
  overflow: visible; }

.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  padding-right: 0px !important; }
/* ------------------------------------------------------------------
 Selection
 ------------------------------------------------------------------ */
::-moz-selection {
  background: #000;
  color: #fff; }

::-webkit-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }
/* standard --------------------------------------------------------------------------------------*/
a:link {
  text-decoration: underline;
  color: #555; }

a:visited {
  text-decoration: underline;
  color: #555; }

a:hover {
  text-decoration: underline;
  color: #679b1d; }

label.error, p.error {
  display: block;
  width: 100%;
  margin: 3px 0px 0px 0px;
  padding: 1px 5px 1px 5px !important;
  color: #fff !important;
  background-color: #f90; }

.img-responsive {
  min-width: 100%; }
/* typography
 ------------------------------------------------------------- */
.content .firstparagraph {
  margin-top: 0px !important;
  padding-top: 0px !important; }
  .content .center-content {
    text-align: center; }
  .content .padding-bottom {
    padding-bottom: 30px !important; }
  .content hr {
    border-color: #fff !important; }
  .content h1 {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.7em;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none; }
  .content h2 {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.7em;
    margin-top: 20px !important;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none; }
  .content h3 {
    font-size: 1.1em;
    font-weight: 300;
    margin-top: 20px !important; }
  .content h4 {
    font-size: 1em;
    font-weight: 300;
    margin-top: 20px !important; }
  .content p {
    line-height: 1.7em;
    text-align: justify;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none; }
  .content li ul {
    margin-top: 8px; }
  .content ol {
    list-style-position: outside;
    padding-left: 20px;
    margin: 0px 0px 15px 0px; }
  .content .hervorgehoben, .content .emphasized {
    font-weight: 700 !important;
    color: #555; }
  .content .label, .content label {
    color: #fff;
    font-size: inherit !important;
    font-weight: bold !important;
    padding-left: 0px; }

.content ul, footer ul, #links ul {
  list-style-type: none;
  padding-left: 1.1em; }

.content li::before, footer li::before, #links li::before {
  content: "\2022";
  color: #679b1d;
  /*border-color: transparent $color3;
   border-style: solid;
   border-width: 0.35em 0 0.35em 0.45em;*/
  display: block;
  height: 0;
  width: 0;
  left: -0.6em;
  top: -0.35em;
  position: relative;
  font-size: 28px;
  font-weight: bold; }

.widget-container-nospace h1, .widget-container-nospace h2, .widget-container-nospace h3, .widget-container-nospace h4 {
  /*margin-bottom: 0px !important;*/ }
/* tables
 -------------------------------------------------------------------------------------- */
/* basic
 -------------------------------------------------------------------------------------- */
.tdLeft {
  text-align: left; }

.tdCenter {
  text-align: center; }

.tdRight {
  text-align: right; }

.detailLink {
  padding: 0px;
  margin: 0px 0px 20px 0px; }

.rowcolor1 {
  background-color: #f9f9f9; }

.rowcolor2 {
  background-color: #e8e8e8; }

.highlightcolor1 {
  background-color: #e8e8e8; }

.highlightcolor2 {
  background-color: #f9f9f9; }
/* featurette-divider noline
 ------------------------------------------------------------- */
.noline {
  border: 0px;
  box-shadow: none; }
/* buttons
 ------------------------------------------------------------- */
.buttons {
  margin: 15px 0px 20px 0px; }

.buttons-bottom {
  /*width: 100%;*/
  margin: 15px 0px 0px 0px; }

.btn-default {
  border: none !important;
  width: 100%;
  font-size: 15px;
  color: #fff;
  background-color: #679b1d; }

.but-more-text {
  display: block;
  width: 100px;
  margin: 10px 0 0 0; }

.modal-body .btn-callback-submit {
  background-color: #e7e7e7; }

.modal-header .close {
  font-size: 28px;
  color: #679b1d;
  opacity: 1; }

.modal-header .close:hover {
  color: #d1d1d1;
  opacity: 1; }

a.btn-default {
  color: #fff;
  font-size: 15px;
  text-decoration: none; }

.btn-default:hover a {
  color: #fff !important; }

.btn-small {
  padding-top: 3px;
  padding-bottom: 3px; }

.news .btn-default {
  border: none !important;
  width: 100%;
  color: #000 !important;
  background-color: #555 !important; }

.news .btn-default a {
  color: #000 !important; }

.news .btn-default:hover a {
  color: #fff !important; }