/* 
 * Ressort Verzeichnis
 *
 */
@media (min-width: 660px) { 
  #content {
    width	: 660px;
    position	: absolute;
    left	: 50%;
    margin-left	: -330px;
  }
}
a:link, a:visited, a:hover, a:active, a:focus {
  text-decoration	: none;
  color			: #000000;
}

/* Klammer für einen Artikel */
div.SectionArticle {
  margin	: 0;
  padding-top	: 0;
  padding-bottom: 0;
  	
}

div.SectionArticleEnd {
  margin-left	: 1rem;
  margin-right	: 1rem;
  padding-bottom	: 0.556rem;		/* 10bx */
  border-bottom		: 0.056rem black solid;	/* 1bx */
}

.SectionArticleEnd.Kurztitel {	/* ####j Balken weg */
/*  border-bottom	: 0.25em black solid; */
  border-bottom	: 0;

}

.SectionArticleEnd.Linkliste {
  border-width          : 0 0 0.2rem 0;
  border-style          : dotted;
  border-color          : rgb(0, 0, 0);

  border-image-source   : url('dots.svg');
  border-image-slice    : 20% 20% 20% 0%;
  border-image-repeat   : repeat;
}

/* ------------------ LinkListe ------------------ */

div.LinkListe {		/* ####j neu Zusammenfassung */
  background-color      : #efefef;
}

div.VerzeichnisArtikel h4.Unterzeile {
  margin-bottom : 0.3rem;     /* 5,4bx */
}

div.VerzeichnisArtikel {
  margin-left	: 1rem;
  margin-right	: 1rem;
  margin-top	: 0.9rem;
  padding-bottom: 0;
}

div.VerzeichnisFoto + div.VerzeichnisArtikel {
  margin-top    : 0.9rem;
}


div.VerzeichnisAnzeige {
  margin-left     : 0rem;
  margin-right    : 0rem;
  margin-top      : 0rem;			/* 18bx */
  padding-bottom  : 0rem;
}

div.Verweis {
  margin-bottom	  : 0;
  padding-bottom  : 0;
}

div.Balken, div.VerzeichnisEnde {
  border-bottom		: 0.5rem black solid;	/* 9bx */
  padding-bottom	: 0.722rem;
}

.SectionArticleEnd.Balken {
  border-bottom		: 0.3rem black solid;
  padding-bottom	: 0.722rem;
}


/*
 * dots.svg
 * 3 Punkte x 3 Punkte in einem Quadrat von 25pt
 * Durchmesser 5pt=20% Abstand 5pt=20%
 */

div.PunktBalken {
  border-width          : 0 0 0.2rem 0;
  border-style          : dotted;
  border-color          : rgb(0, 0, 0);

  border-image-source   : url('dots.svg');
  border-image-slice    : 20% 20% 20% 0%;
  border-image-repeat   : repeat;
}

div.VerzeichnisFoto {
  width			: 100%;
  margin-bottom		: 0;
  line-height		: 0;
}

img.VerzeichnisFoto {
  width		: 100%;
  margin	: 0;
  margin-bottom	: 0;
  padding	: 0;
}

div.VerzeichnisArtikel > div.VerzeichnisFoto {
  margin-bottom	: 0.8rem;
}

div.VerzeichnisArtikel > div.ImgEinspaltig {
  margin-bottom		: 0;
  padding-bottom	: 0;
}

img.ImgEinspaltig {
  width			: 19.7%;
  float			: right;
  padding-left		: 1rem;
  padding-bottom	: 1rem;
}

h4.VerweisRessort::before {
  /* • ⁕ ⁝ ► ➽ */
  content	: '➽ ';
}

h4.Ressort {
  margin-left     : 1rem;
  margin-right    : 1rem;
  margin-top      : 0.7rem;
  margin-bottom	  : 0.7rem;
}

p.VerzeichnisAutor::before {
  font-weight	: normal;
  content       : "Von ";
}

div.eptHashtag p.VerzeichnisAutor {
  font-weight	: normal;
}
div.eptHashtag p.VerzeichnisAutor::before {
  content       : "";
}

.MediaImg {
  margin-right	: 0.5rem;
  display	: block;
}

div.VerzeichnisTazze {
  position          : fixed;
  top               : 0.7rem;
  font-family       : AktivGrotesk;
  font-weight       : bold;
  font-size         : 1.2rem;
  padding-left      : 0.8rem;
  padding-top       : 0.2rem;
  padding-bottom    : 0.4rem;
  width             : 3rem;
  background-color  : #D50D2E;
  color             : #ffffff;
}
em.ctFontTaz {
  font-size     : 1.0rem;
  vertical-align: 0.10rem;
}

div.VerzeichnisKopf {
  border-width          : 0 0 0.139rem 0;
  border-style          : dotted;
  border-color          : rgb(0, 0, 0);

  border-image-source   : url('dots.svg');
  border-image-slice    : 20% 20% 20% 0%;
  border-image-repeat   : repeat;

  margin-left		: 1rem;
  margin-right		: 1rem;
  padding-top		: 1rem;
  padding-bottom	: 0.3rem;
  text-align		: right;
  font-family		: AktivGrotesk;
  font-weight		: bold;
  font-size		: 1.389rem;	/* 25bx */
}

div.VerzeichnisDatum {
  font-family     : AktivGroteskLight,sans-serif;
  font-weight     : 200;
  font-size       : 0.75rem;
  text-align      : right;
  margin-left     : 1rem;
  margin-right    : 1rem;
  margin-top      : 0rem;
  margin-bottom	  : 0.75rem;
}

div.SeitenTitel {
  margin-bottom	: 1rem;	/* 18bx */
}

h2.Titel {
  -webkit-hyphens	: manual;
  -moz-hyphens		: manual;
  hyphens		: manual;
}

h4.FremdRessort {	/* ####j Link auf Fremdressort  */
  font-family	: AktivGrotesk,sans-serif;
  font-size	: 1.111rem;	/* 20bx */
  line-height	: 100%;
  font-weight	: bold;
  text-transform: lowercase;
  margin-left	: 1rem;
  padding-top	: 0.8rem;
/*  margin-bottom: 0.444rem; */	/* 8bx */
}
h4.FremdRessort::after {
  content       : " →";
  white-space   : pre;
  font-size	: 1.5rem;	/* 27bx */
  line-height	: 80%;
}

h4.FremdRessortAlt {
  font-family           : AktivGrotesk,sans-serif;
  font-size             : 0.9rem;
  line-height           : 1.3rem;
  font-weight           : bold;
  color                 : #D50D2E;
  text-transform        : none;
  margin-bottom         : 0.444rem;     /* 8bx */
}

h4.Schlagwort {		/* ####j auch hashtag ? */
  font-family	: Knile;
  font-weight	: Bold;
  font-size 	: 1.056rem;	/* 19bx */
  line-height	: 1.111rem;	/* 20bx */
  color		: #D50D2E;
}


#foto {
  display: block;
}

img.MediaImg {
  width		: 100%;
  margin-bottom	: 0.5rem;
}

div.ZusammenfasungBalken {
  border-width    : 0;
  margin-bottom	  : 0.75rem;
  padding-bottom  : 0;
}

/*
 * dots.svg
 * 3 Punkte x 3 Punkte in einem Quadrat von 25pt
 * Durchmesser 5pt=20% Abstand 5pt=20%
 */

div.Zusammenfasung{
  /* width		: 80%; */
  margin-top		: 0rem;
  border-width          : 0 0 0.16rem 0;
  border-style          : dotted;
  border-color          : rgb(0, 0, 0);

  border-image-source   : url('dots.svg');
  border-image-slice    : 20% 20% 20% 0%;
  border-image-repeat   : repeat;
}

.VerzeichnisInfo {
  margin-left		: 1rem;
  margin-right		: 1rem;
  margin-bottom		: 0.3rem;
  clear			: both;
  display		: flex;
  flex-direction	: row;
  justify-content	: space-between;
  align-items		: center;
}

p.readMinutes {
  font-family	: AktivGrotesk;
  font-weight	: 400;
  margin	: 0;
  padding	: 0;
  font-size	: 0.778rem;
  color		: #9C9C9C;
}

div.sectionButtons {
  display	: flex;
  flex-wrap	: nowrap;
  flex-direction: row;
}

img.bookmarkStar {
  height	: 1.333rem;
  width		: 1.333rem;
  padding	: 0;
  display	: none;
}

img.playlistAdd {
  height	: 1.333rem;
  width		: 1.333rem;
  padding	: 0;
  display	: none;
  margin-right	: 0.5rem;
}

div.VerzeichnisArtikelEnde {
   clear	: both;
   line-height	: 0;
   margin	: 0;
}

.SectionArticle .VerzeichnisArtikel.Kurztitel h2.Titel {
  font-family	: AktivGrotesk;
  font-weight	: normal;
  font-style	: normal;
  font-size	: 1.056rem;
  line-height	: 1.278rem;
  margin-bottom	: 0.556rem;	/* 10bx */
}

/* Muss wieder raus */
body {
  padding-left          : 0;
  padding-right         : 0;
  padding-bottom        : 1rem;
}