body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-top: 20px;
    padding: 0px;
    -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
}

#viewport, #viewport2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;   
}

#articleTextContainer p {
    font-weight: 300;
    font-size: 100%;
}

a, a:visited {
    color: #002967;
    text-decoration: none;
    border-bottom: 1px dotted #002967;
}

h1 {
    font-weight: 300;
    font-size: 200%;
}

h2 {
    font-weight: 300;
    font-size: 120%;
}

#articleAuthor {
    font-weight: bold;
    text-transform: uppercase;
}

#articleTrailer {
    font-weight: bold;
}

.tbs_ortein {
    font-weight: bold;
    text-transform: uppercase;
}

.tbs_authinein, .tbs_autoeinhorna {
    font-style: italic;
}

.tbs_headinfoein {
    color: #002967;
    font-weight: bold;
}

.tbs_tiefein {
    vertical-align: sub;
    font-size: 80%;
}

.tbs_hochein {
    vertical-align: super;
    font-size: 80%;
}

.tbs_punkt {

}

p.Zwischenzeile, p.ZwischentitelEinhorn, p.JournaltitelEinhorn, p.IMTitle {
    font-weight: bold !important;
}

#articleImagesList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#articleImagesList li {
}

.articleImageContainer {

}

.articleImage {
    width: 100%;
    border:none;
}

.articleImageCaption
{
    padding: 10px;
}

.articleImageCaption p {
    font-size: 80% !important;
    font-weight: normal !important;
}

.articleHeadline {
}

.slideshowIcon {
    margin: auto;
    float: right;
    display: block;
    position: relative;
    z-index: 2;
    top: -60;
    width: 64;
    height: 64px;
    background-image: url('../images/slideshow.png');
    background-size: 64 64px;
}

#articleImagesWrapper {
    z-index: 1;
    position: relative;

    overflow: hidden;
    float: left;
    max-width: 50%;
    margin-right: 20px;
    width: 1000px;
}

.boxText {

}

.motif {
    max-width: 90%;
}

.boxTitel1 {
    font-weight: 300;
    font-style: bold;
    font-size: 120%;
}

.boxUnterzeile1 {
    font-style: bold;
}

/* SWIPE JS */
.articleImagesWrapper {
  overflow: hidden;
  /*visibility: hidden;*/
  position: relative;
}
.articleImageSwipeWrapper {
  overflow: hidden;
  position: relative;
}
.articleImageSwipeWrapper > div {
  float:left;
  width:100%;
  position: relative;
}

@media screen
and (max-device-width : 414px) /* just smartphones */
and (orientation : portrait) {
  #articleImagesWrapper {
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: 0px;
  }
}