@font-face {
  font-family: 'BlackChancery';
  src: url(media/BLKCHCRY.TTF);
}
@font-face {
  font-family: 'PixelChancery';
  src: url(media/PixelChancery_v2c.ttf);
}
html {
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}
* {
  position:relative;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  font-family:inherit;
  line-height:inherit;
}
/*p, ul, li {
  font-size:1em;
}*/
b {
  font-weight: bold;
}
/*ul, li {
}*/
body, html {
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: Tahoma, sans-serif;
}
body, div {
  position:relative;
  margin: 0;
  padding: 0;
}
body {
  background:#000;
  color:#FFF;
  font-size:20px;
  line-height:160%;
}
/*.banner {
  margin-bottom:1em;
  text-align:center;
}*/

a:link, a:visited {
  color:#FFF;
  text-decoration:none;
}
a:link:hover {
  text-decoration:underline;    
}
.segment a:link, .segment a:visited  {
  color:#B56ABF;
}

.banner {
  text-align:center;
}
.banner img {
  max-width:800px;
}
.logo-banner img {
  max-height:200px;
}
.navbar-wrapper {
  /*position:fixed;
  top:0px;*/
  left:0px;
  right:0px;
  text-align:center;
  min-width:800px;
}
.navbar {
  display:inline-block;
  padding:0.5em 3.5em;
  /*padding:1em 1em 1em 5em;*/
  border-bottom-left-radius:1em;
  border-bottom-right-radius:1em;
  text-align:center;
  max-width:800px;
}
.sticky-element--stuck .navbar {
  background:rgba(100, 100, 100, 0.5);
  background-image:url(media/logo_small.png);
  background-size: contain;
  background-position:left;
  background-repeat:no-repeat;
  /*background:rgba(133, 39, 146, 0.5);*/
}
.navbar a {
  /*color:#FFF;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  font-family:'BlackChancery';*/
  font-family:'PixelChancery';
  font-size:1.75em;
  margin:0px 0.33em;
}
/*.navbar a:hover {
  text-decoration:underline;    
}
.navbar-segment {
  margin-bottom:2em;
}*/
.page-content {
  /*text-align:center;*/
  width:800px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0.5em;
}
.page-content-slim {
    /*text-align:center;*/
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
}
.segment {
  padding-top:2em;
  padding-bottom:0.5em;
  text-align:center;
}
.segment--nopad {
    padding-top: 0px;
    padding-bottom: 0px;
}
.segment-content {
  margin-left:4em;
  text-align:left;
}
.segment-content--slim {
    /*width:410px;*/
    display:inline-block;
    margin-left: auto;
    margin-right: auto;
}
p, div.paragraph {
  margin:0.5em 0px;
}
h1 {
  font-family:'BlackChancery';
  font-family:'PixelChancery';
  font-weight:normal;
  font-size:2.5em;
  color:#852792;
  /*margin:1em 0px 0.5em 0px;*/
}
h1 a:link, h1 a:visited {
  color:#852792;
}
h1 a:link:hover {
  text-decoration:none;
}
h2 {
  font-family:'BlackChancery';
  font-family:'PixelChancery';
  font-weight:normal;
  font-size:2em;
  margin:0.5em 0px 0.5em 0px;
  background:url(media/header_bg2_800.png);
  background-position: center;
  background-size:auto 100%;
  /*background-size:contain;*/
  background-repeat:no-repeat;
  padding:0.5em;
  text-align:center;
}
h3 {
  /*font-family:'PixelChancery';*/
  font-weight:normal;
  font-size:1.2em;
  margin:1em 0px 0.5em -1em;
}
.navbar-segment {
  /*padding-bottom:2em;*/
  padding-top:1em;
  padding-bottom:1em;
}
.avatar {
  position:absolute;
  top:-0.5em;
  bottom:-0.5em;
  left:160px;
  right:0px;
  background-position:left;
  background-size:auto 100%;
  background-repeat:no-repeat;
}
.avatar-normal {
  background-image:url(media/avatar_normal.png);
}
.avatar-sus {
  background-image:url(media/avatar_sus.png);
}
.avatar-lachen {
  background-image:url(media/avatar_lachen.png);
}
.avatar-zeigen {
  background-image:url(media/avatar_zeigen.png);
}
div.anchor-offset {
  position:absolute;
  top:-3em;
}

a.anchor-offset {
  display:inline-block;
  position:absolute;
  top:-2em;
}
.centerbox {
  display:inline-block;
}
ul {
  text-align:left;
}
li {
  margin:0px;
  margin-left:1.5em;
}
.stream-border {
  position:absolute;
  top:-8px;
  bottom:-2px;
  left:-8px;
  right:-8px;
  background:#000;
  border:1px solid #852792;
  border-radius:8px;
  /*padding:4px;*/
}
.left-aligned {
  display:inline-block;
  text-align:left;
}
.center {
  text-align:center;
}
.right {
  text-align: right;
}
.indent {
  display:inline-block;
  padding-left:1em;
}

/*.segment-legal a {
  color:#FFF;
  text-decoration:none;
}
.segment-legal a:hover {
  text-decoration:underline;    
}*/
.segment-legal {
  text-align:center;
}

.sticky-element {
  position:absolute;
  z-index:1000;
}
.sticky-element--stuck {
  position:fixed;
  top:0px;
}
.intext-icon {
  width:3.2em; /* 160% line-height = 3.2em */
  height:3.2em;
  float:left;
  padding-right: 4px;
}
.intext-image {
  float:left;
  padding-right: 4px;
}

.header-icon {
  position:absolute;
  left:-66px; /* -3.7em */
  top:0px;
  width:54px; /* 160% line-height = 3.2em */
  height:54px;
}

.emote {
    width: 56px;
    height: 56px;
}

.segment-indent {
    margin-left: 11em;
}
.page-content-slim .segment-indent {
    margin-left: 6em;
}

.wrap-block {
    display:inline-block;
}


a.link-button, a.link-button:link, a.link-button:visited, a.link-button:hover, a.link-button:link:hover, a.link-button:visited:hover {
    color: #FFF;
    text-decoration: none;
}
.infotext {
    font-size:0.8em;
}

a.link-block {
    display:inline-block;
}
a.link-block, a.link-block:link, a.link-block:visited, a.link-block:hover {
    color:inherit;
    text-decoration:inherit;
}

.link-button {
    display: block;
    width: 380px;
    padding: 0.25em 1em 0.25em 3em;
    margin-top: 1em;
    background: #852792;
    /*font-weight: bold;*/
    font-size: 20px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: 0.5em center;
    background-size: auto 1.5em;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    box-sizing:border-box;
}
.link-button--small {
    display: inline-block;
    width: auto;
    padding: 0px 0.5em 0px 2.2em;
    margin-top: 0.25em;
    font-size: 14px;
    border-radius: 3px;
    background-position: 0.5em center;
    background-size: auto 1.2em;
    line-height: 1.7em;
    border-bottom: none;
    border-right: none;
    /*height: 1.8em;*/
}
div.link-button {
    border-bottom: none;
    border-right: none;
}
a.link-button:hover {
    opacity: 0.9;
    border-bottom: none;
    border-right: none;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}
a.link-button--small:hover {
    border-top: none;
    border-left: none;
}

.link-button-wrapper {
    background: #FFF;
    /*background: rgba(255, 255, 255, 0.5);*/
    border-radius: 6px;
    width: 380px;
    box-sizing: border-box;
}
.link-button-wrapper img {
    max-width:100%;
}
/*.link-button-wrapper .qrcode--telegram {
    max-width: 50%;
    margin:0px auto 0px auto;
}*/
div.qrcode--telegram {
    height: 192px;
    background: url(media/telegram_qr.png) no-repeat center center;
    background-size: contain;
}

.link-button--twitch {
    background-color: #8d4df8;
    background-image: url(media/twitchlogo_128px.png);
}
.link-button--youtube {
    background-color: #e10000;
    background-image: url(media/youtubelogo_128px.png);
}
.link-button--twitter {
    background-color: rgb(29, 155, 240);
    background-image: url(media/twitterlogo_128px.png);
}
.link-button--facebook {
    background-color: #1877f2;
    background-image: url(media/facebooklogo_128px.png);
}
.link-button--getshirts {
    background-color: #f49016;
    background-image: url(media/getshirtslogo_128px.png);
}
.link-button--telegram {
    background-color: #3ea9e5;
    background-image: url(media/telegramlogo_128px.png);
}
.link-button--discord {
    background-color: #5865F2;
    background-image: url(media/discordlogo.svg);
}