.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}

.wdgt_ft {
visibility:hidden;
}

.none {
  display: none;
}

.s16 {
  padding-left: 20px;
  background: transparent url(../images/s16.png) top left no-repeat;
}

body {
  font:12px 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
  color: #848484;
  background: #F7F7F7 url(../images/head_bg.png) top left repeat-x;
  background-position: left +25px;
}

a, a:visited {
  color: #848484;
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

.small {
  font-size: 11.5px;
}

div.header {
  width: 200px;
  float: left;
  position: relative;
}

div.header strong {
  font-weight: normal;
}

div.content {
  width: 1005px;
  min-height: 590px;
  margin: 30px auto 30px auto;
}


#top {
  width: 100%;
  min-width: 1005px;
  height: 24px;
  border-bottom: 1px solid #c4c4c4;
}


#lichess {
  margin-left: 211px;
}

body.game_board #lichess, body.tournament_room #lichess {
  margin-left: 241px;
}




#site_title {
  width: 130px;
  color: #666;
  font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
  font-size: 30px;
  color: #afafaf;
  text-decoration: none;
  display: block;
  margin-bottom: 3px;
}
#site_title span.en_title_url_font_size
{
	font-size:21px;
}


#site_title span.extension {
  color: #c8c8c8;
  font-weight: normal;
}
#site_title:hover {
  color: #8899aa;
}
#site_title:hover span.extension {
  color: #99aabb;
}
#site_baseline {
  font-style: italic;
  color: #afafaf;
  font-size: 15px;
}

div.footer_wrap {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #EEE;
  padding: 20px 0;
  display: block;
}

div.footer {
  width: 1000px;
  margin: auto;
  line-height: 2em;
}


div.footer div.right {
  float: right;
  text-align: right;
}

.button, a.button {
  border-radius: 5px;
  border: 1px solid #DADADA;
  padding: 0.4em 1em;
  text-decoration: none;
  cursor: pointer;
  font-size: 1.1em;
}

a.easy_button {
  font-weight: normal;
}

div.content_box {
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  padding: 20px 24px 24px 24px;
  text-align: left;
}
div.content_box h1 {
  font-size: 1.8em;
  color: #666;
  font-weight: normal;
  display: inline;
}
div.content_box.small_box {
  width: 600px;
}

body.class_info_site .div_neuheiten {
font-size:14px;
}

div.content_box.no_padding {
  padding: 0;
}
div.content_box.no_padding h1 {
  display: block;
  padding: 20px 25px;
}

.content_box_title {
  padding: 20px 25px 0 25px;
}

div.content_box_top {
  padding-left: 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #ccc;
}
div.content_box_top a {
  float: right;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 40px;
  padding: 0 12px;
  border-left: 1px solid #ccc;
}
div.content_box_top .link:hover {
  background: #fff;
}
div.content_box_top h1.lichess_title {
  display: inline;
  padding: 0;
}
div.content_box_top .icon {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  background: transparent url(/assets/images/s16.png) top left no-repeat;
  margin: 12px 8px 0 -10px;
}
.content_box_content {
  padding: 20px 25px 25px 25px;
}
div.content_box_inter {
  padding-left: 25px;
  line-height: 40px;
  background: #f0f0f0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: block;
}
div.content_box_inter a {
  float: left;
  line-height: 40px;
  margin: 5px 0 -1px 0;
  padding: 0 0.7em;
  font-size: 1.2em;
  text-decoration: none;
}
div.content_box_inter a.active {
  background: white;
  border: 1px solid #ccc;
  border-bottom: 0;
  text-decoration: none;
}

div.content_box .lichess_title {
  font-size: 2em;
  display: block;
  margin-bottom: 0.5em;
}

div.content_box table.datatable {
  width: 100%;
  margin-top: 20px;
}
div.content_box table.datatable td {
  padding: 5px 10px 5px 10px;
}
div.content_box table.datatable tr:nth-child(odd) {
  background: #f7f7f7;
}

table.slist {
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
}

table.slist thead th {
  border-top: 1px solid #d4d4d4;
  padding: 0.4em 0.6em;
}
table.slist thead th.large {
  font-size: 1.4em;
}

table.slist td {
  padding: 0.6em;
  font-size: 1.2em;
}
table.slist td .label {
  font-family: monospace;
  font-size: 10px;
}
table.slist .s16 {
  display: block;
  height: 16px;
  padding: 0 0 0 20px;
}
table.slist tbody tr:nth-child(even) {
  background: #f4f4f4;
}
table.slist td:first-child,
table.slist th:first-child {
  padding-left: 25px;
}

div.lichess_goodies div.box {
  margin-top: 1em;

  width: 212px;
  border: 1px solid #C0C0C0;
  padding: 7px;
  border-radius: 4px;
  box-shadow: 0 0 7px #d0d0d0;
  
  overflow: hidden;
}
div.lichess_goodies div.box .player {
  margin: 10px 0;
}

div.header div.side_menu {
  margin-top: 15px;
}
div.header div.side_menu a {
  padding: 8px 0 8px 8px;
  display: block;
  text-decoration: none;
  width: 203px;
  font-weight: bold;
}

div.header div.side_menu a.active {
  background: white;
  border: 1px solid #dadada;
  border-right: none;
  border-radius: 4px 0 0 4px;
  box-shadow: -3px 0 5px #d0d0d0;
}

#nb_connected_players, a.goto_nav, #top a.toggle, #top div.bgpicker, a#sound_state {
  text-decoration: none;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  text-decoration: none;
}
#nb_connected_players {
  float: left;
  color: #999;
  border-left: 1px solid #ccc;
}
a.goto_nav {
  float: left;
}
a.goto_nav:hover, #top a.toggle:hover, a#sound_state:hover {
  background: #fff;
}
#top .s16 {
  display:block;
  height: 16px;
  margin-top: 4px;
  line-height: 16px;
}
#top span.new_messages {
  padding: 1px 5px 1px 4px;
  background: #bbb;
  color: white;
  font-weight: bold;
  border-radius:4px;
  font-size: 0.9em;
}
#top span.new_messages.unread {
  font-size: 1em;
}
#top .shown a.toggle {
  background: #fff;
}
#top div.auth {
  float: right;
  position: relative;
}
#top div.auth.shown form,
#top div.auth.shown .links {
  display: block;
}
#top div.auth .links a {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
  text-transform: capitalize;
}
#top div.auth .links a:hover {
  background: #F0F0F0;
  color: #444;
}
#top div.auth .links .goto_logout {
  background-position: 0 -48px;
}
#top div.auth .links .goto_profile {
  background-position: 0 -208px;
}

#top div.auth form {
  padding: 1em;
}
#top div.auth form input {
  margin-bottom: 8px;
}
#top div.auth form .username,
#top div.auth form .password {
  width: 120px;
}
#top div.auth form div.button_wrap {
  text-align: right;
  border-bottom: 1px solid #dadada;
  margin-bottom: 8px
}

form.wide input[type="text"], form.wide textarea {
  padding: 0.5em;
  border: 1px solid #D4D4D4;
}

#top a.toggle {
  display:block;
  padding-right: 4px;
  float: left;
}
#top .dropdown {
  display: none;
  position: absolute;
  right: -1px;
  top: 24px;
  background: #fff;
  border: 1px solid #dadada;
  border-top: none;
  z-index: 1;
}
div.auth input.username, div.auth input.password {
  border: 1px solid #dadada;
  padding: 2px 3px;
  width: 100px;
  background: #fff;
}
div.auth input.login {
  padding: 0 3px;
}
div.lichess_language {
  float: right;
  position: relative;
}
ul.language_links {
  width: 183px;
  max-height: 600px;
  overflow:auto;
}
#top div.lichess_language.shown ul.language_links {
  display: block;
}
ul.language_links a {
  display: block;
  padding: 0.4em 0.5em;
  text-decoration: none;
}
ul.language_links a:hover {
  background: #F0F0F0;
  color: #444;
}
ul.language_links li:last-child {
  border-top: 1px solid #ddd;
}

#top div.themepicker {
  float: right;
  position: relative;
}
#top div.themepicker span.theme_demo {
  color: #fff;
  display: block;
  margin: 3px 0.5em 0 0;
  padding: 1px 5px;
  text-decoration: none;
  line-height: normal;
}
#top div.themepicker.shown div.themes {
  display: block;
}
#top div.themepicker.shown div.theme {
  padding: 5px 10px;
  cursor: pointer;
}
#top div.themepicker.shown div.theme:hover {
  background: #f0f0f0;
}
#top div.themepicker.shown div.inner {
  border: 1px solid #dadada;
  position: relative;
  width: 128px;
  height: 64px;
}
#top div.themepicker.shown div.white {
  left: 64px;
}

#top div.bgpicker {
  float: right;
}
#top div.bgpicker span {
  width: 24px;
  height: 24px;
  opacity: 0.7;
  background: url(../images/s24.png) no-repeat;
  background-position: 0 -48px;
  display: block;
}

a#sound_state {
  float: right;
}
a#sound_state span {
  margin-top: 4px;
  width: 18px;
  height: 15px;
  opacity: 0.7;
  background: url(../images/s16.png) no-repeat;
  background-position: 0 -64px;
  display: block;
}
a#sound_state.sound_state_on span {
  background-position: 0 -80px;
}
a#sound_state.unavailable {
  display: none;
}

#call_boxes {
  position: absolute;
  top: 30px;
  right: 10px;
  width: 250px;
}
a.translation_call {
  margin-top: 1em;
  padding: 0.5em;
  border: 1px solid #d0d0d0;
  display: block;
  border-radius: 4px;
  text-decoration: none;
  position: relative;
}
a.translation_call span.action {
  float: right;
  margin-right: 2px;
}
a.translation_call span.name {
  font-weight: bold;
}
a.translation_call div.progressbar {
  margin-top: 0.5em;
  background: #fff;
  margin-bottom: 0.4em;
}
a.translation_call .close {
  position: absolute;
  bottom: 0.4em;
  right: 0.6em;
  text-decoration: none;
  font-weight: bold;
}
a.translation_call .close:hover {
  color: red;
  font-size: 1.4em;
  bottom: 0.2em;
  right: 0.3em;
}

span.s16.clock {
  background-position: 0 -224px;
  padding-bottom: 1px;
}
.s16.tournament {
  background-position: 0 -304px;
  padding-bottom: 1px;
}
.s16.team {
  background-position: 0 -336px;
  padding-bottom: 1px;
  display: block;
  height: 15px;
}
.s16.team.mine {
  background-position: 0 -352px;
}
.s16.ddown {
  background-position: right -192px;
  padding-left: 0;
  padding-right: 20px;
}

.user_link.white, .user_link.black, .user_link.online, .user_link.offline {
  line-height: 16px;
  display: block;
  background: url(../images/s16.png) no-repeat;
  padding-left: 20px;
  white-space: nowrap;
}
.user_link.white {
  background-position: 0 -240px;
}
.user_link.black {
  background-position: 0 -256px;
}
.user_link.offline {
  padding-left: 20px;
  background-position: 0 -160px;
}
.user_link.online {
  padding-left: 20px;
  background-position: 0 -208px;
}
.user_link.inline {
  display: inline-block;
}

.tournament_link {
  padding-left: 20px;
  background-position: 0 -304px;
}
div.engine_warning {
  padding: 5px 5px 5px 40px;
  background: #e9ffd0 url(../images/engine_big.png) 8px 5px no-repeat;
  line-height: 16px;
  border: 1px solid #eed3d7;
  color: #894a48;
  width: 240px;
  margin-bottom: 15px;
}
div.ui-tooltip div.engine_warning {
  margin: 10px 0 10px 5px;
  width: auto;
  background-position: 8px 0px;
}

.engine_mark {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(../images/engine_small.png) top left no-repeat;
  opacity: 0.8;
  vertical-align: bottom;
}

div.lichess_social {
  height: 0px;
  text-align: center;
}
div.lichess_social div.addtochrome {
  display: none;
  margin-bottom: 15px;
}

/* soft inactive gradient */
#top,
div.lichess_chat_top,
div.undertable_top,
.button,
.button:visited,
.ui-state-default,
div.content_box_top,
div.hooks tr,
a.translation_call,
div.locale_menu a,
table.slist thead {
  color: #666;
  background: #fafafa;
  background: -moz-linear-gradient(center top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e0e0e0));
  background: -webkit-linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: -ms-linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: -o-linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
}

/* active gradient */
#top a.goto_nav.active,
.button.active,
.button.active:hover,
.ui-state-active,
.ui-widget-header,
div.pagination span.current,
#top span.new_messages.unread,
div.hooks td.action:hover,
div.hooks table.empty_table tr:hover,
div.progressbar.flashy div,
.button.strong:hover,
div.locale_menu a.active
{
  color: #fff;
  background: #d85000;
  background: -moz-linear-gradient(center top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f49c00), to(#d85000));
  background: -webkit-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: -ms-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: -o-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
}

/* strong inactive gradient */
div.hooks td.action,
.button:hover,
.button.strong,
div.notification
{
  background: #ffffff;
  background: -moz-linear-gradient(center top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c0c0c0));
  background: -webkit-linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: -ms-linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: -o-linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
}

/* current gradient */
#top a.goto_nav.current {
  color: #fff;
  background: #999;
  background: -moz-linear-gradient(center top , #aaa, #999) repeat scroll 0 0 #999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaa), to(#999));
  background: -webkit-linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
  background: -ms-linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
  background: -o-linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
  background: linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
}

/* standard shadow */
div.lichess_chat,
div.undertable,
div.lichess_board_wrap,
.button.strong,
.button.shadowed,
div.content_box
{
  box-shadow: 0 0 7px #d0d0d0;
  border-radius: 4px;
}

div.checkmateFen {
  float: left;
  width: 250px;
  margin-left: 110px;
  cursor: pointer;
}
div.checkmateFen div.lmcs:hover {
  background: #eebb77!important;
}
div.checkmateFen div.lmcs.selected {
  background: #77eeaa!important;
}
div.checkmateSection {
  float: left;
}
div.checkmateSection div.result {
  display: none;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  padding-left: 54px;
  font-weight: bold;
}
div.checkmateSection div.success {
  background: url(../images/tick-48.png) no-repeat;
  color: #00aa00;
}
div.checkmateSection div.failure {
  background: url(../images/cross-48.png) no-repeat;
  color: #aa0000;
}
div.checkmateCaptcha.success div.success {
  display: block;
}
div.checkmateCaptcha.failure div.failure {
  display: block;
}

div.undergame_box {
  margin-top: 10px;
  width: 512px;
  box-shadow: 0 0 7px #d0d0d0;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 24px;
}
div.undergame_box a {
  text-decoration: none;
}
div.undergame_box a:hover {
  text-decoration: underline;
}
div.undergame_box div.inner {
  padding: 10px;
}

div.game_analysis {
  padding: 10px;
  width: 492px;
}
div.game_analysis a {
  background: url("../images/s24.png") no-repeat 0 -72px;
  display: block;
  height: 24px;
  padding-left: 30px;
}

div.game_more div.more_top {
  padding: 3px 10px;
  width: 492px;
  height: 29px;
}
div.game_more div.more_top span.bookmark {
  margin-top: 2px;
  margin-right: 34px;
}
div.game_more a.game_permalink {
  float: left;
  margin-top: 3px;
}
div.game_more textarea {
  display: block;
  width: 100%;
  height: 100px;
  font-family: monospace;
  line-height: normal;
  margin: 0;
  background: #fff;
  color: #888;
  border: 1px solid #eaeaea;
  padding: 5px;
  border-radius: 3px;
}
div.game_extra {
  border-top: 1px solid #ccc;
}

div.game_extra div.bookmarkers {
  float: right;
  max-width: 48%;
}

span.bookmark {
  position: relative;
  float: right;
  margin-right: 14px;
}
span.bookmark .icon {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/s24.png) top left no-repeat;
  height: 24px;
  display: block;
  padding-left: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #a0a0a0;
}
span.bookmark .icon.bookmarked {
  background-position: 0 -24px;
}
span.bookmark a {
  outline: none;
}

div.progressbar {
  background: #eaeaea;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 1px;
}

div.progressbar div {
  background: #d8a050;
  height: 12px;
  border-radius: 4px;
}
div.progressbar.flashy.green div {
  background: #90d050;
}

div.notifications {
  width: 1005px;
  margin: 0 auto -10px auto;
}
div.notifications > div {
  margin-left: 211px;
  width: 498px;
  border: 1px solid #c0c0c0;
  padding: 6px 8px 7px 8px;
  margin-bottom: 8px;
  border-radius: 3px;
}
div.notifications > div a.close {
  text-decoration: none;
  float: right;
}
div.notifications > div a.close:hover {
  font-weight: bold;
}
#tournament_reminder .action {
  float: right;
  display: block;
  margin-left: 8px;
}


/* neue Anpassungen */
div.content
{
	    margin-top: 5px;
}


a.info_meneu_a::before {
    content: '★';
    color: #6abf0b;
    font-size: 16px;
    text-shadow: 1px 1px 1px #ffffff;
}
#top a.goto_nav.current::before {
    color: yellow;
    text-shadow: initial;
}


/* neu User Icons Anpassungen */

img.user_trust_icon
{
vertical-align: top;
    margin-top: -4px;
    margin-left: 4px;
}
div.all_users a.offline img.user_trust_icon
{
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);	
}

div.lichess_table img.user_trust_icon
{
	display:none;
}

body div.lichess_table img.user_trust_icon
{
	display:inline;
}

#table_spiler_angebote img.user_trust_icon
{
	margin-top:0px;
}
/* ende User Icons Anpassungen */



/* Ads Buecher Anpassunge Ende */


/* spin rotation by Computer-analysis */
.loader {
    border: 6px solid #cac6c6;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    border-bottom: 6px solid green;
}



@keyframes spin {
    0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
    100% {    -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

/* END spin rotation by Computer-analysis */


/* Icons Computer-Analysieren */
.span_analysieren
{
	font-size: 19px;
    color: #b58863;
}

.span_comp_analysieren
{
    font-size: 19px;
    color: #2287a7;
}

/* Ende Icons Computer-Analysieren */




/* Spieler Ergebnisse-Tabelle Start  */
div.undergame_box .body_spieler_erg .d_line_user1,div.undergame_box .body_spieler_erg .d_line_user2
{
	display:table;
}

div.undergame_box .body_spieler_erg .d_u_erg_cell
{
    width: 13px;
    height: 23px;
    float: left;
    border: 1px solid #e8e3e3;
    margin-right: 1px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    /* font-size: 1rem; */
    font-size: 1.1em;
}


div.undergame_box .body_spieler_erg .u_sum_erg
{
	width: 35px;
    height: 28px;
    float: left;
    border: 1px solid #ffffff;
    margin: 0.7px;
    text-align: center;
    color: #9e734f;
    background-color: #efefef;
    box-shadow: 1px -1px 3px 0px silver;
    /* margin-right: 0px; */
    margin-top: -1px;
    font-size: 1.2em;
}

div.undergame_box .body_spieler_erg .u_cell_c_red
{
color: #b10606;
}

div.undergame_box .body_spieler_erg .u_cell_c_green
{
    color: #609f1a;
}

div.undergame_box .body_spieler_erg .d_user_name 
{
    width: 125px;
    height: 28px;
    float: left;
    overflow: hidden;
    background-color: #efefef;
    box-shadow: 1px -1px 3px 0px silver;
    color: black;
    border: 1px solid white;
    margin: 0.7px;
    margin-left: 0px;
    margin-top: -1px;
}

div.undergame_box .body_spieler_erg .d_user_name a
{
	margin-left:5px;
}
/* Spieler Ergebnisse-Tabelle Ende */
	
.new_posts.undertable {
    width: 750px;
    height: 345px;
    margin-top: 30px;
}

.new_posts.undertable div.undertable_inner {
    height: 320px;
}

.new_posts.undertable p {
    font-size: 14px;
    padding: 10px;
}	
.new_posts.undertable h2
{
font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
/* Text in der Info-Box angepasst */
	
.grecaptcha-badge {
    display: none;
}	


.nav_setting_mobile
{
	display:none;
}

  body.class_lobby_site div.header img, body div.header {
    width: 170px;
  }



/*Mobile settings */

.index_start_box #start_buttons1 div {
width:250px;
margin-left:270px;
margin-top:-50px;
}

.index_start_box #start_buttons2 div {
width:280px;
margin-left:270px;
margin-top:-50px;
}

.logo_index {
position:absolute;
margin-left:-210px;
margin-top:100px;
border:0px;
background-size: contain;
width:170px;
height:108px;
}

.logo_de_index {
background: url(/assets/images/schachonline-spielen-logo.png) no-repeat;
}

.logo_es_index {
background: url(/assets/images/ajedrezonline.png) no-repeat;
}
.logo_en_index {
	background: url(/assets/images/playchessonline-logo.png) no-repeat;
}
.logo_fr_index {
	background: url(/assets/images/echecs-en-ligne.png) no-repeat;
}
.logo_it_index {
	background: url(/assets/images/scacchionline.png) no-repeat;
}
.logo_nl_index {
	background: url(/assets/images/online-schaken.png) no-repeat;
}
.logo_pl_index {
	background: url(/assets/images/szachy-online.png) no-repeat;
}


     body.game_board div.lichess_separator {
	   
   }
   

/*Mobile settings */
@media only screen and (min-width : 319px) and (max-width : 425px) {
	
div.content
{
	    margin-top: 0px;
}

	#site_title span.en_title_url_font_size {
	font-size:14px;
	}
	span#nb_messages_txt {
	font-size:14px;
	}
	#lichess
	{
	margin-left:2px;
	}
	
	#top div.bgpicker
	{
		display:block;
	}
	#top div.bgpicker span {
		display:none;
	}
	
	body, a.goto_nav {
		font-size:16px;
	}
	
	a.goto_nav {
	margin-top: 3px;
    margin-left: 3px;
	margin-right: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 1px 10px 10px 10px;
    margin-right: 5px
	
	background: -moz-linear-gradient(center top , #ffffff #ececec) repeat scroll 0 0 #fafafa;
    background: -webkit-linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
    background: -ms-linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
    background: -o-linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
    background: linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
	
	
	}

 body #top{
     min-width: inherit;
	 height: 33px;
 }
 a#sound_state {
     margin-top: 4px;
 }
 
 #nb_connected_players
 {
      margin-top: 3px;
	  min-width:80px;
 }
 form.signin_form.dropdown
 {
	 margin-top: 10px;
 }
.nav_setting_mobile
 {
    width: 39px;
    height: 20px;
    background: url(/assets/images/settings-mobile-ico.png) no-repeat;
    background-size: contain;
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 3px;
 }
 
 a.goto_nav.blank_if_play.a_nav_game_class, a.goto_nav.blank_if_play.a_nav_tournament_class, a.goto_nav.blank_if_play.a_nav_user_class, a.info_meneu_a.goto_nav.blank_if_play,
 #top div.themepicker,#top div.auth
 {
	 display:none;
    width: 100%;
    margin: 5px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-radius: 1px 10px 10px 10px;
    border-bottom: 1px solid #e0dfdf;
    height: 29px;
    background-color: #ffffff;
    margin-left: 30px;
    position: inherit;
    float: left;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 40%), 0 1px 1px rgb(0 0 0 / 20%);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 40%), 0 1px 1px rgb(0 0 0 / 20%);
 }
 
 .ccm-settings-summoner.ccm-show {
 display:none;
 }
 
 body div.content {
 min-width:inherit;
    width: 98%;
	padding: 2px;
 }
 
 div.content_box.small_box {
  width: 89%;
  padding:10px;
  overflow-wrap: break-word;
 }
 
 .index_start_box #start_buttons1 div, .index_start_box #start_buttons2 div {
 margin-left:10px;
 margin-top:10px;
 width:100%;
 }
 
 div.content, .content div.developers p {
 font-size:16px;
     line-height: inherit;
 
 }
 
 div.content_box .lichess_title
 {
	 font-size:18px;
	 font-weight: bold;
 }
 
 .index_start_box ul 
 {
	     max-width: 290px;
 }
 div.footer div.right {
     text-align: left;
    padding-bottom: 10px;
 }
 
.logo_index {
position:inherit;
margin-left:10px;
margin-top:2px;
padding-bottom:5px;
border:0px;
background-size: contain;
}
div.content_box h1 {
 font-size:18px;
 font-weight:bold;
}
body.game_board .content #lichess {
margin-left:2px;
 }
 body.game_board .content #connection_lost {
 left:50px;
 }
 div.lichess_ground {
      position: absolute;
    top: 330px;
 }


 .undergame_box.game_more {
    margin-top: 10px;
    height: inherit;
    width: 98%!important;
	height: 100%!important;
    /* display: block!important; */
 }
  .undergame_box.game_more a {
   text-decoration:underline;
   line-height: 34px;
  }
  
 div.game_more div.more_top {
      display:none;
 }
 body.game_board .content #game_div_ads {
    position: relative!important; 
     margin-left:1px!important;
     margin-top: 10px!important;
 
 }
 
  body.game_board .content .lichess_opponent 
  {
	font-size: 12px;
    position: absolute;
    top: -380px;
    left: 1px;
  }
  

  .class_lobby_site h1 {
float: right;
    font-size: 24px;
    padding-right: 10px;
    margin-top: 5px;
  }
  
  body #site_title
  {
	   font-size: 24px;
  }
  body.class_lobby_site div.header img, body div.header {
    width: 125px;
    padding: 2px;
    float: left;
  }
  

  
  
  
  body.class_lobby_site #lichess
  {
	  margin-left:2px;
  }
  body.class_lobby_site div.hooks_wrap {
      width: 300px;
    left: 2px;
    padding: 1px;
	top: 21px;
	    height: 270px;
  }
  
  body.class_lobby_site div.hooks td {
   height:46px;
   font-size:12px;
  }
  body.class_lobby_site .s16.ddown {
   font-size:12px;
  }
   body.class_lobby_site div.hooks {
     padding-top: 15px;
	 max-height: 563px;
   }
   
   body.class_lobby_site  div.lichess_board_wrap  {
        margin-top: 180px;
   }
   
    body.class_lobby_site div#start_buttons {
	    width: 100%;
	}
   body.class_lobby_site div#start_buttons .lichess_button
   {
    border-radius: 10px;
    height: 20px;
    font-size: 16px;
    margin-top: 5px;
   }
   body.class_lobby_site .new_posts.undertable
   {
	   width:99%;
	  height: 1100px;
	  margin-top: 10px;
   }
    body.class_lobby_site .new_posts.undertable div.undertable_inner
	{
	    height: 1060px;
	}
	
    body.class_lobby_site div.open_tournaments 
	{
	
	width:99%;
	       margin-top: 655px;
	}
	
	  body.class_lobby_site div.header {
	  display:block;
	  }
	  
	  
	 body.class_lobby_site div.lichess_bot {
	 width:99%;
	 }
	
	 body.class_lobby_site div.content 
	 {
		min-height: 2550px; 
	 }
	  body.class_lobby_site #lobby_div_ads 
	  {
		 
		position: absolute;
		top: 1710px;
		    height: 610px;
	  }
     body.class_lobby_site .new_posts.undertable p {
	   font-size:16px;
	   }
	 div.footer {
	   width:98%;
	   }
	   
	body.game_board .header
	{
		display:none;
	}
	body.class_games_site .header, body.class_info_site .header, body.class_players_site .header, body.class_login_site .header,  body.class_register_site .header,
    body.class_logo_site .header, body.class_datenschutz_site  .header, body.class_impressum_site .header, body.class_tournaments_site .header #site_title 	{
	display:none;
	}
	
	body.class_info_site .div_neuheiten img {
	max-width:280px;
	}
	
	body.class_players_site .all_users .infinitescroll {
	display:none;
	}
	body.class_players_site div.user_lists div.all_users, body.class_players_site div.user_lists div.online_users{
	width:99%;
	}
	body.class_players_site div.user_lists div.online_users 
	{
		
		margin-left:1px;
	}
	body.class_login_site .signup_box input.submit {
	 margin-bottom: 25px;
	}
	
	body.class_login_site  form .error, body.class_register_site  form .error{
	 margin-left:2px;
	}
	body.class_register_site .signup_box {
	     padding-bottom: 50px;
	}
	body.class_register_site div.signup_box .alternative {
	 padding-top: 15px;
	}
	
	body.tournament_room #lichess {
	margin-left:1px;
	}
	
	body.class_tournaments_site .all_tournaments thead, body.class_tournaments_site .all_tournaments .table_2td, body.class_tournaments_site .all_tournaments .table_3td, body.class_tournaments_site .all_tournaments .table_4td,
		body.class_tournaments_site .all_tournaments .table_5td	{
	display:none;
	}
	
	body.class_tournaments_site div.header .tournament_links {
	    margin-top: 60px;
	}
	body.class_tournaments_site div.header .tournament_links img{
	   width:120px;
	}
    
	body.tournament_room .header ,body.tournament_room #tournament_side{
	float:left;
	}
	body.tournament_room #tournament_side
	{
          width: 90%;
	}

    .game_board  #CurrentFen
	{
		overflow-wrap: break-word;
	}
	div.lichess_goodies div.box {
	font-size:12px;
	}
	body.class_user_site_show .header {
	display:none;
	}
	

    body.class_user_site_show div.content_box_inter {
	padding-left:5px;
	}

   body.class_user_site_show  div.content_box {
	 width: 310px;
     overflow: hidden;
   }
   
   body.class_game_site .username  {
   font-size:12px;
   }
   body.class_game_site div.game_analysis {
    width: 90%;
	    height: 50px;
   }
   
   body.class_games_site .side_menu a, body.class_games_listing .side_menu a {
    margin-top: 10px;
    display: block;
   }
   #top div.auth.shown .links {
    margin-top: 205px;
   }
   
   body.class_index_site .header {
   display:none;
   }
   body.class_games_listing div.header {
	   display:none;
   }
   
   body.class_upgrade_site .packet_upgrade .button {
        line-height: 30px;
   }
   
   body.class_upgrade_site .packet_upgrade .button img {
          margin-top: -2px!important;
   }
   body.class_upgrade_site .header, body.class_upgrade_verify_site .header {
	display:none;
	}
	
	body.class_lobby_site .lichess_homepage {
	 width:99%;
	}
   body.class_lobby_site div.footer_wrap {
        margin-top: 120px;
   }
   
     body.class_tournament_site_faq div.header {
   display:none;
  }
  
   body.class_inbox_site  div.header #site_title {
   display:none;
   }
  body.class_inbox_site  div.header  {
    width:99%;
   }
    body.class_inbox_site select {
     width: 90%;
	}
   
}/* ende Mobile media


/*Table und Nottebooks  settings */

@media (min-width: 768px) and (max-width: 1024px) {

div.content
{
	    margin-top: 0px;
}
	
 body.class_games_site div.header 	{
  width:99%;
 }
 
 body.class_games_site div.header #site_title {
display:none;
} 

   body.class_lobby_site .header img {
	  float:right;
	  padding-right:10px;
  }
  
 #top {
  min-width:inherit;
 }
 div.content {
 width:99%;
 }
 body.class_lobby_site h1 {
  float:left;
  margin-left:10px;
 }
 
 #lichess {
 margin-left:1px;
 }

 body.class_lobby_site  div.lichess_table_not_started {
 width:220px;
 
 }
 body.class_lobby_site  div.lichess_table_not_started .lichess_button {
  font-size: 1.2em;
 }
 
 body.class_lobby_site .lichess_homepage {
 width:99%;
 }
 div.footer {
 width:95%;
 }
 
 body.game_board #lichess {
  margin-left:1px;
 }
 body.game_board .header {
 width:99%;
 }
 
 body.game_board .header #site_title  {
        float: right;
    width: 220px;
    font-size: 21px;
	height:40px;
 }
 body.game_board .lichess_goodies {
      position: absolute;
    left: 530px;
 }
  body.game_board .lichess_goodies .box {
  float:left;
  }
  
  body.game_board .lichess_goodies .zu_schauer {
  float:left;
  }
  
   body.game_board div.lichess_cemetery {
   display:none;
   }
   body.game_board .game_logo_link {
        margin-left: 260px;
		    margin-top: 20px;
   }
   

} /* Ende Tablets und Nottebooks media */

/*Media nur Tables */
@media (min-width: 760px) and (max-width: 770px) {
   body.class_datenschutz_site div.header, 
   body.class_impressum_site div.header,
   body.class_logo_site div.header,
   body.class_register_site div.header,
   body.class_login_site div.header,
   body.class_games_listing div.header,
   body.class_user_site_show div.header {
    display:none;
   }
   
   
   body.class_players_site div.header {
   display:none;
   }
   
   body.class_info_site div.header {
	   display:none;
   }
   
   body.class_games_site  .side_menu a, body.class_games_listing  .side_menu a{
    padding: 20px;
    line-height: 40px;
   }
   
   body.game_board .game_logo_link {
   display:none;
   }
	body.game_board .header #site_title{
	visibility:hidden;
	}
	div.game_board div.lichess_table_wrap{
       width: 226px;
  }
  body.class_game_site_computer #game_div_ads
  {

   margin-left: 532px!important;

  }
  
  body.class_game_site_computer #game_div_ads .adsbygoogle {
  width: 220px!important;
  }
  
   body.class_lobby_site  #lobby_div_ads .adsbygoogle {
  width: 220px!important;
  }
  
  
  body.class_lobby_site  div.header {
  float:right;
   margin-right: 30px;
  }
  
  body.class_index_site div.header {
   /*display:none;*/
   float: right;
  }
  
  body.class_tournament_site_faq div.header {
   display:none;
  }
  body.class_tournament_site_faq #lichess, body.tournament_room #lichess
  {
	  margin-left: 2px;
  }
  body.class_lobby_site div.header {
  display:block;
  }
     body.class_inbox_site  div.header #site_title {
   display:none;
   }
  
  .logo_index {
   position:inherit;
    margin-left: 5px;
   margin-top: 0px;
  }
  
  
}/* ende Media nur Tablets */

/*Media nur Laptop 1024 */
@media (min-width: 1022px) and (max-width: 1025px) {
	
	
body.class_index_site div.header {
  float:right;
 }
 .logo_index {
  float:right;
  margin-left:0px;
  position:inherit;
 }
 body.class_lobby_site .header {
 float:left;
 display:block;
 width:99%;
 }
  body.class_lobby_site .header img {
  float:right;
  }
}

/* ende Media nur Laptop 1024*/


/*Media nur Tables */
@media (min-width: 760px) and (max-width: 770px) {
	body.game_board div.lichess_table_wrap{
       width: 226px;
  }
}

/* Media nur IphoneX */
@media only screen and (min-width: 374px) and (max-width: 425px)
{
 body.class_game_site_computer  div.lichess_ground,
 body.class_game_site_match  div.lichess_ground,
 body.class_game_site div.lichess_ground {
    top: 370px;
}
 body.class_game_site_computer  .content .lichess_opponent,
 body.class_game_site_match .content .lichess_opponent,
 body.class_game_site  .content .lichess_opponent {
    top: -420px;
 }
}
/* Ende Media nur IphoneX */