/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/static/fonts/Roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
         url('/static/fonts/Roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/static/fonts/Roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/static/fonts/Roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/static/fonts/Roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/static/fonts/Roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: swap;
  }
  /* roboto-700 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/static/fonts/Roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
         url('/static/fonts/Roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/static/fonts/Roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/static/fonts/Roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/static/fonts/Roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/static/fonts/Roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: swap;
  }
  
  body {margin: 0; font-family: 'Roboto', sans-serif; background-color: ghostwhite; word-break: break-word;}
  
  h1 {font-size: 1.3em; margin: 0 0 0.5em 0; padding: 0;}
  h2, h3 {margin: 1em 0 0 0; padding: 0;}
  h4, h5 {color: #A20012; margin: 0 0 0.2em 0; }
  
  img {width: 100%;}
  
  blockquote {border-left: #A20012 2px solid; padding-left: 10px;}
  
  .imgBox {width: 96%; margin: 0 auto; padding: 0; font-size: 0.9em; color: grey; }
  
  .logo {max-height: 50px; width: auto; max-width: 100%; margin: 5px 0;}
  
  .headBack {height: 200px; width: 100%; background-color: #A20012; position: absolute;}
  .navWrapper {width: 100%; background-color: #A20012; position: fixed; z-index: 1;}
  .nav {max-width: 96%; max-height: 80px;margin: 0 auto; background-color: #A20012; display: flex;}
  .wrapper {max-width: 1130px; margin: 0 auto;}
  .wrapperFooter {max-width: 1130px; margin: 0 auto;}
  
  .sidebar {display: none;}
  
  .titelkopf {display: none;}
  .navHamburger {flex: 0 0 60px; text-align: right;}
  .navHamburgerTablet {display: none;}
  
  .hamburgermenu > ul {list-style-type: none; padding-left: 0; line-height: 2.0em;}
  .hamburgermenu > ul > li > a {color: #fff; text-decoration: none;}
  .hamburgerIcon {color: #fff; font-size: 2.5em; cursor: pointer; margin-top: 12px;}
  .menuLinks > a {color: #fff; font-size: 0.6em;}
  
  .titleimage {width: 100%; box-shadow: 0px -10px 10px -13px black;}
  .titleImageDesc {width: 96%; margin: 0 auto; padding: 0.5em 0; color: grey;}
  
  .outerContainer {width: 96%; background-color: ghostwhite; margin: 0 2% 0 2%; position: relative; top: 90px;}
  .innerContainer {width: 100%;}
  
  .topstories {max-width: 90%; margin: 25px auto;}
  .menu_rubriken {max-width: 90%; margin: 0 auto;}

  .boxItem {max-width: 90%; margin: 0 auto; text-align:center;}
  
  .newsItem {display: flex; flex-wrap: wrap; border: 0.1em solid whitesmoke; border-radius: 15px; background-color: #fff; max-width: 90%; margin: 0 auto;}
  
  .newsItemImage > img {border-radius: 15px 15px 0 0;}
  
  .newsItemTeaser {margin: 0.5em 0.8em;}
  
  .newsItemTeaser > h4 {margin-top: 0.2em;}
  .newsItemTeaser > p {margin-top: 0.5em;}
  
  .article {margin: 0 auto; padding: 0 2% 0 2%; background-color: #fff;}
  
  .articleHeadline {font-size: 1.6rem; font-weight: bold; line-height: 1.3em; margin: 0 0 0.5em 0; padding: 0;}
  .articleText {font-size: 1.1em; line-height: 1.5em;}
  .articleText > p {margin: 0;}
  
  .subHeadline {font-size: 1.2em;}
  
  .redlink {color: #A20012; text-decoration: underlined; font-weight: bold;}
  
  .zitatBox {margin: 0 auto; padding: 15px; background-color: #A20012; color: #fff; width: 70%;}
  .zitatBox > h3 {margin:0;}
  
  .button {border: 0; background-color: #A20012; color: #fff; font-size: 1.1em; padding: 0.5em 1.1em; font-weight: bold; text-decoration: none;}
  .buttonRubrik {border: 0; background-color:slategrey; color: #fff; font-size: 1.1em; margin: 0.2em 0; padding: 0.5em 1.1em; text-decoration: none; display: inline-block;}
  
  .footer {background-color: #A20012; padding: 25px; margin-top: 90px; color: #fff; line-height: 2.0em;}
  .footer > div > a {color: #fff; text-decoration: none;}
  
  .showMobile {display: block;}
  .showDesktop {display: none;}
  
  .label {background-color:  teal; color: #fff; margin-bottom: 0.5em; padding: 0.2em 0.5em; display: inline-block; border-radius: 1em;}
  .labelVideo {background-color:  #A20012; color: #fff; margin-bottom: 0.5em; padding: 0.2em 0.5em; display: inline-block; border-radius: 1em;}
  .labelKommentar {background-color:  #A20012; color: #fff; margin-bottom: 0.5em; padding: 0.2em 0.5em; display: inline-block; border-radius: 1em;}
  .labelAnzeige {background-color:  lightgrey; color: darkslategrey; margin-bottom: 0.2em; padding: 0.2em 0.5em; display: inline-block; border-radius: 1em;}
  .labelUpdate {background-color:  teal; color: #fff; margin-bottom: 0.2em; padding: 0.2em 0.5em; display: inline-block; border-radius: 1em;}
  
  .trenner {display: inline-block; color: #000; border-bottom: 5px solid #A20012; font-size: 1.2em;}
  
  .datum {padding: 1em 0; font-size: 0.8em;}
  
  .banner {width: 300px;}
  
  .img300 {max-width: 300px;}
  
  .cardslider {display: flex; flex-wrap: nowrap; overflow-x: auto;}
  .cardslider::-webkit-scrollbar {display: none;}
  .channel {width: 250px; min-height: 75px;background-color: lightslategray; margin: 0 15px; flex: 0 0 auto;}
  .channelbutton {border: 1px solid lightgray; border-radius: 100%; background-color: #fff; width: 70px; height: 70px; color: #000; text-align: center; margin: 0; padding: 0; outline: none; cursor: pointer;}
  
  .searchButton {background-color: teal; color: #fff; height: 34px; border: 0; font-size: 1em;}
  .searchInput {width: 80%; height: 30px; outline: none; border: 1px solid #000; font-size: 1.1em;}
  
  .catMenu {color: #000; text-decoration: none;}
  .catMenuButton:hover {background-color: slategrey; color: #fff;}
  
  .catMenuButton {min-width: 100px; padding: 10px; margin: 5px; background-color: whitesmoke; font-size: 1.1em; font-weight: bold;}

  .box250 {min-height: 275px;}
  .box250om {min-height: 275px;}

  .breadcrumb {font-size: 0.7rem; color: lightslategray; display:inline; margin:0px; font-weight: bold;}
  
  @media only screen and (min-width: 768px) {
  
  h1 {font-size: 1.8em;}
  
  .imgBox {width: 80%;}
  
  .nav {max-height: 150px;}
  .navLogo {margin-right: 1.5em;}
  .navHamburger {display: none;}
  .navHamburgerTablet {display: flex; width: 82px;}
  .hamburgerIcon {font-size: 3.5em; margin-top: 18px;}
  .titelkopf {display: unset; flex: 0 0 300px; text-align: right; color: #fff; margin-right: 1px;}
  
  .outerContainer {background-color: #fff; top: 150px;}
  .innerContainer {display: flex;}
  .boxItem {width: 100%;}
  .newsItem {border: unset; border-radius: unset; width: 100%;}
  .newsItemImage {width: 100%;}
  .newsItemImage > img {border-radius: unset; width: 100%;}
  .newsItemTeaser {margin: 0;}
  .newsItemTeaser > h1 {margin: 0; padding: 0;}
  .newsItemTeaser > p {padding: 0; margin-top: 0.2em;}
  
  .newsstream {flex: 1; margin: 0 20px;}
  .sidebar {display: block; flex: 0 0 300px;}
  
  .footer {display: flex; margin-top: 150px;}
  .footer > div {flex-basis: 33.33%;}
  
  .showMobile {display: none;}
  .showDesktop {display: block;}
  
  .cardslider {flex-wrap: wrap;}
  
  .searchButton {background-color: teal; color: #fff; height: 34px; border: 0; font-size: 1em;}
  .searchInput {width: 80%; border-right: 0; float: left;}
 
  .box250nm {min-height: 275px;}
  .box250om {min-height: unset;}
  .box180 {min-height: 205px;}
  }
  
  @media only screen and (min-width: 1000px) { 
    .headBack {height: 300px;}
    .nav {max-width: 1130px;}
    .titleimage {width: 100%;}
    .outerContainer {width: 100%; margin: 0; top: 160px;}
    .titleImageDesc {margin: 0 auto; padding: 0.5em 0; color: grey;}
    .boxItem {max-width: 700px;}
    .newsItem {border: unset; border-radius: unset; max-width: 100%; flex-wrap: nowrap;}
    .newsItemImage {width: 280px;}
    .newsItemImage > img {border-radius: unset; width: 280px;}
    .newsItemTeaser {margin-top: 0; margin-left: 15px;}
    .newsItemTeaser > h1 {margin: 0; padding: 0; font-size: 1.2em;}
    .newsItemTeaser > p {padding: 0; margin-top: 0.2em;}
  
    .innerContainer {width: 100%; display: grid; grid-template-columns: 830px 300px;}

    .logo {max-height: 70px; margin: 10px 0;}
  
    .article {margin: 0 auto; width: 730px; max-width: 90%;}
    .articleHeadline {font-size: 2.5rem; line-height: 1.3em;}
  
    .topstories {max-width: 100%;}
    .menu_rubriken {max-width: 100%;}
  
    .showMobile {display: none;}
    .showDesktop {display: block;}
  
    .newsstream {margin: 0 50px;}
  


    .box_native {min-height: 175px;}
  
  }
  
  @media print {
  .printoff {display: none;}
  #addy {display: none;}
  .shareBox {display: none;}
  .footer {display: none;}
  .headBack {display: none;}
  .navWrapper {position: relative;}
  .outerContainer {background-color: #FFF; top: unset; width: 100%; margin: 0; padding: 0;}
  .body {background-color: #FFF;}
  .wrapper {width: 100%;}
  .cleverpush-bell {display: none;}
  .box250nm {min-height: unset;}
  .box250om {min-height: unset;}
  .box180 {min-height: unset;}
  .box250 {min-height: unset;}
  #tbl-next-up {display: none;}  
}