/*Body background color*/
body{
  background-color: #e8e8e8;
}
/* Navigation header background color and color line between header and main content */
#header {
  background-color: #ffffff;
  border-bottom: 3px solid #1C7CBC;
}
.navigation a {
  color: #77818a;
}
.navigation a.active {
  color: #1C7CBC;
  background-color: #fff;
}
.navigation a:hover {
  color: #1C7CBC;
}
/*Hamburger menu background color*/
.menu div {
  background-color: #c6c6c6;
}
/*Main content left side background color*/
#main .main-left-content {
  background-color: #fff;
}
/*Main text top startpage*/
.st-text {
  color: #1C7CBC;
}
/*Main text top gruendach and tipps page*/
.st-text-rest{
  color: #008854;
}
/*Background color big buttons, right side*/
.with-image {
  background-color: #1C7CBC;
}
/*Background color small buttons, right side*/
.no-image {
  background-color: #008854;
}
/*Buttons right side - color text*/
.box a {
  color: #fff;
}
/*Solarbutton main page color background and text color*/
.solar-btn, .gpk_btn {
  background-color: #1C7CBC;
}
.sk-btn, .gpk_btn{
  color: #fff;
}
.solar-btn.in_tipps {
  /*background-color: black;*/
  display: block;
  width: 250px;
  margin: 20px auto 20px auto;
  float: none;
}
.gpk_btn.in_tipps {
  /*background-color: black;*/
  display: block;
  width: 250px;
  margin: 20px auto 20px auto;
  float: none;
}
.welcome_buttons {
  text-align: center;
}
.welcome_buttons a {
}
.solar-btn.in_welcome {
  float: none;
  margin: 20px 20px 20px auto;
  width: 175px;
}
.gpk_btn.in_welcome {
  float: none;
  margin: 20px auto 20px auto;
  width: 175px;
}
/*Button go to top color*/
#myBtn {
  background-color: #008854;
}
#myBtn:hover {
  background-color: #1C7CBC;
}
.myBtn-text {
  color: #fff;
}
/*Color text sponsor */
.spons-text {
  color: #4a5763;
}
/*Häufige Fragen page, main themen color*/
.first-main-question{
  padding-top: 30px;
}
.frag {
  color: #1C7CBC;
}
/*Häufige Fragen page, main questions color*/
.themen ul li a {
  color: #4a5763;
  display: block;
  margin-left: 25px;
  padding: 0px;
}
.themen a:hover {
  color: #1C7CBC;
}
/*Question section, main question color*/
.sec-ques {
  color: #008854;
}
/*Main information häufige fragen, tipps and gründach color, answers color*/
.text-answer, .welc-text, .etappe-main, .etappen,
.etappe-main-first p, .sec-ques-last ul,.wider-text, .daten-text,
.genehm-text, .impressum-text, .tech-um, .tech-um a, .links ul li a,
.themen ul li::before, .links ul li::before {
  color: #4a5763;
  /*text-align: justify;*/
}
.links ul li a:hover {
  color: #1C7CBC;
}
/*Question section - main questions background and text color - häufige fragen, tipps, gründach*/
.question {
  color: #fff;
  background-color: #008854;
}
.active, .toggleFAQ:hover {
  background-color: #1C7CBC;
}
/*Main question arrow box background color*/
.arrow-box-grund, .arrow-box {
  background-color: #fff;
}
/*Datenschutz*/
.datenschutz-text{
  background-color: #fff;
}
/*Links*/
.links-main h2,h3, .impressum-text h2,h3, .daten-text h2,h3,strong{
  color: #1C7CBC;
}
/*Footer background color and text color*/
.footer, .footer-arrow-spk, .footer_area {
  background: #f2f2f2;
  color: #000;
}
.footer ul a, .footer-item-logo p {
  color: #77818a;
}
/*Footer menu text color*/
.footer-item-list ul li a, .footer-bottom p {
  color: #77818a;
}
.footer-item-list a:hover {
  color: #1C7CBC;
}

.ministerien-logo {
  text-align: center;
}

/* two images or more images */
.obgm-logo { float: none; }
.logo_persons {}
.logo_persons.flex > div { text-align: center; }

.he-logo img {
  top:15px;
  width: 70px;
}


/* changes in responsiv design css */
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 952px) {
}

@media screen and (max-width: 756px) {
  .he-logo img {
   top:15px;
   width: 50px;
}
}

@media screen and (max-width: 525px) {
}

@media screen and (max-width: 320px) {
}