/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  /*
  * @section global typography settings
  *
  * vertical rhythm settings (based on em-unit)
  * -------------------------------------------
  * basefont-size:  14px (87.5%)
  * line-height  :  21px (factor: 1.5) */
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100%; }

  /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */
  textarea, button, input, select, option, optgroup, pre, code, kbd, samp, var, tt { font-family: 'Lato', sans-serif; }

  /* font-size: 14px; */
  body { font-family: 'Lato', sans-serif; font-size: 87.5%; color: #1A1A1A; }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: 700; color: #1A1A1A; line-height: 1.2; margin: 1.5em 0 0.5em; }
  h1 { font-size: 1.5em; color: #000; margin-top: 0; }
  h2 { font-size: 1.167em; }
  h3, h4, h5, h6 { font-size: 1em; }
  
  .ym-col33 h2, .ym-col33 h3, .ym-col33 h4, .ym-col33 h5, .ym-col33 h2 { color: #4D4D4D; }
  
  .csc-firstHeader, .csc-textpic-intext-left .csc-textpic-text .csc-textpicHeader *, .csc-textpic-intext-right .csc-textpic-text .csc-textpicHeader *, .csc-textpic-intext-left-nowrap .csc-textpic-text .csc-textpicHeader *, .csc-textpic-intext-right-nowrap .csc-textpicHeader * { margin-top: 0; }
  .csc-textpic-intext-left, .csc-textpic-intext-left-nowrap, .csc-textpic-intext-right, .csc-textpic-intext-right-nowrap { margin-top: 2em; }
  .csc-firstContent .csc-textpic, .csc-header + .csc-textpic { margin-top: 0; }
  .csc-header + h2, .csc-textpicHeader + h2, .csc-header + h3, .csc-textpicHeader + h3 { margin-top: 0; }
  
  h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after { display: none !important; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font: inherit; }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul, ol, dl { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; }
  ul { list-style-type: disc; }
  ol { list-style-type: decimal; }
  ul ul { list-style-type: circle; margin: 0; }
  ol ol { list-style-type: lower-latin; margin: 0; }
  ol ul { list-style-type: circle; margin: 0; }
  li { font-size: 1em; line-height: 1.5; margin-left: 1.2em; }
  dt { font-weight: 700; }
  dd { margin: 0 0 1.5em 0.8em; }
  
  .ym-col31 li { list-style: none; margin-bottom: 0.25em; }
  .ym-col31 li:before { content: ""; display: list-item; color: #8b9aa2; float: left; list-style: square; width: 0; }
  
  .ym-col33 ul { list-style: none; }
  .ym-col33 li { margin: 0.5em 0 0; }
  
  .frame-bibliography li, .bibliography li, li.bibliography, li.bibliography ~ li { margin-bottom: 1.5em; }
  .tx-indexedsearch .tx-indexedsearch-browsebox li { display: inline-block; margin: 0 0.5em 0.5em; }
  .tx-indexedsearch .tx-indexedsearch-browsebox li:before { display: none; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; }
  blockquote, cite, q { font-family: 'Lato', sans-serif; font-style: italic; }
  blockquote { background: transparent; color: #1A1A1A; margin: 1.5em 0 0 1.5em; }
  strong, b { font-weight: 700; }
  em, i { font-style: italic; }
  big { font-size: 1.143em; line-height: 1.3125; }
  small { font-size: 0.857em; line-height: 1.75; }
  pre, code, kbd, tt, samp, var { font-size: 1em; }
  pre { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  pre, code { color: #880000; }
  kbd, samp, var, tt { color: #666666; font-weight: 700; }
  var, dfn { font-style: italic; }
  acronym, abbr { border-bottom: 1px dotted #1A1A1A; font-variant: small-caps; letter-spacing: .07em; cursor: help; }
  sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }
  mark { background: yellow; color: black; }
  hr { color: #fff; background: transparent; margin: 0 0 1.5em; padding: 1.5em 0 0; border: 0; border-bottom: 1px solid #1A1A1A; }
  
  .ym-col33 p { margin: 0 0 0.75em; }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a { color: #50788E; background: transparent; text-decoration: none; }
  a:active { outline: none; }
  a:hover, a:focus { color: #BDCCD4; text-decoration: none; }
  
  /*a[href^="http://allegro.wwwan.de"], a[href^="https://allegro.wwwan.de"] { font-size: 1.357em; }*/

  /* --- images ------------------ */
  img, figure { margin: 0; }
  figure img { max-width: 100%; width: auto; height: auto; }

  /**
  * ----------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
  .ym-col33 a:after, .article .more:after { content: ""; display: inline-block; height: 0; width: 0; margin: 0 0 0 0.25em; position: relative; top: -0.05em; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.6em solid #C1272D; }
  .ym-col33 a:hover:after, .article .more:hover:after { border-left-color: #BDCCD4; }
  a.internal-link-more:after { content: ""; display: inline-block; height: 0; width: 0; margin: 0 0 0 0.25em; position: relative; top: -0.05em; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.6em solid #C1272D; }
  a.internal-link-more:hover:after { border-left-color: #BDCCD4; }
  a.internal-link-more:hover .red { color: #BDCCD4; }
  a.internal-link-login, a.external-link-login { display: inline-block; color: #fff; padding: 0 1em; text-transform: uppercase; background: #C1272D; }
  a.internal-link-login:after, a.external-link-login:after { position: static !important; content: ""; display: inline-block; height: 12px; width: 14px; background: url(/fileadmin/gfx/lock.png) no-repeat scroll center center transparent; border: 0 !important; }
  
  a[data-arrow="no"]:after, figure > a:after { display: none !important; }
  
  span.black { color: #000000; }
  span.red { color: #C1272D; }

  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
  table { width: 100%; border-collapse: collapse; color: #1A1A1A; border: 0; margin: 0 0 1.5em; }
  caption { font-variant: small-caps; }
  th, td { line-height: 1.5em; vertical-align: top; padding: 0.25em 0.75em; }
  td + td, th + th, th + td, td + th { border-left: 1px solid #FFFFFF; }
  th *:first-child, td *:first-child { margin-top: 0; }
  thead th { text-align: left; color: #FFFFFF; background: #C1272D; border: 0; }
  tbody th { text-align: left; border: 0; }
  tbody td { text-align: left; border: 0; }
  tbody .tr-odd td { background: #FAFBFC; }
  tbody .tr-even td { background: #E5EBEE; }
  tbody tr:hover th, tbody tr:hover td { background: #FFFFFF; }
}
