/* --------------------------------------------------------
 * Import GLYPHICONS and GLYPHICONS Social
 */
@import url('glyphicons.css');
@import url('glyphicons-social.css');

/* --------------------------------------------------------
 * X-Large viewport
 */

@media (min-width: 1710px) {
  .container {
    width: 1668px;
  }
  .page-container > .row {
    margin-left: 8.3%;
  }
  .main {
    max-width: 60em;
  }
}

/* --------------------------------------------------------
 * th-h.de Header with NavBar
 */

.thh-header {
    width: 100%;
}

.thh-header h1 {
    color: #800040;
    background: transparent;
    margin: 0;
    padding: 0.5em 0.2em 0.4em 0;
    text-align: right;
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1em;
}

.navbar-static-top {
    border: solid #800040;
    border-width: 1px 0 0 0;
}

/* Downsize NavBar */

button.navbar-toggle {
    padding: 5px 4px 4px 5px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.navbar-toggle .icon-bar {
    width: 10px;
    height: 1px;
}

/* Breadcrumbs */

.breadcrumb {
  margin-bottom: 0px;
}

/*  --------------------------------------------------------
 *  Footer
 */

html {
  position: relative;
  min-height: 100%;
}

/* used to "fix" the footer to the bottom;
 * now limited to larger screen sizes, as it
 * breaks the layout when the footer gets
 * "higher" than one line of text on smaller screens
 */
@media (min-width: 992px) {
  body {
    margin-bottom: 40px;
  }
  .footer {
    position: absolute;
  }
}

.footer {
  bottom: 0;
  width: 100%;
  min-height: 30px;
  background-color: #ededed;
}

.container-fluid .text-muted {
  margin: 5px 0;
  text-align: center;
  font-size: 0.8em;
}

/* --------------------------------------------------------
 * Start page
 */

.startpage-leadin p {
  max-width: 1200px;
}

.startpage-column p {
  max-width: 450px;
}

.startpage-column h2 a {
  color: #800040;
}

/* --------------------------------------------------------
 * Sitemap and navigation
 */

.list-sitemap {
  /* indentation for each new level */
  padding-left: 1.0em;
  list-style: none;
}

section > ul.list-sitemap {
  /* no indentation for first level (theme blocks) */
  padding-left: 0;
}

section > ul.list-sitemap > li {
  /* add whitespace before each new theme block */
  margin-top: 1em;
}

.list-sitemap li:before {
  /* glyphicon-arrow-right */
  content: "\e092";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* --------------------------------------------------------
 * Sidebar
 */

.sidebar aside,
.sidebar nav {
  background: #ededed;
  padding: 0.1em 0.75em;
  margin-bottom: 1em;
  max-width: 300px;
  border-radius: 0.5em;
}

/* Software infobox  */

.list-infobox {
  padding-left: 5px;
  list-style: none;
}

.list-infobox li {
  margin-bottom: 5px;
  padding: 0;
}

/* --------------------------------------------------------
 * TOC
 * 
 * Taken from <https://github.com/twbs/bootstrap/> -> /docs/assets/css/src/docs.css
 *
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of content.
 */

/* By default it's not affixed in mobile views, so undo that */
.toc-sidebar.affix {
position: static;
}
@media (min-width: 768px) {
.toc-sidebar {
padding-left: 20px;
}
}
/* First level of nav */
.toc-sidenav {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
/* All levels of nav */
.toc-sidebar .nav > li > a {
display: block;
padding: 4px 20px;
font-size: 14px;
font-weight: 500;
color: #767676;
}
.toc-sidebar .nav > li > a:hover,
.toc-sidebar .nav > li > a:focus {
padding-left: 19px;
color: #563d7c;
text-decoration: none;
background-color: transparent;
border-left: 1px solid #563d7c;
}
.toc-sidebar .nav > .active > a,
.toc-sidebar .nav > .active:hover > a,
.toc-sidebar .nav > .active:focus > a {
padding-left: 18px;
font-weight: bold;
color: #563d7c;
background-color: transparent;
border-left: 2px solid #563d7c;
}
/* Nav: second level (shown on .active) */
.toc-sidebar .nav .nav {
display: none; /* Hide by default, but at >768px, show it */
padding-bottom: 10px;
}
.toc-sidebar .nav .nav > li > a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 13px;
font-weight: normal;
}
.toc-sidebar .nav .nav > li > a:hover,
.toc-sidebar .nav .nav > li > a:focus {
padding-left: 29px;
}
.toc-sidebar .nav .nav > .active > a,
.toc-sidebar .nav .nav > .active:hover > a,
.toc-sidebar .nav .nav > .active:focus > a {
padding-left: 28px;
font-weight: 500;
}
@media (min-width: 768px) {
.back-to-top,
.toc-theme-toggle {
display: block;
}
}
/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
.toc-sidebar .nav > .active > ul {
display: block;
}
/* Widen the fixed sidebar */
.toc-sidebar.affix,
.toc-sidebar.affix-bottom {
width: 213px;
}
.toc-sidebar.affix {
position: fixed; /* Undo the static from mobile first approach */
top: 20px;
}
.toc-sidebar.affix-bottom {
position: absolute; /* Undo the static from mobile first approach */
}
.toc-sidebar.affix-bottom .toc-sidenav,
.toc-sidebar.affix .toc-sidenav {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
/* Widen the fixed sidebar again */
.toc-sidebar.affix-bottom,
.toc-sidebar.affix {
width: 263px;
}
}

/* Custom modifications for th-h.de */
nav.toc-sidebar {
  background: #f5f5f5;
  padding: 0.1em 0.75em;
  margin-bottom: 1em;
  border: 1px solid #ededed;
  border-radius: 0.5em;
  max-width: 300px;
}

.toc-sidebar .nav > li > a:hover,
.toc-sidebar .nav > li > a:focus {
  color: #800040;
  border-color: #800040;
}

.toc-sidebar .nav > .active > a,
.toc-sidebar .nav > .active:hover > a,
.toc-sidebar .nav > .active:focus > a {
  color: #800040;
  border-color: #800040;
}

/* --------------------------------------------------------
 * Main content
 */

.main p {
  text-align: justify;
}

/* Overload bootstrap classes with !important */
.main .text-left {
  text-align: left !important;
}
.main .text-right {
  text-align: right !important;
}
.main .text-center {
  text-align: center !important;
}

/* horizontal dividers */
.main hr {
  border-top: 2px solid #800040;
}

/* Pre defaults - for code */
.main pre {
  overflow-x: auto;
}

.main pre code {
  word-wrap: normal;
  overflow-wrap: normal;
  white-space: pre;
}

/* Table defaults */

.main table tbody tr th,
.main table tbody tr td {
  vertical-align: middle;
}

/* Some special blockquotes */

.main blockquote.example {
  padding: 5px 15px;
  border-color: #c8c8c8;
  background: #f5f5f5;
  font-size: 100%;
}

.main blockquote.statute,
.main blockquote.mailnews {
  padding: 5px 15px;
  border: solid #cccccc;
  border-width: 1px 1px 1px 5px;
  background: #f5f5f5;
  font-size: 100%;
}

/* Footnotes (generated by kramdown) */

a[rel="footnote"]:after {
  content: ")";
}

.footnotes {
  border-top: dashed #cccccc;
  border-width: 1px;
}

/* mostly taken from http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
.footnotes ol {
  counter-reset: li;
  margin-top: 0.2em;
  margin-left: 1.5em;
  padding-left: 0;
}
.footnotes ol > li {
  list-style: none;
  position: relative;
  padding-left: 0.5em;
  font-size: 90%;
}
.footnotes ol > li:before {
  content: counter(li)")";
  counter-increment: li;
  position: absolute;
  left: -2em;
  top: -0.1em;
  width: 2em;
  text-align: right;
  font-size: 80%;
  font-weight: bold;
}

/* Definition lists
 * Used for links, downloads etc.
 */

.main dt {
  margin-bottom: 0.5em;
  padding: 0 0 0 5px;
}

.main dd {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
  padding-left: 0.75em;
  border: dotted #800040;
  border-width: 0 0 0 3px;
  max-width: 50em;
  text-align: justify;
}

/* Panels for downloads, link lists and faqs */
.main div.dl,
.main div.ll,
.main div.faq {
  /* negative top margin */
  margin-top: -12px;
}

/* Images: Screenshots */
.screenshot {
  margin: .5em;
}

.screenshot img {
  margin-bottom: .5em;
  padding: .5em;
  border: 1px solid #ededed;
}

.screenshot p {
  text-align: center;
  font-size: 80%;
}

/* --------------------------------------------------------
 * Standard definitions
 */

/* mailto: links
 * <a href="mailto:..."> */
a[href^="mailto:"] {
  text-decoration: none;
}

a[href^="mailto:"]:before {
  /* glyphicon-envelope */
  content: "\2709";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
}

/* news: links
 * <a href="news:..."> */
a[href^="news:"]:before {
  /* glyphicon-newspaper */
  content: "\E609";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Regular';

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* external links
 * <a href="http...">
 * <a href="ftp..."> 
 * FTP ressources get another symbol after them, see below */
a[href^="http"]:before,
a[href^="ftp"]:before {
  /* glyphicon-share-alt */
  content: "\E095";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* links opening in a new window/tab
 * <a target="_blank"> */
a[target^="_blank"]:before {
  /* glyphicons-new-window */
  content: "\E152";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Regular';

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* links to my blog
 * <a href="https://netz-rettung-recht.de/..."> */
a[href^="https://netz-rettung-recht"]:before {
  content: none;
}

a[href^="https://netz-rettung-recht"] {
   margin-left: 3px;
   padding-left: 13px;
   background: url('/res/icons/nrr.png') no-repeat left;
}

/* links to my wiki
 * <a href="http[s]://wiki.th-h.de/..."> */
a[href^="https://wiki.th-h"]:before,
a[href^="http://wiki.th-h"]:before {
  /* glyphicons-book */
  content: "\E030";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* links to my git repos
 * <a href="http[s]://code.th-h.de/..."> */
a[href^="https://code.th-h"]:before,
a[href^="http://code.th-h"]:before {
  /* glyphicons-git-branch */
  content: "\E423";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* links to my bugtracker
 * <a href="https://bugs.th-h.de/..."> */
a[href^="https://bugs.th-h"]:before {
  /* glyphicons-bug */
  content: "\E361";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* Links to downloads
 * <a href="/archives/..."> */
a[href^="/archives/"]:before {
  /* glyphicon-download-alt */
  content: "\E025";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* links to github
 * <a href="https://github.com/..."> */
a[href^="https://github.com"]:before {
  /* social-github */
  content: "\E022";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Social';
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* links to wikipedia
 * <a href="https://de.wikipedia.org/..."> */
a[href^="https://de.wikipedia"]:before,
a[href^="https://en.wikipedia"]:before {
  /* social-wikipedia */
  content: "\E051";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Social';
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 3px;
  padding-right: 4px;
  font-size: 90%;
}

/* links to GoogleGroups
 * <a href="https://groups.google.com/..."> */
a[href^="https://groups.google"]:before {
  content: none;
}

a[href^="https://groups.google"] {
   margin-left: 3px;
   padding-left: 13px;
   background: url('/res/icons/gg.png') no-repeat left;
}

/* links to FTP ressources - symbol after link!
 * <a href="ftp..."> */
a[href^="ftp"]:after {
  /* glyphicons-download */
  content: "\E026";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 4px;
  padding-right: 3px;
  font-size: 90%;
}

/* links to the Internet Archive's Wayback Machine - symbol after link!
 * <a href="http://web.archive.org/web/..."> */
a[href^="http://web.archive.org/web/"]:after,
a[href^="https://web.archive.org/web/"]:after {
  /* glyphicons-inbox */
  content: "\E028";
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* distinct */
  padding-left: 4px;
  padding-right: 3px;
  font-size: 90%;
}

.no-symbols a:before  {
  content: none;
  background-image: none;
}

.no-symbols a  {
  background-image: none;
}

mark {
  background: #ff8;
}

address {
  margin-left: 1em;
  border-left: 2px dotted #800040;
  padding-left: 0.5em;
}

blockquote {
  font-style: italic;
}

form {
  margin-bottom: 12px;
}

/* --------------------------------------------------------
 * Special cases
 */

/* Google CSE */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}