/* 
    Document   : waz
    Created on : 04.01.2013, 14:08:23
    Author     : Hajo
    Description:
        Purpose of the stylesheet follows.
*/
/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-serif-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v21-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
    /*@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic&subset=latin-ext);*/
/* magra-regular - latin */
@font-face {
  font-family: 'Magra';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/magra-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/magra-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/magra-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/magra-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/magra-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/magra-v14-latin-regular.svg#Magra') format('svg'); /* Legacy iOS */
}
    /*@import url(https://fonts.googleapis.com/css?family=Magra:400,700&subset=latin,latin-ext);*/

    #contentBody{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5% 10%;font-family:Georgia,'Noto Serif',Arial,sans-serif;font-weight:normal;color:#444;font-size:120%;}
    #contentBody .top{display:block;}

    #contentBody media,.signature,.related-links,.intro,.advertMark,media-caption,.verweis,seitenverweis,symbol,.kasten,.Telefon,.Leserstimme{display:none}
    #contentBody .headline{margin-top:20px;font-size:75%}
    #contentBody .title{font-size:180%;font-family:Magra,Arial,non-serif;letter-spacing:-0.025em;margin:0;font-weight:bold;}
    #contentBody .first_paragraph{margin-top:20px;font-size:120%;}
    #contentBody .author{font-style:italic;font-size:90%;margin:20px 0;}
    #contentBody .image_container{margin-left:-20px;margin-right:-20px;}
    #contentBody .image_container img{margin:0;width:100%;}
    #contentBody .image_author{margin:5px 0;font-size:60%;text-transform:uppercase;text-align:right;}
    #contentBody .image_author:empty{display:none;}
    #contentBody .image_description{font-weight:bold;font-size:85%;margin:8px 0 40px 0;font-family:Magra,Arial,sans-serif;}
    #contentBody .image_description:empty{display:none;}
    #contentBody .text {color:#333;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
    #contentBody .text b,.text strong,hervorhebung{font-weight:bold;font-family:Magra,Arial,sans-serif;}
    #contentBody .title br,.subtitle br,zwischenzeile br,.zwischentitel br,.title br:after,.subtitle br:after,zwischenzeile br:after,.zwischentitel br:after{content:' ';}
    #contentBody .text p{margin:0 0 1.2rem 0;padding:0;line-height:170%;}
    #contentBody .text p span{font:inherit !important}
    #contentBody a{text-decoration:underline;}
    #contentBody .copyright {font-size:80%;margin-top:30px;}

    #contentBody frage{font-weight:bold;display:inline-block;font-family:Magra,Arial,sans-serif;line-height:150%;}
    #contentBody frage.zahl{font-weight:bold;color:#fff;}
    #contentBody antwort{margin-bottom:1.5em;clear:both;display:inline-block;line-height:150%;}
    #contentBody p.markierK{display:list-item;list-style:square outside none;margin-left:20px !important;}
    #contentBody .vtitel{display:list-item;list-style:square inside none;float:left;font-weight:bold;}
    #contentBody leser{font-weight: bold;display:block;}
    #contentBody online-verweis:first-letter{font-size:0;clear:both;}
    #contentBody zwischenzeile{margin:0 0 0.4em 0;font-weight:bold;display:inline-block;font-family: Magra,Arial,sans-serif;letter-spacing:-0.025em;font-size:110%;}
    #contentBody textende.normal,online-verweis{border-top:1px solid #fff;font-style:italic;display:inline-block;padding-top:1.5em;clear:both;}
    #contentBody rubrikenkopf-im-text .rubrik{text-transform:uppercase;font-weight:bold;border-bottom:1px solid #bfab79;display:block;margin-bottom:0.8em;}
    #contentBody .kurzmeldung b{font-size:120%;}
    #contentBody titel-im-text .zwischentitel,rubrikenkopf-im-text .rubrik,.subtitle{font-weight:bold;font-family:Magra,Arial,sans-serif;font-size:110%;}
    #contentBody .initial3{float:left;font-size:320%;padding:12px 5px 0px 0px;}

    @supports not (-moz-hyphens: auto) {
        .hyphenate {
            word-break: break-all;
        }
    }

    .hyphenate {
      -webkit-font-variant-ligatures: no-common-ligatures;
      font-variant-ligatures: no-common-ligatures;

      -ms-word-break: normal;
          word-break: break-word;

      -webkit-hyphens: auto;
         -moz-hyphens: auto;
          -ms-hyphens: none;
              hyphens: auto;
    }

    @media screen and (max-width:480px){
        #contentBody{margin:5% 10%;font-size:100%;}
        #contentBody .title{text-align:left;}
    }

    @media print {
        #contentBody .image_container, #contentBody .image_author, #contentBody .image_description{display:none;}
        #contentBody .copyright { margin-bottom: 0; }

        #contentBody .copyright { margin-bottom: 0; }
    }

    #av_content, #av_overlay{will-change:transform;-webkit-backface-visibility: hidden !important;}


.article .hero_img
{
    background-color: rgb(238, 238, 238);
    border-bottom: 0px none;
    clear: both;
}
.inline-media .inline-media__caption {
    color: rgb(102, 102, 102) !important;
    font-size: 0.75em !important;
    overflow: hidden !important;
}
.author-social .author__time {
    color: #a97;
    font-style: normal;
    font-size: .8125em;
}

.author-social .author {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 48.57871%;
    margin-bottom: 1em;
}
.author-social .author__name {
    color: #a97;
    font-style: normal;
    font-size: .75em;
    display: inline;
}
.author-social .author__name, .author-social .author__time {
    font-style: italic;
    font-size: .75em;
    line-height: 1;
}

root { 
    display: block;
}     
      .hidden
      {
        display: none;
      }
      img
      {
        border: none;
      }
      .hl
      {
        font-family: Arial,Helvetica, sans-serif;
        color: rgb(153,0,0);
      }
      h1 a
      {
        font-family: Arial,Helvetica, sans-serif;
        color: rgb(190,0,21);
      }
      .kckr
      {
        font-family: Arial,Helvetica, sans-serif;
        font-size: 12pt;
        line-height: 17px;
        color: rgb(43,43,43);
        text-transform: uppercase;
      }
      .publication_date
      {
        color: rgb(156,156,156);
      }
      /*
      .zoom
      {
        background: url(images/lupe.png) no-repeat 50px 50px;
      }
      */
      .article
      {
        font-family: Verdana;
        width: 90%;
        margin: 15px auto;
      }
      .inline_img a
      {
        position: relative;
      }
      .article__body
      {
        font-size: 1.25em;
        line-height: 1.5555555556em;
        text-align: justify;
      }
      .article__body p {
          font-family: "SourceSerifProRegular",serif;
      }
      .article__header__intro__text
      {
        font-family: Arial;
        font-weight: bold;
      }
      .article__location
      {
        color: red;
        font-size: 10pt;
        font-weight: normal;
      }
      .inline-media__caption
      {
        color: #666;
        font-size: .75em;      
      }
      .zoom
      {
        width: 29px;
        height: 21px;
        overflow: hidden;
        background: url(../images/icons_ir.png) no-repeat -200px -400px;
        display: block;
        position: absolute;
        bottom: 3px;
        right: 3px;
      }
      .img_zoom
      {
        position: relative;
      }
      .img_zoom_lupe
      {
        position: absolute;
        bottom: 0;
        right: -24px;
      }
      .close
      {
        position: absolute;
        right: 15px;
        cursor: pointer;
        color: white;
      }
      .clearfix
      {
        font-family: open_sansregular,Tahoma,Helvetica,Arial,sans-serif;
        font-size: 13px;
        width: 616px;
      }
      .rights
      {
        color: #9c9c9c;
        font-size: 11px;
        font-style: italic;
        /*float: right;*/
      }
      .landscape
      {
        position: absolute;
        margin-top: -127px;
      }
      .hero-img__credits
      {
        font-size: 10px;
        line-height: 22.5px;
      }
      .hero-img__wrapper img
      {
        max-width: 100%;
      }
      .article__body p {
          font-family: "SourceSerifProRegular",serif;
      }

  .outer {
    width: 96%;
    margin: 0 auto;
    padding: 12px; 
  }
  .img_inner img {
      width: 100%;
  }
  .img_inner {
      width: 100%;
      /*box-shadow: 3px 3px 6px rgb(0 0 0 / 50%);*/
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  .text-indent {
    margin: 12px 0;
    font-size: medium;
    hyphens: auto;
    text-align: justify;
}



      /*
.article .inline_img .zoom {
    background: url("../images/icons_ir.png") no-repeat scroll -200px -400px rgba(0, 0, 0, 0);
    bottom: 3px;
    display: block;
    height: 21px;
    position: absolute;
    right: 3px;
    text-decoration: none;
    width: 29px;
}

        */
h1.title.largetitle {
    font-family: TimesNewRoman;
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1;
}
.articleview .subtitle {
    font-family: TimesNewRoman;
    font-size: 1.125em;
    padding-bottom: 1rem;
    color: rgb(129,129,129);
}
.articleview .content {
    font-family: Roboto;
    font-size: 1.6em;
    line-height: 1.4;
    text-align: left;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.articletext {
    font-family: Roboto;
    font-size: 1.4em;
    line-height: 1.3;
    text-align: left;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-top: 12px;
}