#header {grid-column: 1 / 3; grid-row: 1; }
#headernav{grid-column:  3/ 11; grid-row: 1;}
#slider{grid-column:  1/ 12; grid-row: 3;}
#left{grid-column: 1 / 3; grid-row: 4 / 6;}
#content{grid-column: 2 / 11; grid-row: 4;}
#right{  grid-column: 10 / 12; grid-row: 4 / 6;}
#footer {grid-column: 1 / 12;grid-row: 7; background:rgba(35,66,142,1); }  img.logo{width:60%;}
.footer2{color:white;font-size:1.1em;float:left;width:21%;margin-left:4%;margin-top:5px;}
.footer3{ width:30%; margin-left:3%; display:block;}
.services1{width:40%;}
@media only screen  and (max-width: 576px) {
  img.logo{width:60%;}
.footer2{color:white;font-size:1.1em;float:left;width:90%;margin-left:4%;margin-top:5px;}
.footer3{ width:30%; margin-left:3%; display:block;}
#wrapper {grid-template-rows: auto;}
#header {grid-column: 2 / 11; grid-row: 2;}
#headernav{grid-column: 2 / 11; grid-row: 1;z-index:100;}
#slider{max-width:100%;}
#topnews{grid-column: 1 / 11; grid-row: 3;}
#left{grid-column: 2 / 11; grid-row: 6;}
#content{grid-column: 1 / 12; grid-row: 4;}
#content1{grid-column: 2 / 11; grid-row: 6;}
#right{  grid-column: 2 / 11; grid-row: 5;} 
#footer {grid-column: 1 / 12;grid-row: 7; }
img.bildindex{width:100%;}
.artikeltop{width:100%;}
.footer2{width:80%;margin-left:15%;}
.paneldiv{width:50%;float:left;}
.services1{width:80%;}
.panel-test2 {width:90%;}
.headerspenden{background:#fff;width:41%;position:absolute; top:65px; right:0px;text-align:center;border:1px dotted darkred;border-radius:3px;font-size:12px;z-index:1;}
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
    .headerspenden{background:#fff;width:35%;position:absolute; top:65px; right:0px;text-align:center;border:1px dotted darkred;border-radius:3px;z-index:1;}
.grid-sizer,.grid-item {width: 90%; background: #fff;}
 grid-sizer,.grid-item--width2 { float: left; width: 100%;}
#header {grid-column: 2 / 11; grid-row: 2;}
#headernav{grid-column: 2 / 11; grid-row: 1;z-index:100;}
#left{grid-column: 1 / 11; grid-row: 6;}#slider{max-width:100%;}
#topnews{grid-column: 1 / 11; grid-row: 3;}
#content{grid-column: 1 / 12; grid-row: 4;}
#content1{grid-column: 2 / 11; grid-row: 6;}
#right{  grid-column: 2 / 11; grid-row: 5;} 
#footer {grid-column: 1 / 12;grid-row: 8; } 
img.bildindex{width:100%;}
.artikeltop{width:100%;}
.panel-test2 {width:50%;}
}
@media only screen and (min-width: 769px) and (max-width: 982px) {
    .grid-sizer,.grid-item {float: left;width:calc(96% /2) ;margin:1%; display:inline-block;background: #fff;}
#headernav{grid-column: 1 / 12; grid-row: 2;}
#slider{max-width:100%;}
#left{grid-column: 1 / 3; grid-row: 4 / 6;}
#topnews{ grid-column: 1 / 12; grid-row: 3;}
#content{grid-column: 3 / 9; grid-row: 4;}
#content1{grid-column: 1 / 8; grid-row: 5;}
#right{  grid-column: 9 / 12; grid-row: 4 / 6;}
#footer {grid-column: 1 / 12;grid-row: 6;}   
.panel-test2 {width:50%;}
}
@media only screen and (min-width: 983px) and (max-width: 1199px) {
.grid-sizer,.grid-item {width:calc(98% /2)}    
}
@media only screen and (min-width: 1200px) {
.big2{font-size:18px;margin-top:20px;background:rgba(35,66,142,0.1);line-height:40px; }
 .bildxb1{width:100%;height:260px; overflow:hidden;text-align:center;}
.bildxb2{width:100%;}
.posneu1{ background:white;padding:1%;}
a.ha2{z-index:9999;position:absolute;top:10px;background:rgba(255,255,255,0.89);padding:1%;font-size:18px;}
li.w1{width:100%;}
.catartikel1{width:100%; display:block;}
.grid-sizer,.grid-item {float: left;width:calc(96% /2) ;margin:1%; display:inline-block;background: #fff;}
.grid-item--width5 { width: 100%; font-size:17px;}
.grid-item--width2 { float: left;  width: 60%;}   
a.mehr1{text-decoration:none;display:inline-block;}
.paneldiv{width:30%;float:left;}
.panel-test2 {width:30%;}
    
}

