@charset "utf-8";
/* CSS Document made for gestalten-mit-pflanzen.de */

html {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Roboto', 'Muli', sans-serif;
}

h1, h2, h3, h4 {
  color: #336600;
 
}
h1{font-size: 2em;}
h2{font-size: 1.5em; font-weight: 600;}
h3{font-size: 1.125em;font-weight: 500;}
h4{font-size: 1em;font-weight:500;}
p{font-size: 1em;}
container {
  width: 960px;
  margin: 0 auto;
}

img{
  max-width: 960px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 25px 0;
}

.fullname { display: none; }
.navbar-custom {
  background-color: #FFFFFF;
  font-size:1em; 
}


.navbar-custom .navbar-nav .nav-link {
  color: #336600;
  padding: 1rem 1rem;
  font-weight: bold;
}

.navbar-custom .nav-item.active .nav-link {
  color: #ffffff;
  background-color: #9CBD7B; 
}

.navbar-custom .nav-item:hover .nav-link {
  color: #336600;
  background-color: #CEE5D7;
}


.navbar-custom .dropdown-menu {
  background-color: #CEE5D7;
    
}
.navbar-custom .dropdown-item {
  color: #336600;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
  color: #FFFFFF;
  background-color:#9CBD7B; 
  font-weight: bold;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51,102,0, 0.5)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: rgba(51,102,0,0.5);
} 
.nav-pills .nav-link.active {
  background-color: #9CBD7B;
  color: #FFFFFF;  
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #9CBD7B;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #9CBD7B;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  clear: both;
  
}
section {
  float: left;
  
  width: 70%;
}
aside {
  float: right;
  
  width: 30%;
}


iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}
iframe{
  border: none;
  
}


article{
  padding-top: 50px;
}
.zur-per-pic {
  float:right; 
  padding: 0 5px 10px 20px; 
}

.add-w-space li {
  padding: 1em 0;
}
.btn-link {
  color: #336600;
  font-weight: 500;
}
.btn-link:hover {
  color:#FF9900;
}

.top-pad {
  padding-top: 50px;
}
.error {color: #FF0000;}

/* Footer elements bottom of page */
#footer_layout {
	
	width: 100%;
	background-image: url(../images/rasen_01.png);
	height: 120px;
}

footer a:link, footer a:visited
{
	color:#644800;
  font-weight: 600;
	text-align:center;
	text-decoration:none;

}
footer a:hover, footer a:active
{
	color:#FF9900;
  text-decoration: underline;
}

footer span {
	background-color: rgba(255,255,255,0.80);
	padding: 4px 10px 0;
	font-size:smaller;
	line-height: 1.2em;
	color:#644800;
  font-weight: 600;
}

/* End of Footer elements bottom of page */

@media (max-width: 639.98px) {
  section {
  float: left;
  width: 100%;
}
aside {

  display: none;
}
  
}
@media (min-width: 640px) {
section {
  float: left;
  
  width: 70%;
}
aside {
  float: right;
  display:block;
  width: 30%;
}
  
}