/**
 * Some defaults
 * http://typecast.com/blog/a-more-modern-scale-for-web-typography#
 */
body    {padding: 1rem; font-size: 100%;}
*       {box-sizing: border-box;}
p       {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
h1, h2, h3, h4 
    {margin: .5em 0 .75em;}
h1  {font-size: 3em; line-height: 1.05em}
h2  {font-size: 2.25em; line-height: 1.25em}
h3  {font-size: 1.75em; line-height: 1.25em; grid-column: span 3}
h4  {font-size: 1.125em; line-height: 1.222222em}

body, h1, h2, h3, h4, h5, h6 
        {font-size-adjust: 0.5;}

/* Links */
a       {color: #D39D99; text-decoration: none;}
a:focus, a:active, a:hover
        {text-decoration: underline;}


/* Wordpress content is max 584px.... */
.contain {max-width: 1170px; margin-left: auto; margin-right: auto; padding: 1em;}
#wrapper {box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);}
#wrapper > * {padding: 1em;}


/**
  * Overview list
  */
aside       {background: #4b5195; color: #fff;}
ul#cr_list  {list-style: none; padding: 0; margin: 0;}
#cr_list li {padding: 10px 0;}
p.sstThema  {display: none;}

/**
  * List Bibliography
  */
#bibliography h3 {margin: 2em .75em 0.75em 0;}

.citation_wrapper  {}
.ppn_wrapper, .article_wrapper, .link_wrapper {}
.entryCitation {}

.gbv_cover  {width:60px; height: 90px; border: thin solid #000;}
.icon_img  {display: none;}
.sfxLink {float: right;}

/* START: Older browsers - (no grid support) */
.biblioEntry, .sstEntry  {clear: both;}  
.gbv_cover {float: left; margin: 0; padding: 0}  
.entryCitation, .entryLinks {margin-left: 85px;}
.entryLinks {margin-top: 20px; text-align: left;}
/* END: Older browsers - (no grid support) */

@supports ( display: grid ) {
    .entryLinks {text-align: left; grid-column: 2 / span 2;}
    .biblioEntry, .sstEntry {display: grid; grid-template-columns: 70px auto; grid-gap: 20px; margin-bottom: 1.5em;}
    .article_wrapper .entryCitation, .link_wrapper .entryCitation {grid-column: 1 / span 2;}
    .entryCitation, .entryLinks {margin-left: 0;}
    .entryLinks {margin-top: 0; text-align: left;}
}

/**
 * Responsiveness
 */
@media (min-width: 600px) {.contain {padding: 0;} }
@media (min-width: 700px) {
  .entryCitation {text-indent: -25px; padding-left: 25px;}

  /* START: Older browsers - (no grid support) */
  #index {max-width: 20%; float: left;}  
  #bibliography {max-width: 70%; float: left;}
  .biblioEntry, .sstEntry  {margin-bottom: 60px; clear: both;}  
  .gbv_cover {float: left; margin: 0; padding: 0}  
  .entryCitation, .entryLinks {margin-left: 125px;}
  /* END: Older browsers - (no grid support) */

  .gbv_cover  {width:100px; height: 150px;}
  .icon_img   {background: #fff; width:100px; padding: 5px; font-family: "Lucida Sans Unicode", "Arial Unicode MS"; font-size: 50px; color: #97DFF7; text-align: center; border: thin solid #000; display: block;}
  .sfxLink    {float: none; display: block;}
  
  @supports ( display: grid ) {
      #wrapper      {display: grid; grid-template-columns: 1fr 3fr;}
      #wrapper > *  {padding: 2em 2em;}
      .entryLinks {text-align: right; grid-column: 3 / span 1;}
      .biblioEntry, .sstEntry  {display: grid; grid-template-columns: 110px auto 150px; margin-bottom: 15px;}
      .article_wrapper .entryCitation, .link_wrapper .entryCitation {grid-column: 2 / span 1;} 
      .entryCitation, .entryLinks {margin-left: 0px;}
      #index, #bibliography {max-width: 100%; float: none;}  
  }   
}


/**
 * Print
 */	
@media print {
  #index {display: none;}
  #wrapper {display: block;}
  .entryLinks {text-align: right; grid-column: 3 / span 1;}
  .sfxLink    {float: none; display: block;}
}


/**
 * Animations
 * https://loading.io/css/
 */
.lds-roller {display: inline-block; position: relative; width: 64px; height: 64px;}
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px;}
.lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #000; margin: -3px 0 0 -3px;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 50px; left: 50px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 54px; left: 45px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 57px; left: 39px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 58px; left: 32px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 57px;left: 25px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 54px;left: 19px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 50px; left: 14px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 45px; left: 10px;}
@keyframes lds-roller {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}