@media screen and (max-width: 1280px) {
#navigationSprache	 ul { text-align: right;  margin: 0;  padding: 0; margin-right:32px;  display: table; float:right;}
#logo					{ padding-left:2%; }
#buttenHspende { right:32px;}
#buttenHfoerderer {right:150px;}
#spendeStandard .innerspende {margin-right:2%}
}
@media screen and (max-width: 1024px) {
#logo{ width:48%;}
#navigationSprache	{ width:48%; margin-top:8px;}

#navigationMain {display:none;}
#OPENMOBIL    {  display:block; }

#spendeStandard{display:none;}
#spendeMobil{display:block;}
}




@media screen and (max-width: 780px) {
.first2col		{float:none; width:100%;margin-bottom:40px;  text-align:left;}
.second2col		{float:none; width:100%;margin-bottom:40px;  text-align:left;}
.first2widecol	{float:none; width:100%;margin-bottom:40px;  text-align:left;}
.second2smallcol{float:none; width:100%;margin-bottom:40px;  text-align:left;}
.first2widecol30{float:none; width:100%;margin-bottom:40px;  text-align:left;}
.second2smallcol70{float:none; width:100%;margin-bottom:10px;  text-align:left;}

.first3col		{float:none; width:100%; margin-bottom:40px; text-align:left;}
.second3col		{float:none; width:100%; margin-bottom:40px; text-align:left;}
.third3col		{float:none; width:100%; margin-bottom:40px; text-align:left;}
}
@media screen and (max-width: 580px) {
#buttenHspende a {  padding: 5px 8px;}
#buttenHfoerderer {display:block; right:115px;}
#buttenHfoerderer  a{padding: 5px 8px;}
}

@media screen and (max-width: 480px) {
#buttenHspende a {  padding: 5px 25px;}
#buttenHfoerderer {display:none;}
#buttenHfoerderer  a{padding: 5px 10px;}
}
@media screen and (max-width: 320px) {
#buttenHfoerderer {display:none;}
#buttenHspende a {  padding: 5px 15px;}
}