.md-logo {width:160px;height:65px;border-radius:50%;margin-top:-10px;}
.md-logo img {width:150px !important;height:50px !important;}
.md-sidebar .md-nav__title {font-size:16px;}
.md-typeset a {color:red;}
.md-typeset a:hover {color:darkred;}

img.svg {width:22px;vertical-align: text-bottom;opacity:1;margin:0px 3px 0px 5px;}
img.svg.grey {opacity:0.5}
img.reduced-height {height:20px;}
img.svg-middle {vertical-align:middle;}
img.left-image {margin-right:20px;}
img.float-left {float:left;}
img.width-1-2 {width:45%;margin-right:5px;}
img.external {width:20px;vertical-align: text-top;opacity:1;margin:1px 1px 0px 2px;opacity:0.5}

.md-nav--primary > .md-nav__list > .md-nav__item:first-child {font-style:italic;}
.md-nav__link--active, .md-nav__link:active {color: darkred !important;}
.md-nav__link:focus, .md-nav__link:hover {color: red !important;}

.md-icon--arrow-back:before {
  content: ".md-icon--arrow-back:before {
    content: "î—„";
}
.md-typeset .admonition.info>.admonition-title, .md-typeset .admonition.info>summary, .md-typeset .admonition.todo>.admonition-title, .md-typeset .admonition.todo>summary, .md-typeset details.info>.admonition-title, .md-typeset details.info>summary, .md-typeset details.todo>.admonition-title, .md-typeset details.todo>summary {
  border-bottom-color: rgba(220,0,0,.1);
  background-color: rgba(220,0,0,.1);
}
.md-typeset .admonition.info, .md-typeset .admonition.todo, .md-typeset details.info, .md-typeset details.todo {
  border-left-color: rgb(220,0,0);
}
.md-typeset .admonition.info > .admonition-title::before, .md-typeset .admonition.info > summary::before, .md-typeset .admonition.todo > .admonition-title::before, .md-typeset .admonition.todo > summary::before, .md-typeset details.info > .admonition-title::before, .md-typeset details.info > summary::before, .md-typeset details.todo > .admonition-title::before, .md-typeset details.todo > summary::before {
    color: rgb(180, 0, 0) !important;
    content: "";
}
.strike {
  text-decoration: line-through;
}

button {background:rgba(0,0,0,0.1);padding: 3px 15px;text-transform:uppercase;color:rgba(0,0,0,0.4);margin:0px 1px;border-radius: 10px;}

.circle {display:inline-block;width:14px;height:14px;border-radius:7px;}
.circle-label {display:inline-block;padding-left:20px;}
.circle.red {background-color:red;}
.circle.green {background-color:green;}
.circle.orange {background-color:orange;}
.circle.grey {background-color:grey;}
.circle.white {background-color:white;border:1px solid #aaa;}
.red {color:red;}
.dot {font-size: 40px;vertical-align: text-top;line-height: 16px;}

.rotate45 {transform: rotate(45deg);}
.rotate180 {transform: rotate(180deg);}

figure {margin:20px 0px}
figcaption {font-size:10px;font-style:italic;}

.nice-table {font-size: 80%;border-collapse: collapse;}
.nice-table th {background:rgba(0,0,0,0.2);font-weight:bold;}
.nice-table td, .nice-table th {padding: 2px 4px;text-align:left;}
.nice-table td:first-child p:first-child {font-weight:bold;}
.nice-table tr {border-bottom:1px dotted rgba(0,0,0,0.4);}

/* ************ */
/* PRINT-OUTPUT */

@page {
  size: a4 portrait;
  margin: 20mm 20mm 10mm 20mm;
  counter-increment: page;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  white-space: pre;
  color: grey;
  border-bottom:1px dotted rgba(0,0,0,0.2);

  @top-right {
    content: '';
    width: 100%;
    height:60px;
    background: url(img/bs-logo.png) top right no-repeat;
    background-size: auto 100%;
    padding-top: -10mm;
    
        
  }
  
  @bottom-center {
      content: string(chapter);
      font-size: 9px;
  }
  @bottom-right {
      content: 'Seite ' counter(page);
      font-size: 9px;
  }
  @bottom-left {
    content: '© 2021 Bodystreet GmbH';
    font-size: 9px;
  }
}

@media print {
  .only-print {display:block !important;}
  .no-print {display:none !important;}
  h1 {font-size:24px !important;line-height:24px;margin-bottom:18px;}
  h2 {font-size:20px !important;line-height:20px;margin-top: 1rem !important;}
  h3 {font-size:16px !important;line-height:18px;margin-top: 1rem !important;}
  p, li, div.initials, th, td {font-size: 11px !important; line-height:15px;}
  li {margin-bottom: .25em !important;}
  div.initials::first-letter {
    font-size: 260%;
    line-height: 90%;
  }
  .number, .jump-number {display:none;}
  pre {font-size: 9px !important;line-height:10px;}
  span.err {color:rgba(0,0,0,0.7) !important;}
  .pagebreak {page-break-after: always;}
  img {max-width: 80mm !important;}
  img.smaller-image {max-width: 60mm !important;width:30%!important}
  img.external {width:10px;margin-top:0px;}
  img.category-icon {width:15px;margin-top:0px;}
  img.svg-middle {width: 15px; height: 15px;}
  .md-typeset table:not([class]) td {
    padding: .2rem .3rem;
  }
  td[align="center"]{text-align:center !important;}
  .width-30 {width: 100px !important;min-width: 100px !important;}
  .large-to-small {width: 350px !important;max-width: 350px!important;}
  .md-content, .md-grid, .md-content__inner {margin: 0px !important}
  .md-content__inner {margin-right: 160px !important;}

  .initials::first-letter, .initial-punctuation {
    font-size: 250%;
    line-height: 99%;
    float: left;
    margin-right: 10px;
    color: #999;
  }

  .fraction {
    margin-left: -2px;
    margin-right: 1px;
  }

  /* Footnote */
  .md-typeset .footnote ol {margin-left:13px !important;}

  /* Color */

  a {color: rgb(180, 0, 0) !important;}

  /* Boxes */

  .admonition {
    width: 140px;
    position:absolute !important;
    right: 0px !important;
    margin-top: -160px !important;
    border: none !important;
    padding: 0px !important;
  }
  .admonition.float img {width:100% !important;}
  .admonition .float-right {clear:both;margin-top:10px;}
  .admonition p, .admonition li {font-size: 8px !important; line-height:12px;color:rgba(0,0,0,0.6);}
  .admonition li {margin-left:1em !important;}
  .admonition-title:before {left:0px !important;margin-top: -5px;padding-left: 2px;}
  
  .image-breakout {
    min-width: 550px;
    width: 550px;
  }
}