html, body {
  height:100%;
  width:100%;
}

body, p {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size:13px !important;
  text-align:justify;
  color:#414142;
}



.header {
	background:#879d0a;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	font-family:arial;
	font-size:12px;
	margin-top:0px;
  margin-bottom:25px;
}

.header a {
	color:#fff;
  text-decoration:none;
}

.header a:hover {
  color:#5D7A1B;
}

.header-left {
  width:100%;
  text-align:center;

}

.header-right{
	width:100%;
	text-align:center;
}

@media (min-width: 750px) {
  .header-left {
    width:60%;
    float:left;
    text-align:left;

  }

  .header-right{
    float:right;
    text-align:right;
    width:38%;
  }
}

.header-content {
}

.gradient-text {
  font-family: 'Raleway', sans-serif;
  font-weight:800 !important;
  font-size:370% !important;
  background-image:linear-gradient(90deg,#879d0a,#a8c208);
  -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 margin-bottom:10px;
}

@media (min-width: 750px) {
  .gradient-text {
    font-size:370% !important;
    margin-bottom:73px;
  }
}

.gradient-text-h3 {
  font-family: 'Raleway', sans-serif;
  font-weight:800 !important;
  font-size:270% !important;
  background-image:linear-gradient(90deg,#879d0a,#a8c208);
  -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
  margin-bottom:0px;
  text-align:left;
  margin-top:50px;
}

@media (min-width: 750px) {
  .gradient-text-h3 {
    font-size:370% !important;
  }
}

.text-green {
  color:#7A9B28;
  font-weight:800;
}

.ceo-image {
  text-align:center;
  transform:rotate(-1.5deg);
  border:4px solid #fff;
  box-shadow:5px 5px 5px rgba(0,0,0,0.5);
  width:230px;
  margin:0 auto;
  margin-bottom:40px;
}

.ceo-image img {
  text-align:center;
  width:100%;
}

.ceo-title {
  font-size:120%;
  font-weight:600;
  color:#414142;
}

.ceo-desc {
  font-size:80%;
  font-weight:600;
  color:#414142;
}

.text-block-green {
  font-size:100%;
  color:#fff;
  background:#879d0a;
  font-weight:700;
  padding:15px;
  margin-bottom:20px;
}

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

.logo-small img {
  width:50%;
}

.logo-small p {
  text-align: center;
  font-size: 90% !important;
  line-height: 1.3;
}

.green-box {
  background:linear-gradient(180deg, #889e0a, #afcb08);
  text-align:center;
  padding-bottom:20px;
}

@media (min-width: 750px) {
  .third .green-box {
    min-height:863px;
  }
}

.green-box h2 {
  color:#fff;
  font-weight:500;
  font-size:600%;
  padding-top:20px;
}

.klangschale-image {
  padding-top:20px;
  text-align:center;
  padding-bottom:40px;
}

.klangschale-image img {
  width:80%;
}

.dark-green-box {
  background:#879d0a;
}

.dark-green-box p {
  color:#fff;
  text-align:center;
  margin-bottom:0px;
}

.dark-green-headline {
  font-size:120% !important;
  font-weight:700;
  padding-top:15px;
}

.dark-green-subheadline {
  font-size:90% !important;
  padding-bottom:15px;
  width:90%;
}

@media (min-width: 750px) {
  .dark-green-subheadline {
    width:100%;
  }
}

.logo {
  text-align:center;
}

.logo p {
  text-align:center !important;
}

.logo img {
  margin-top:20px;
  width:80%;
}

.image-container {
  background-image:url("./images/hg_blume.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 5%;
  padding-left:30px;
  height:833px;
  position:relative;
  padding-right:4%;
}

@media (min-width: 750px) {
  .image-container {
    width:100%;
  }
}

.quote-author {
  text-align:right;
  margin-right:80px;
  color:#7A9B28;
  font-weight:600;
}

@media (min-width: 528px) {
  .quote-author {
    margin-top:-0px;
  }
}

@media (min-width: 750px) {
  .quote-author {
    margin-top:-0px;
  }
}

.eight.columns.no-space {
  margin-left: 0px;
}

.quote-image {
 color:#fff;
 margin-left:0px;
 margin-top:70px;
 font-size:210%;
 font-weight:700;
 line-height:1.2;
 display:none;
}

@media (min-width: 750px) {
  .quote-image {
    display:block;
  }


}

.bottom-quotes {
  position:absolute !important;
  width:80%;
  bottom:10px;
  text-align:left;
}

@media (min-width: 750px) {
  .bottom-quotes {
    position:absolute !important;
    right:10px;
    bottom:5px;
    width:40%;
  }
}

.headline-bottom {
  font-size:160%;
  color:#fff;
  text-align:center;
  font-weight:700;
  line-height:1.2;
  margin-bottom:10px;
}

.text-bottom {
  color:#fff;
}

.infobox-text {
  padding-left:30px;
  padding-right:30px;
}

.infobox-text h3 {
  font-size:140%;
  color:#5D7A1B;
  font-weight:600;
  text-align:left;
  margin-bottom:0px;
}

.infobox-text p {
  color:#fff;
  line-height:1.3;
  text-align:left;
  margin-bottom:0px;
  font-size:90%;
}

.infobox-text .separator hr {
  color:#607008;
  border:1px solid #607008;
  margin-top:10px;
  margin-bottom:10px;
}

.main-impressum {
	max-width:1121px;
	margin:0 auto;
  width:80%;
  text-align:left !important;
  padding-bottom:50px;
}

.main-impressum p {
  text-align:left !important;
}

@media (min-width: 750px) {
  .main-impressum {
    min-height:863px;
  }
}

.main-impressum h2 {
  color:#879d0a;
  font-weight:700;
}

.main-impressum h3 {
  font-weight:500;
  font-size:150%;
  margin-bottom:5px;
}

.main-impressum h4 {
  font-weight:500;
  font-size:130%;
}

.main-impressum h5 {
  font-weight:500;
  font-size:110%;
}