html,body,div,p,h1,h2,h3,ul,ol,span,a,table,td,form,img,li,input,textarea,select {

	line-height:140%;
	margin:0;
	padding:0;
	font-size:16px;
	}
body {
	background:background: rgba(255,255,255,1.0);
  	cursor: auto;
	font-family: 'Montserrat', sans-serif;
  	font-style:normal;
  	font-weight:400;
  	line-height: 1.5;
  	margin: 0;
  	padding: 0;
	}

/****** Grundstruktur ****/
.columns {
	margin: 0;
  	padding: 0;
  	
	}
/*****************/
.rand {
	border:5px solid #f8f8f8;
	}
.grau_fond{
	background:#f8f8f8;
	width:100%;
	}
.gruen {
	background:#a7b323;
	}
.dunkelgrau {
	background:#32545f;
	}
.hellgrau {
	background:#bccace;
	}
.weiss {
	background:#fff;
	}
.header{
	background:#fff;
	height:130px;
	}
.dank {
	background-image:url("images/dank.png");
	background-repeat:no-repeat;
	background-position: 90% 90%; 
	}
.spenden {
	background-image:url("images/spende.png");
	background-repeat:no-repeat;
	background-position: 50% 50%; 
	}
.post {
	background-image:url("images/post.png");
	background-repeat:no-repeat;
	background-position: 90% 60%; 
	}
/**************************/
#logo{
	padding:40px 30px 10px 30px;
	}
	
h1 {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-size:1.8em;
	}
h2 {
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-size:1.4em;
	font-style:normal;
	}
h3 {
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-size:1.0em;
	font-style:normal;
	}
p {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-size:1.0em;
	font-style:normal;
	line-height:170%;
	}
.betont {
    font-size: 100%;
    
    font-weight:700;
    }
.hellgrau h2, .hellgrau h3, .hellgrau p, .weiss p, .weiss h1, .weiss h2, .weiss h3 {
	color:#515055;
	}
.weiss img {
	padding-bottom:8px;
	}
h1 {
	margin:40px 190px 15px 70px;
	}

h2 {
	margin:30px 10px 0 70px;
	padding:0;
	}
h3 {
	margin:5px 10px 30px 70px;
	padding:0;
	}
p {
	margin:3px 10px 20px 70px;
	line-height:160%;
	}
.spendenseite p {
	margin:3px 120px 20px 70px;
	}
.gruen p {
	margin:10px 130px 20px 70px;
	line-height:160%;
	}
.gruen p a, .dunkelgrau p a {
	color:#fff;
	text-decoration:none;
	font-size:100%;
	}
.gruen p a:hover, .dunkelgrau p a:hover{
	color:#bccace;
	}
.weiss p a, .hellgrau p a {
	color:#515055;
	text-decoration:none;
	font-size:100%;
	}
.weiss p a:hover, .hellgrau p a:hover{
	color:#000;
	}
a.buttonlink {
	display:inline-block;
	color: #fff;
	background:#a7b323;
	font-size: 1.0em;
	font-weight:500;
	padding:15px 42px;
	text-decoration:none;
	margin:10px 20px 30px 70px;
	}	
a.buttonlink:hover {
	color: #fff;
	background:#32545f;
	}

/**************************/

ul#menu {
	display:block;
	list-style-type:none;
	margin:75px 0 0 0;
	padding:0;
	}
ul#menu li{
	padding:0;
	float:left;
	}
ul#menu li a{
	display:block;
	font-family: 'Montserrat', sans-serif;
	color:#515055;
	background:#fff;
	font-size: 1.0em;
	font-weight:500;
	margin:0 2px;
	padding:15px 42px;
	text-decoration:none;
	}
ul#menu li a:hover, ul#menu li a#current	{
	color: #fff;
	background:#a7b323;
	}
   
/**************/  
#back-top a img {
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=700)"; 
  	filter: alpha(opacity=70); 
  	opacity: 0.7;
	}
	
	
@media only screen and (max-width: 1260px)  {

.header{
	background:#fff;
	height:auto;
	}
ul#menu {
	display:inline-block;
	text-align:center;
	margin:45px auto 0 auto;
	padding:0;
	}
	
ul#menu li a{
	padding:15px 32px;
	}
}

@media only screen and (max-width: 1124px)  {
	ul#menu li a{
	padding:15px 22px;
	}
}
/**********************************************/
@media only screen and (max-width: 1000px)  {

	
ul#menu li a{
	padding:15px 32px;
	}
h1 {
	margin:40px 20px 15px 20px;
	}

h2 {
	margin:30px 10px 0 20px;
	padding:0;
	}
h3 {
	margin:5px 10px 30px 20px;
	padding:0;
	}
p {
	margin:3px 20px 20px 20px;
	line-height:160%;
	}
.spendenseite p {
	margin:3px 20px 20px 20px;
	}
.gruen p {
	margin:10px 20px 20px 20px;
	}
a.buttonlink {
	margin:10px 20px 30px 20px;
	}	



}

@media only screen and (max-width: 768px)  {
	ul#menu li a{
	padding:15px 12px;
	}
}

/**********************************************/
@media only screen and (max-width: 40em) {

#logo {
	max-width:20em;
	padding:30px 10px 10px 10px;
	}
ul#menu {
	margin:0 0 5px 0;
	padding:5px 0;
	float:none;
	z-index:0;
	text-align:center
	}
ul#menu li{
	width:100%;
	margin:0;
	padding:6px 0;
	display:block;
	}
ul#menu li a{
	font-size: 1.0em;
	}
	
h1 {
	font-size:1.3em;
	}
h2 {
	font-size:1.1em;
	}
h3, p, a.buttonlink {
	font-size:0.85em;
	word-wrap: break-word;
  overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	}


}