.newscontainer {  min-height:30rem; clear:both; }
.body--newsloaded { display:block; }

.morenews   { width:100%; text-align:center; padding:2em 1em 0em 1em; }
.morenews a { font-size:1.8em;  }
.morenews i { color:#0B4D93; font-size:2.5em; position:relative; top:0.1em; left:-0.1em; }

.row-mobile                     { display:none; }
#default .logos a { vertical-align:top; }
#default .logos                 { text-align:left; vertical-align:top; }
#default .logos_inner           { text-align:left; width:100%;  margin:auto; }
#default .logos a.unicef        { }
#default .logos a.unicef > img  { max-height:100%; max-width:288px; width:100%; margin-right:0em; vertical-align:top; }
#default .logos a.sponti        { vertical-align:top; }
#default .logos a.sponti > img  { max-height:100%; max-width:390px; width:100%; margin-right:0em; vertical-align:top; }
#default .logos a.bewegung > img  { max-height:100%; margin-top:0.1rem;  vertical-align:top;  }

#default .media li > a[href="/galerie/7287/2019/16640"] { background-position:center -4rem; }

.title.title--cancelled span { color:#D31A1A; }


       

/* QUOSPACE */

.default__mapsarea      { clear:both; text-align:center; padding-top:5rem; padding-bottom:5rem;  }
.mapsarea               { max-width:100%; text-align:left; margin:auto; position:relative; top:0rem; left:0rem; }
.mapsarea__head         { position:relative; top:0rem; left:0rem; padding-bottom:0rem; }
.mapsarea__label        { font-size:2.0rem; line-height:2.2rem; vertical-align:bottom; color:black; font-weight:bold; }
.mapsarea__labellicon   { height:2.2rem; margin-right:0.6rem;  vertical-align:bottom;  }
#default h2.mapsarea__title        { margin-top:1.2rem; font-size:3rem; color:black;font-weight:bold; text-transform:none; }
.mapsarea__more         { position:absolute; bottom:0rem; right:1.5rem; }
.mapsarea__more .button { padding-left:4.5rem; background-image:url(/images/link-extern.svg); background-position:left 2rem center; background-size:1.3rem; background-repeat:no-repeat; border:solid 2px black; background-color:transparent; text-transform:none; }
.mapsarea__items        { margin-top:4.5rem;  }
.mapsarea__item         { display:block; width:calc(25% - 1.5rem); height:13.5rem; float:left; text-align:center; margin:0rem 1.5rem 1.5rem 0rem; border:solid 2px black; background-image:url(/images/link-extern.svg); background-position:right 1.2rem bottom 1.2rem; background-size:1.3rem; background-repeat:no-repeat; }
.mapsarea__itemnr       { display:block; width:5.5rem; height:5.5rem; text-align:center; background-color:black; color:white; font-size:2.2rem; line-height:5.5rem; font-weight:500; vertical-align:middle; margin:auto;  }
.mapsarea__itemtext     { display:block; font-size:2.0rem; line-height:2.8rem; font-weight:600; margin-top:0.8rem; color:black; }
.mapsarea__item:hover   { background-color:black;  border:solid 2px black; }
.mapsarea__item:hover .mapsarea__itemnr       { background-color:#efefef; color:black; }
.mapsarea__item:hover .mapsarea__itemtext     { color:#efefef; }



@media screen and (max-width:1023px)
{
    .mapsarea__item     { width:calc(33.3% - 1.5rem); }
}



 @media screen and (max-width: 768px) 
{
    body { background-image:none; }

    .page > .header             { background-color:rgba(255, 255, 255, 0.6); }
    .page > .header.minimized   { background-color: white; }

    .row-mobile                     { display:block; position:relative; top:0em; left:0em; width:100%; background-image:url(/images/default-mobile.jpg); background-size:cover; background-position:center center; }
    .row-mobile > div               { position:absolute; bottom:0em; left:0em; width:100%;  cursor:pointer; text-align:center; background-color:rgba(255, 255, 255, 0.8); min-height:20em; }
    .row-mobile > div > a           { font-size:2em; position:absolute; bottom:6em; margin:0em auto 0em auto; width:100%; text-align:center; display:block; }
    .row-mobile > div > div         { position:absolute; bottom:4em; width:100%; text-align:center; }
    .row-mobile > div > div > img   { max-width:5em; }

    #scroll { position:relative; top:-4em; }

}

@media screen and (max-width: 767px) 
{
    #default .logos a.unicef > img { max-width: 100%; }


    .mapsarea__title    { font-size:3.5rem; }
    .mapsarea__item     { width:100%; margin-right:0rem; }
    .mapsarea__more     { position:relative; bottom:0rem; right:auto; margin-top:1.5rem; }
    .mapsarea__more .button { width:100%; }
    .mapsarea__items    { margin-top:1.5rem; }
}