/**
 * "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%; -webkit-font-smoothing: antialiased; }

  /**
  * (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, input, button, select, option, optgroup, pre, code, kbd, samp, var, tt { font-family: 'Libre Franklin', sans-serif; color: #000; outline: 0; border-radius: 0; -webkit-appearance: none; }
  input[type="checkbox"] { -webkit-appearance: checkbox; }
  input[type="radio"] { -webkit-appearance: radio; }
  select { -webkit-appearance: menulist; }
  textarea, input, select { box-sizing: border-box; padding: 10px; font-size: 20px; line-height: 34px; border: 1px solid #7d7d7d; outline: 0; background: #fff; }
  textarea:focus, input:focus, select:focus { border-color: #4a4a4a; }
  textarea { resize: vertical; }
  select option { padding: 0; font-size: 16px; }
  input[type="button"], input[type="reset"], input[type="submit"], button { display: inline-block; padding: 10px 20px; color: #fff; font-size: 20px; font-weight: 300; line-height: 24px; background: #0062a3; border: 0; outline: 0; cursor: pointer; }
  input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { background-color: #004e82; }

  *::-webkit-input-placeholder { font-size: 0.75em; color: #999; }
  *::-moz-placeholder { font-size: 0.75em; color: #999; }
  *:-ms-input-placeholder { font-size: 0.75em; color: #999; }

  input::-moz-focus-inner, button::-moz-focus-inner { margin: 0; padding: 0; border: 0; }
  input::-moz-focus-outer, button::-moz-focus-outer { margin: 0; padding: 0; border: 0; }
  
  /* font-size: 14px; */
  body { font-family: 'Libre Franklin', sans-serif; font-size: 20px; line-height: 34px; color: #000; }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1, h2, h3, h4, h5, h6, .h1, .h2 { font-family: 'Libre Franklin', sans-serif; font-size: 22px; font-weight: 300; font-style: normal; color: #000; line-height: 26px; margin: 50px 0 25px; text-transform: uppercase; }
  h1, .h1 { font-size: 36px; line-height: 44px; margin-top: 0; }

  h1 + h2, h2 + h3, .h1 + h2, .h1 + h3 { margin-top: -20px; }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul, ol, dl { margin: 10px 0; }
  ul { list-style-type: disc; }
  ol { list-style-type: decimal; }
  ul ul { list-style-type: circle; margin-bottom: 0; }
  ol ol { list-style-type: lower-latin; margin-bottom: 0; }
  ol ul { list-style-type: circle; margin-bottom: 0; }
  li { font-size: 20px; line-height: 34px; margin: 0 107px 20px; }
  dt { font-weight: 700; }
  dd { margin: 0 0 1.5em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p { font-size: 20px; line-height: 34px; margin: 0 0 20px; }
  blockquote, cite, q { font-family: 'Libre Franklin', sans-serif; font-style: italic; }
  blockquote { margin: 40px 0; }
  blockquote p:last-child { margin: 0; }
  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: #666; font-weight: 700; }
  var, dfn { font-style: normal; text-decoration: underline double #0062a3; cursor: help; }
  acronym, abbr { text-decoration: underline double #0062a3; 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 { color: black; background: yellow; }
  hr { margin: 40px 0 0; padding: 0 0 40px; border: 0; border-bottom: 1px solid #000; background: none; }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a { color: #0062a3; font-weight: 700; background: none; text-decoration: none; }
  a:active { outline: 0; }
  a:hover, a:focus { color: #004e82; text-decoration: none; outline: 0; }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 { color: inherit; font-weight: inherit; }

  .arrow-box, .internal-link-box, .external-link, .download, .grid--marginal [class*="frame-type-menu_"] a, .column-right [class*="frame-type-menu_"] a, .frame-type-uploads a { position: relative; display: inline-block; color: #0062a3; margin: 0 20px 20px 0; padding: 20px 44px 20px 20px; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: uppercase;  background: #fff; border: 1px solid #0062a3; }
  .arrow-box:after, .internal-link-box:after, .external-link:after, .download:after, .grid--marginal [class*="frame-type-menu_"] a:after, .column-right [class*="frame-type-menu_"] a:after, .frame-type-uploads a:after { content: " "; display: inline-block; width: 16px; background: url(/fileadmin/gfx/arrow-orange.svg) no-repeat scroll 50% 50% transparent; /*height: 15px; margin: 0 0 0 8px;*/ position: absolute; top: 0; right: 20px; bottom: 0; }
  .arrow-box:hover, .arrow-box:focus, .internal-link-box:hover, .internal-link-box:focus, .external-link:hover, .external-link:focus, .download:hover, .download:focus, .grid--marginal [class*="frame-type-menu_"] a:hover, .grid--marginal [class*="frame-type-menu_"] a:focus, .column-right [class*="frame-type-menu_"] a:hover, .column-right [class*="frame-type-menu_"] a:focus, .frame-type-uploads a:hover, .frame-type-uploads a:focus { color: #004e82; border-color: #004e82; }

  .arrow-box.is--big { display: block; max-width: 340px; margin: 0 0 40px; padding: 37px 20px; text-align: center; }
  .arrow-box.is--big:after { height: 15px; margin: 0 0 0 8px; position: static; }

  .arrow-box.arrow-back { padding: 20px 20px 20px 44px; }
  .arrow-box.arrow-back:after { right: auto; left: 20px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

  .download { padding: 13px 44px 13px 20px; }
  .download:after, .frame-type-uploads a:after { background-image: url(/fileadmin/gfx/download.svg); }

  .further-information [class*="frame-type-menu_"] { overflow: hidden; }
  .further-information [class*="frame-type-menu_"] ul { list-style-type: none; margin: 0 -10px; padding: 0; }
  .further-information [class*="frame-type-menu_"] li { list-style-type: none; margin: 0; padding: 0 10px; float: left; width: 33.333%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .further-information [class*="frame-type-menu_"] li a { display: block; margin: 0; padding: 47px 20px 46px; text-align: center; }
  .further-information [class*="frame-type-menu_"] li a:after { height: 15px; margin: 0 0 0 8px; position: static; }
  .further-information [class*="frame-type-menu_"] li { display: table; min-height: 114px; }
  .further-information [class*="frame-type-menu_"] li a { display: table-cell; width: 100%; vertical-align: middle; padding: 37px 20px; }

  /* --- 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
  */
  .hyphenate { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

  .frame > a[id^="c"] { display: none; }

  #main ul > li { position: relative; list-style-type: none; }
  #main ul > li:before { content: ""; display: block; position: absolute; top: 9px; left: -44px; width: 16px; height: 16px; border: 2px solid #f93; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

  .annual-report-download + * { margin-top: 75px; }

  [class*="frame-type-menu_"] > a { display: none !important; }
  .ce-menu { margin: 75px 0 0; }
  .ce-menu ul, .grid--marginal [class*="frame-type-menu_"] ul, .column-right [class*="frame-type-menu_"] ul, .frame-type-uploads ul { list-style-type: none; margin: 0; padding: 0; }
  .ce-menu li, .grid--marginal [class*="frame-type-menu_"] li, .column-right [class*="frame-type-menu_"] li, .frame-type-uploads li { list-style-type: none; margin-left: 0; padding: 0; }
  .ce-menu li:before, .grid--marginal [class*="frame-type-menu_"] li:before, .column-right [class*="frame-type-menu_"] li:before, .frame-type-uploads li:before { display: none !important; }
  .ce-menu a, .grid--marginal [class*="frame-type-menu_"] a, .column-right [class*="frame-type-menu_"] a, .frame-type-uploads a { margin: 0; }

  .grid--marginal [class*="frame-type-menu_"] li, .column-right [class*="frame-type-menu_"] li, .grid--marginal .frame-type-uploads li { margin: 0 0 20px; }
  
  .image-description { display: block; color: #7d7d7d; font-size: 12px; line-height: 15px; font-weight: 400; }

  .orange { color: #f93; }

  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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: #000; border-top: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; margin: 0 0 1.35714em 0; }
  th, td { font-size: 20px; line-height: 34px; vertical-align: top; padding: 20px 20px; }
  th *:first-child, td *:first-child { margin-top: 0; }
  thead th { text-align: left; color: #000; border-bottom: 2px solid #7d7d7d; }
  tbody th, tbody td { text-align: left; border-top: 1px solid #7d7d7d; }
  tbody tr:first-child th, tbody tr:first-child td { border-top: 0; }

  .capitel + tr:not(.capitel) th, .capitel + tr:not(.capitel) td { border: 0; padding-top: 0; }
  .capitel .kaptitel { font-weight: 700; }

  .capitel td .download, .capitel td .internal-link-box { padding: 13px 44px 13px 20px; margin: 0 0 20px; }
  .capitel td a:last-of-type { margin: 0; }

  .contenttable .download { margin: 0; }
}