/* Alle Stlyes für den auf der Startseite mittig platzierten News Container */
div.panel-body.news {
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   padding:15px 23px 15px 15px;
   background: white;
}
figcaption {font-size: 10pt;}
/* Nur Tablet und Desktop größen sollen in der News eine Scrollbar haben */
@media only screen and (min-device-width: 414px) {
   div.panel-body.news {
      overflow-y: scroll;
      max-height:920px; /*1000px*/
   }
   .panel-body.news::-webkit-scrollbar{display: none;}
   .panel-body.news:hover {padding:15px 15px 15px 15px;}
   .panel-body.news:hover::-webkit-scrollbar {display: inline;width: 8px;background-color: #F5F5F5;}
   .panel-body.news:hover::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #e4e2e2;border-radius:5px;}
   .panel-body.news:hover::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
}
span.morebutton{padding: 7px;border-radius: 4px;cursor: pointer;border: 1px solid #369;}
span.morebutton:hover{color:white;background: #369;border: 1px solid #369;}
span.badge.progress-bar-warning{margin-left: 5px;}
span.unterthema{color: #369; font-size: 1.5rem; cursor:pointer;}
a.uLink{text-decoration: none;color: inherit;}
span.article-date{color:black;}
a.article-link{color:black;}
#news-body a:visited { color: #a701a7 !important;}
img.articleImgFirst{background-repeat:no-repeat;background-size:cover;border-radius: 2px;display: inline;} /* online the first image shall be seen in mobile */
img.articleImgFirst{width: 100%; height: auto;} /* online the first image shall be seen in mobile */
img.articleImg{background-repeat:no-repeat;background-size:cover;border-radius: 2px;display: inline;}
img.articleImg{width: 100%; height: auto;} /* fixiere die Bild-Höhe, damit sich das Panel nicht noch vergrößert, nachdem die seite geladen wurden */
span.main-headline{display: block; color: black;font-size: 2.0rem;font-weight: 600;}
span.intro{font-size: 1.5rem;}
div.marginTop.col-md-12{margin-top: 5px;}
span.article-date{float:right;margin: 0;font-size: 10px;}

/*iphone5-11, bevor der Sprung auf Desktop kommt*/
@media only screen and (min-device-width: 320px) and (max-device-width: 414px) {
   img.articleImg{display: none;}
   span.main-headline{font-size:1.5rem;}
   span.intro {font-size: 1.3rem;}
   img.articleImgFirst{margin-bottom: 10px;}
   span#morebutton1{display: none;}
}