:root {
  --font: var(--font-mono);
  --font-side: 'MS Sans serif', arial, verdana, sans-serif;
  --font-em: 'Nothing You Could Do', fantasy;
  --font-size: 0.833rem;
  --header-bg: #00000008;
  --header-height: 5rem;
}
.blue {
	color: var(--color-em);
	font-weight: bold;
}
body {
      grid-template-rows: var(--header-height) auto;
}
em {
      display: block;
    color: red;
    padding:0;
    border: 0;
	margin-top: 1mm;
	font-size: 150%;
	font-weight: bold;
}

em :link {
	color: var(--color-link);
}

em :visited {
	color: rgb(6,125,23);
}

em.note {
    padding:40px;
    border: 0;
    width: 190px;
    height: 187px;
    float: right;
    right: -40px;
    top: -20px;
    position: relative;
    background: url("/img/sticknote.png") no-repeat;

    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
ul.tabs li {
  color: var(--color-link);
  font-size: var(--font-size);
  margin: 0 -2px 0 0;
  padding-left: 2mm;
  padding-right: 6mm;
  padding-top: 2mm;
  padding-bottom: 3mm;
}

header .sub_title {
    text-align: right;
    padding-right: 1cm;
    padding-top: 5px;
    vertical-align: top;
}

img.logo {
    position: relative;
    bottom: -1.5rem;
    left: 0.8rem;
}
main {
    width: min(50rem, calc(100% - 2rem));
    justify-self: center;
}
aside.left {
  display: flex;
  flex-direction: column;
  align-items: center;
	padding-top: 1cm;
	font-size: 9pt;
}

nav.left h3 {
	font-size: 12pt;
	margin: 3mm 0 2mm;
	font-weight: normal;
}

nav.left ul {
	margin: 0;
	padding-left: 26px;
}

nav.left li {
	list-style-image: url(data:image/png;base64,R0lGODlhEAAQAMQAAKuzzLS70aKsyKSuyay1za62zZWhwJmlw3GErXeJsX6PtYeWuY2cvZ2pxW+DrXmMs4KTt22DrAFGeixki2uPpf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABUALAAAAAAQABAAAAU2YCWOZFlSZlpRknpOrSuyUiyXASEYy+PcQFGgMDgwIIlI8BYANBgKxBKY2/V+U9eweExmv5UQADs);
	list-style-type: none;
	margin-left: 5px;
	padding-bottom: 1em;
}

nav.left a:LINK {
	color: #000000;
	text-decoration: none;
}

nav.left a:VISITED {
	color: #000000;
	text-decoration: none;
}

.content {
	padding-top: 1cm;
	padding-bottom: 5mm;
	vertical-align: top;
    padding-right: 1mm;
    padding-left: 1mm;
}

footer {
    color:grey;
    padding-block: 2cm;
    text-align: center;
}
.examples td {padding-left:2mm;padding-right:2mm; border: 1px solid grey;}
.examples th {padding-left:2mm;padding-right:2mm; background-color: #eee; border: 1px solid grey;}
.examples {margin-top: 2mm; border-collapse:collapse;}
#forkongithub a {
  background:#a30;color:#fff;text-decoration:none;font-family: var(--font-side);text-align:center;font-weight:bold;padding:5px 10px;
  font-size:1rem;line-height:2rem;position: relative ;transition:0.5s;
}
#forkongithub a:hover {
  background:#f50;color:#fff;
}
#forkongithub a::before, #forkongithub a::after {
  content:"";width:100%;display:block;position:absolute;bottom:1px;right:0;height:1px;background:#fff;
}
#forkongithub a::after{top:1px;bottom:auto;}
@media screen and (min-width:72em){
  #forkongithub {
    position:fixed;display:block;bottom:0;right:0;width:200px;overflow:hidden;height:200px;
  }
  #forkongithub a {
    width:200px;
    position:fixed;
    bottom:60px;
    right:-60px;
    transform:rotate(-45deg);-webkit-transform:rotate(-45deg);box-shadow:4px 4px 10px rgba(0,0,0,0.8);
    padding:5px 40px;
  }
}
.toc-box { list-style: none; padding:0; width: 14.2em;}

#toc-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 4px 4mm;
}

.toc-box .toc-item-link {
  display: block;
  color: black;
  padding: 4px 4mm;
}

.toc-box .toc-item-link:hover {
  background-color: lightgrey;
}

.toc-box .toc-H3 a.toc-item-link, .toc-box .toc-DT a.toc-item-link {
  padding-left: 6mm;
}

.toc-box .toc-item.active .toc-item-link {
  color: var(--color-link);
  border-left: 1mm solid #7f9fbf;
}
.sidebar {
  display: none;
}

.sidebar>div {
  position: fixed;
  right:2rem;
  padding: 0;
  padding-top: 2rem;
  height: 100%;
  font-family: var(--font-side);
}
@media screen and (min-width:63em){
  body {
    grid-template-columns: 1fr 2.5fr 13.8rem;
    background: left repeat-y url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASAA7AAD/2wBDABgQEhUSDxgVExUaGRgcIzsmIyAgI0gzNis7VUtaWFRLUlFeaodzXmSAZVFSdqB3gIyQl5mXW3GmsqWTsIeUl5L/2wBDARkaGiMfI0UmJkWSYVJhkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpL/wgARCAAZAGQDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAEDBP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAe8pSlKUAAAxKUpSlAAAMSlKUpQAADEpSlKUAAA//8QAFBABAAAAAAAAAAAAAAAAAAAAUP/aAAgBAQABBQJT/8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAwEBPwFT/8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAgEBPwFT/8QAFBABAAAAAAAAAAAAAAAAAAAAUP/aAAgBAQAGPwJT/8QAFBABAAAAAAAAAAAAAAAAAAAAUP/aAAgBAQABPyFT/9oADAMBAAIAAwAAABAAAQAAAAAAAAAAAAAAAAAAAAAAD//EABQRAQAAAAAAAAAAAAAAAAAAAFD/2gAIAQMBAT8QU//EABQRAQAAAAAAAAAAAAAAAAAAAFD/2gAIAQIBAT8QU//EABYQAQEBAAAAAAAAAAAAAAAAAAEAMP/aAAgBAQABPxAiIiMCIiIwIiIjAiIiMP/Z);
  }
  aside.left {
    border-right: 2mm solid #7f9fbf;
    background-color: #00000000;
  }
  nav.left li {
      padding-bottom: 0;
  }
  aside.sidebar {
    display: block;
    grid-area: right;
    border-left: 1px solid lightgrey;
    position: relative;
  }
  header {
    border-bottom: 2mm var(--base-border);
    background-repeat: repeat-x;
    background-image: url(data:image/png;base64,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);
    height: var(--header-height);
    padding:0;
  }
  ul.tabs li {
    color: var(--color-link);
    border: var(--base-border);
    border-width: 2px 2px 0;
    border-radius: 8px 25px 0 0;
    font-size: var(--font-size);
    margin: 0 -2px 0 0;
    padding-left: 2mm;
    padding-right: 6mm;
    padding-top: 2mm;
    padding-bottom: 3mm;
    background: linear-gradient(to top, #d8eeff 0%, #ffffff 20%, #ffffff 70%, #d8eeff 100%);
  }

  header nav ul li a {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
  }
  a.snippetory {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIeSURBVDiNjZI9aBNhGMd/d9e7hNPm2mCHXg5axUai1iIiDk4VBUMRhNJJHEScdCgE6scmuOiQQQenDtJNFx3qYLRDQLSgtBiqxEaNhZ7G2FySCm3SvjmH0Opxh/if3pfnfX7/5+PFDdD7hQX3xdPHQSGfZAL0MfeGl/cuMnX/TlDYo0CA/SXP5cMrxIu3uH3jEq1W6/8BxWKRt6+zRLvg2O5VxromOX/6ILOzswghfADJdV0XYHFxkfHxcSRJQinN8eScDZH2o/oPuPDQoNJ5iIlr10kmk/4KUqkUpmkSi8WIhAEFaAENiMgw0AUxyyKdTlOr1byAcrmMbdvIcpsXVja2k1mDR+/CFPSj7NjZiRCC6elpL0AIgaZpFAoFms0mYZqw0U7+tCwz9XWA7t5+bNtmc3MTXde3AR1bB8uySCQSzM/P0yuvQxMaTbiS6Ubt76darTI4OOgbYsffF8uyMAyDnlfPYR1uzu3h6t1JdF3HcRwqlQq5XO7fa6w7K/Rpazz4sIv4mRSGYfhcAwFbA/z1c5nv9Q4+W2cZODDkT5C9njKA67pEIu2lr5a/8Uwc4XhyLNBR13Wq1ap3BtFolFqthqIoqD19nDxxCkmS2IIritKOqSpLS0uMjIx4KwiFQoyOjjIzM8PeffvRNM3n7DgO2WwW0zQZGvrT2vZXBiiVSmQyGfL5PI1GAyEEoVAIVVUxTZPh4WHi8bgH/Btnxff5ATDWHQAAAABJRU5ErkJggg);
  }

  a.motivity {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAF1wAABdcBf9SEpwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHmSURBVDiNfdJfaM1xGMfx1/njYI6zTBJFJ9b+sdI2I39Da5SYtbDSigvczA2uhF3RuBGuJFfmhkTmT5bMrFmZTWzNxVCrhcTFGmtDc2G/Optt76vn2+fzfPs8Tw//kxYUFdSXc30iLSCc+tjM4aN0bWIHojkUZVIApew/Tvdadqf2RFMfg/SvYPEfTsxjZYLoMPFdnMqmcgkLHvEltScEGzgwQF87jw/wYiurJhjNXR7XUVpIWYK0p9wIJcg4QleSjCZaS1g3fdxoAQP8aqRlC+s76LlAfmSIwTS+xcjdSFF0NNVExIhkkWyjo4tTH+iKQA+vF5HMZW1g7uVTA5e7eTmXnDgzA62Riw+5CtEK7mWyfE6KAZq5coea0U1P20l1oK2mOo+D72kJh/5FDoWmiD6ekVH/COHoTbbDXs4nORaY1nEwSixMbDX7Uj9o5VI9ZyEC26jKomoh8wNTOrOXsT6PNfFx4/0gfRZfP/IunCCjkNoccu7TNMTIZNEH+PWA5wUU5FOLWLSf782cvE9fB48iUxzSE57WsbWT8jgzMDxmccVUVnO9jVd9NBRzaJif7VzLZk+SpZcpecuzoGfMxcVJf0NvJ2ducbqf3/0M3KamnXM9fE6k7GkyZgVFBfVl1E2kBfwF/JV8nq6cRnwAAAAASUVORK5CYII);
  }

  a.pagesally {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAFHQAABR0B/rKGsQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAH/SURBVDiNlZI/aFNRFIe/c/sSUrGCFBSXQq2To2KT1CWKk2Bx0MXa12AFcRB0KGhbJRJ9IvgP3GqKNHbpJtKqZCgZimmMXVQQXFuQKjqoLc1Lco9D+qTWgPFM9/7u+X2cc+4R/iM8t+cN6P6NmmnWfHMgdmmzGdCmAaIy9LeqL5oCeMn4cWBXnSRXFQYBsPLISSUTkZAtXxDlMMIehO+oLInoPNjclYniglhcrbNmhyde3QDw3Hhf+xZ/xglbfwroRYKqAHSfKr1gPM+NFxXdDoIImaAq21JNnhtbqBjQY//oIAqyG6g4duUZQOpkYuvI49IS1H9BGrlEua+QBj6LAsK7oSdvVwAireXxW6ejyXWAPm8EsML7kWzhmh/xO1VYQSkFb1Xsw1bCLwEcsK5gphWJ/VEBZLz+WKf/MXKdjvKXjYDRbHEuOJvh7Ouvjq4eQclv7gKR0XDHWk7RxZDYEg3CeG5sxtfWHkWmGyWAHBJlWW3YCZT0QE/Xg7PRneszkKNiTE5E7zQGAEZaqqZ6ILi2hWo/V32TuX3mYFtTmyhWZ7Esp/u7OwEuZorLBjtVq+h5I8IpReaAWgOvL6J3y13zY8OThadGWk6kEgkH4HK2OImxP37vQKovus0JOXuN1nagJozYT74jH1LjhW9Bjud2t6Nm0F+M3Evl81WAX8sXv8R6KEp1AAAAAElFTkSuQmCC);
  }

  a.conftreaty {
    background-image: url(/img/confLogo_s.png);
  }

  a.imprint {
    background-image: url(/img/sect.png);
  }

}
@media screen and (max-width:63em){
    [role="presentation"], em.note, .picLink {
        display: none;
    }
    h1 {
      font-size: 2rem;
    }
    body {
      grid-template-columns: 0.5fr 2.5fr 0;
    }
    header li a {
      display: block;
      padding-top: 3rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2.5rem;
    }

  a.snippetory {
    background-image: url(/img/SnippetoryLogo.png);
  }

  a.motivity {
    background-image: url(/img/MotivityyLogo.png);
  }

  a.pagesally {
    background-image: url(/img/pagesallyLogo.png);
  }

  a.conftreaty {
    background-position: center top;
    background-image: url(/img/confLogo_s.png);
  }

  a.imprint {
    background-image: url(/img/sect.png);
  }
}
@media screen and (max-width:45em){
    img.logo {
        display: none;
    }
    nav.top ul {
      padding-inline-start: 0;
    }
}
@media screen and (max-width:35em){
    nav.left {
        display: none;
    }
    body {
      grid-template-columns: 0 1fr 0;
    }
}