@import url("../css/cookieconsent.min.css");
@import url("../css/iconmoon.css");

html {
	/*
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    */
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	/* touch-action: none; */ /* enable drag&drop for ms */
	min-height:100%;
}

body, body.resp, body.vb{
	position:relative;
	padding:0; width:100%;
	min-height: 100% !important;
	background: #f8f8f8;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
}
body.vb{  background: transparent url(../gfx/netstern.svg) 430px -60px  no-repeat; }
body.alpha{ background:transparent; }

body.stripe{
	background:#c1c1c1;
	font-family:Verdana, Sans-serif !important;
}
body.stripe_d{
	background:#848484;
	font-family:Verdana, Sans-serif !important;
}
body.iframe, body.druck{
	background:#ffffff;
	font-family:Verdana, Sans-serif;
}

[class^="icon-"], [class*=" icon-"] {
	color: #555;
	font-size: 1rem;
}

a, a:hover{ color: #996633; text-decoration: none; }
a:hover, a:focus{ outline: none; color: #996633; }
label { font-weight: 400; }
textarea {  resize: none;}
input { filter: none; }
form button{
	border:none;
}
button{ background: none; }
table{ width: 100%;}
th, h1, h2, h3, h4  {
	color: #000033; font-family: Georgia, "Times New Roman", Times, serif; text-align: center;
}

h1, h2, h3, h4 {
	font-weight:bold !important; display:block; text-align: left; margin:0; padding:0;
}

h1{
	width:auto;
	font-size:30px;
	line-height:36px;
	padding:0 0 30px 0;
}

h1.bronze{ padding:10px 0 25px 0; font-size:35px;}
#home h1.bronze{ padding:0 0 25px 30px; font-size:35px;}
#home .btn{ padding:2px 12px;}
#firstBlock h1{ width:66%; }

.subline{ font-size:29px; }
h1.indigo{ padding:30px 0 30px 30px;}

h2{ font-size: 24px; line-height: 28px; margin: 5px 0 20px 0; }
h2.bronze{ font-size: 30px; line-height: 32px; margin: 5px 0 20px 0; }
h2.vb { font-size: 22px; line-height: 26px; margin: 0 0 10px 0;}

h3{ font-size: 20px; line-height: 24px; }
h3.indigo{ font-size: 20px; line-height: 24px; white-space: nowrap;}
.PB h3{ float: left; }
h4, th{ font-size: 16px; line-height: 20px; }

.titel{
	font-size:14px; font-weight:bold; color:#996633;
	line-height:16px; margin-bottom:6px;
}
h3.titel{ font-size: 16px; }

.titelBronze{float:left;width:100%;padding:10px 0 0 0;
	margin:0 0 20px 0; font-size:18px;line-height:24px; color:#996633 !important;
}
.bWhite{border-top:1px solid white;padding:20px 0 0 0;}
.txtSpace{padding:0px 10px 10px 0;float:left;width:100%;}

.pusherTop{ margin: 80px 25px 0 0; }
.pusherTop .bronze_s{ text-align: right; margin-bottom:0px; }

.bronze, .bronze_10, .bronze_20, .bronze_s{ color:#996633 !important;}
.indigo, .indigo_20, .indigo_s{ color: #000033 !important;}

.indigo_10, .bronze_10{ margin:5px 0 10px 0; }
.indigo_20, .bronze_20{ margin:5px 0 20px 0; }

#iFrameCon h2{  margin: 5px 0 10px 0; }
#reEnigma, #rePB{ margin-bottom:20px; }

#conRe h3{ margin:10px 0 10px 10px; font-size: 16px; line-height: 20px;}
#reEnigma h3, #rePB h3{ margin:10px 0 10px 0; font-size: 19px; line-height: 24px;}

#reEnigma h2{ margin:0; }
#conRe p, #conRe table{ margin:10px; width:92%;}

#content:before,
#portalcontent:before{
	content: "";
	position: fixed;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -30%;
	z-index: -1;
	background: url(/gfx/schachbrett-muster.png);
	transform: rotate(-15deg);
	background-position: left center;
}

#content .top{
	padding-top: 80px; padding-bottom: 15px;
}
#portalcontent .top{
	padding-top:60px; padding-bottom: 15px;
}
#content .star{
	background: transparent url(../gfx/netstern.svg) 430px -60px  no-repeat;
}

.loginBg .pullRight{ /* >980 float:right*/}
.forMobile{ display:none;}
.topM40{ margin-top:40px;}

.nr, a.nr:link, a.nr:hover, a.nr:active {
	color:#333333;
	font-family: Verdana, Sans-serif;
	font-size:12px;
}

.nrWhite, a.nrWhite:link, a.nrWhite:hover, a.nrWhite:active  {
	color:#fff;
	font-size:12px;
}

.zug { padding:0 2px 3px 0; display: inline; margin:0 1px; }

/* =Header
-------------------------------------------------------------- */

header {
	position:relative;
	height: 140px;
	color:#fff;
	transition: height 0.3s;
}

header nav a {
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
	text-transform: uppercase;
	transition: all 0.3s;
}

header div#logo {
	float: left; width: 133px; height: 133px;
	margin: 0 0 -15px -25px;
	transition: all 0.3s;
}

header div#logo img{ width:100%; height:100% }

header.smaller{ height: 100px; transition: height 0.3s; }
header.smaller div#logo{ width: 70px; height: 70px; margin:1px 0 -1px 0; transition: all 0.3s; }
header.smaller .cube{ height: 70px; transition: height 0.3s; }
header.smaller #netschach{ margin-top: -30px; transition: all 0.3s; }
header.smaller #netschach .a-vs-b { display:none;transition: all 0.3s; }
header.smaller .form-control{ height: 25px; margin:4px 0; }

.cube{ position:relative; height: 140px; transition: height 0.3s; }

.dropdown:hover > .dropdown-menu{ display: block; opacity: 1 !important; margin-top:0; box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 32px 0px, rgba(0, 0, 0, 0.08) 0px 2px 6px 0px}
.navbar{ padding:0; background-color: rgba(3,3,3, 0.8); background-image:url(../gfx/bg_stripe_23.png); background-position: bottom; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); }

.navbar-nav > li > a { color: gainsboro; }
.navbar-nav .nav-link.active{ color: snow; }
.navbar-nav > li > a:hover { color: #fff; }
.navbar-nav .nav-link{ height: 36px; margin-top: 2px;  }
.dropdown-menu { font-size: 15px; }
#netschach{ position: absolute; top:30px; right:10px; height:auto; text-align:right; transition: all 0.3s; display:flex; }

#loginBoxCon{ position: absolute; display:none; }

.a-vs-b { display:flex; transition: all 0.3s;}
.a-vs-b #w_online img,
.a-vs-b #s_online img{ margin-top: 0; display:block; }
#s_online, #w_online{ line-height:10px !important; height:10px; width:10px;}

/* 			Head // News Melder */

#newsCont{ position:relative; width:330px; }

#newsMelder{
	position:absolute;
	top:-5px; right:0;
	margin:-50px 0 0 0; z-index:5; color: #fff;
	font-size: 14px;
	cursor: pointer;
}
#zugzeit{ padding: 4px 10px 0 10px; }

#loginBoxIndex {  position: absolute; right: 35px; top:-65px;  }
#loginBoxIndex form{  width:220px; float:right; }
#newmemberLkn{ position:absolute; bottom:-30px; right:15px; z-index:9999; }

.btn-login {
	color: #996633;
	background-color: #c7c7c7;
	border-color: #333;
	font-size:16px;
	font-family: georgia, serif;
	font-style: italic;
}
.btn-info{ border-color: #2f4db7;}

.btn-fullscreen, .btn-fullscreen:hover, .btn-fullscreen:active{
	color: #996633;
	font-size: 16px;
	align-self: start;
	border: none;
	padding: 0 0 0 26px;
	position: relative;

	&::before {
		font-family: 'icomoon';
		content: '\ea0d';
		position: absolute;
		color: #888;
		left: 0;
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
		font-size: 18px;
	}
}

#fullscreenClose{
	position:absolute;
	top:40px;
	right: 40px;
	display:none;
	.btn-fullscreen{
		&::before {
			transform: translateY(-50%) rotate(0deg);
			font-size: 30px;
		}
	}
}

.fixed-top{ z-index: 999999; }
#colorbox, #cboxOverlay, #cboxWrapper{z-index:9999998 !important;}
#gdpr-cookie-message { z-index: 9999999 !important;;}

.rel{ position:relative; float:left; }
.rel16{ position:relative;float:left; height:16px;}

.border{
	border-left:1px solid #a6a6a6 !important;
	border-right:1px solid #a6a6a6 !important;
	padding-top:30px
}

.input-group-addon{
	border: 1px solid #333;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
}
.icon-lock{
	margin-left: 6px;
}

.grau{
	background: transparent url(../gfx/centerSpot_333_v2.png) center 0px no-repeat;
	background-size: cover;
}

/*	content mitte  ////////////////////////////////////////////////////////////////////////////////////// */

#msgCont{ margin:5px 5px 0 0;height:102px;overflow:auto; }
#msgCont td{ font-size:12px; line-height:16px !important; }
.dyn_msg_nav {padding-right:10px;}

/* Index */
.eBoard{ margin-top: 35px;}

.eBoard .slick-center{
	opacity:1;
	transform:scale(1)!important;
	z-index:99999 !important;
}
.eBoard .slick-slide {
	min-height: 360px;
	display:block;
	margin-bottom:30px;
	transform:scale(0.7);
	transition: all .4s ease-in-out;
	z-index:10 !important; opacity:0.6;
}
.eBoardHead h1{
	position:absolute; left:30px; top:50px; z-index:999;
}
.imgCon span{ margin: 0 4px; display:inline-block; }
.imgCon .circ{ border:0; width:12px; height:12px; }
.imgCon i{ font-size:12px;}
.startText{ position:relative; padding-left: 30px; }
.startText h3{ margin-bottom:10px;}

/* xmas/sylvester */
#xmas, #eventIcon{ position:absolute; right:50px; bottom:-90px;}

/* Schachraetsel-Liste */
#partien_con .eBoard, #Schachdiagramm .eBoard{
	margin:10px 10px 10px 5px;
	-moz-box-shadow: 0 0 3px 3px #666;
	-webkit-box-shadow: 0 0 3px 3px #666;
	box-shadow: 0 0 2px 2px #666;
}
#partien_con .eBoard{ max-width:403px; width:100%; height:auto; margin:10px 5px 10px 5px; }
.enLi{ width:40%; }
.enRe{ width:60%; }

#Schachdiagramm .eBoard{ max-width:403px; width:100%; height:auto; }

.imgConEnigma{  float:left; width:200px !important; position:relative !important;}
.imgCon{  float:left; width:280px; opacity:0; position:relative !important;}
.imgCon img{ cursor:pointer; margin:18px 0; display:table; width:100%; }
.imgCon .conTxt{
	position:relative;
	height: 40px;
	width:100%;
}

imgCon .conTxt .txt{
	width:380px;
	height:30px;
}

.imgCon .shadow img {
	box-shadow: 0 2px 16px 4px rgba(0, 0, 0, 0.5) !important;
}
.eBoard .shadow{
	position:absolute !important;
	left:0; top: 0; z-index: 10;
	box-shadow: none !important;
	width: 100%; height: 100%;
}
.eBoard .pic{
	position:absolute !important; left:0; top: 0; z-index: 20; width: 100%; height: 100%;
}

/* Slider Schachraetsel */

.enigmaBoard{ border:0px solid green; margin-bottom:10px; }
.enigmaBoard .slick-slide { opacity:1; margin: 0 5px !important;
	min-height: 360px;
	-webkit-transform: none !important;
	transform: none !important;
}
.enigmaBoard .slick-slide h4 {
	-webkit-transform: none !important;
	transform: none !important;
}
.enigmaBoard .slick-track img{ width: 100% !important;
	-webkit-transform: none !important;
	transform: none !important;
}
.enigmaBoard .slick-slide:focus {
	outline: none !important;
}

/* Masterpiece Slider */

#enigmaSpecial{}

#enigmaSpecial .melement{
	padding:30px 30px 60px 30px;
	margin:0 20px;
}

#enigmaSpecial .melement img{
	width: 96%;
}

#enigmaSpecial .slick-prev{
	left:60%;
	bottom:30px;
	z-index: 999;
}
#enigmaSpecial .slick-next{
	bottom:30px;
	z-index: 999;
}
#enigmaSpecial .slick-dots{
	left:64%;
	bottom:30px;
	z-index: 999;
	width: auto;
}

*:focus {
	outline: none;
}

/* Sticky Add */

#stickyAddCon { width:100%; max-width: 246px; }
.stickyCon{ position: relative; height:100%;}
.stickyQuest{ margin-top:45px !important; }

#schachraetselAdd{ margin-top: 40px; float:left; width:100%; }


/* Zug Monitor */
#zugMonitorTab{ width:100%;}
#zugMonitorTab .td1{width:7%;}
#zugMonitorTab .td2{width:13%;}
#zugMonitorTab .td4{width:15%;}
#zugMonitorTab .notation_time{ float:right;text-align:right; font-size: 12px; }

#partien_con td{ padding:10px 0; }
#seitenNav{ display:flex; width:auto; }
#seitenNav td{ padding:0; white-space: nowrap;}
.rBlockHead{ position:absolute; top:-30px; right:0;  margin:5px 0; }
.rBlockHead a{ white-space: nowrap;}
.rBlock{position:relative;width:96%; min-height:200px;
	border:1px solid #aaa;margin:30px 0 30px 10px; }
.rBlockTxt{width:auto;padding:25px 0 6px 20px;margin:0;}
.schwierigkeitsgrad{ color:#333333; line-height:16px; }
.banda{position:absolute;top:10px;left:10px;width:100%;height:30px;}
.banda p{ float:right; padding:0 20px 0 0; color:#333333; font-size:10px; line-height:14px; }
.schwierigkeitsgrad{ position:absolute;bottom:-30px; right:0; width:216px; min-height:58px;}
.schwierigkeitsgrad .p_pfeil, .schwierigkeitsgrad .p_pfeil:hover{ margin:0 10px 15px 0; }
.schwierigkeitsgrad div a{ float:right; }

a.big_pfeil, a.big_pfeil:hover, a.big_pfeil:active,
a.big_pfeil_w, a.big_pfeil_w:hover, a.big_pfeil_w:active,
a.big_pfeil_g, a.big_pfeil_g:hover, a.big_pfeil_g:active,
a.dwnl, a.dwnl:hover, a.dwnl:active,
a.thumbsUp, a.thumbsUp:hover, a.thumbsUp:active{
	/* font-family: georgia, serif; */
	padding:5px 0 6px 26px;margin:0;
	background:url(../gfx/pfeil_re.svg) no-repeat;
	background-size: 18px 32px;
	line-height:24px;font-size:16px;color:#996633;font-weight: 700;
	text-decoration:none;
}
a.big_pfeil_w, a.big_pfeil_w:hover, a.big_pfeil_w:active{ color:#fff; }
a.big_pfeil_g, a.big_pfeil_g:hover, a.big_pfeil_g:active{ color:#666; }
a.thumbsUp, a.thumbsUp:hover, a.thumbsUp:active{
	padding:10px 0 8px 44px;margin:0;
	background:url(../gfx/icon_ThumbsUp.png) no-repeat;
}
a.dwnl{
	background:url(../gfx/icon_download.png) no-repeat;
	color:#fff;
	padding:6px 0 6px 46px;margin:0;
}
a.dwnl:hover, a.dwnl:active{
	background:url(../gfx/icon_download_on.png) no-repeat;
	color:#fff;
	padding:6px 0 6px 46px;margin:0;
}

a.p_pfeil, a.p_pfeil:hover, a.p_pfeil:active,
a.p_pfeil_g, a.p_pfeil_g:hover, a.p_pfeil_g:active{
	display: block;
	padding:0 0 0 25px; margin:0;
	background:url(../gfx/pfeil_re.svg) no-repeat;
	background-size: 15px 26px;
	line-height:26px;
	/* font-family: georgia, serif; */
	color:#fff;
	text-decoration:none;
	white-space: nowrap;
}
a.p_pfeil_g, a.p_pfeil_g:hover, a.p_pfeil_g:active{
	color:#666;
}
/* Sonderfall LogInBox*/
#loginBoxCon a.p_pfeil_g, #loginBoxCon a.p_pfeil_g:hover, #loginBoxCon a.p_pfeil_g:active{
	color:#fff;
}
#responsiveDesign, #SchachpartienBibliothek, #NotationstrainerTeaser{ padding:80px 0;}
#Portraits {margin:auto; width:310px; padding:30px 0;}
#Portraits img{float:left; border:2px solid #ffffff; margin:2px; }
#features{ padding:50px 0 80px 40px; }
#nfoTab p{ padding: 6px 0 4px 0;margin:0;}
ul.features {
	list-style: outside none none;
	margin: 0; padding: 0;
}
ul.features li {
	background: transparent url("../gfx/pfeil_re.svg") no-repeat scroll 0 0;
	line-height: 18px;
	margin: 0; padding: 6px 0 10px 24px;
}
ul.features li a, ul.features li a:hover{ color:#fff;line-height: 22px; text-decoration: none; }

#raetselTeaser{float:left;margin:40px 30px 60px 0;}
#statistik{ width: 100%; padding:20px 10%; float:left; }
#statistik table{ border-top:1px solid #996633;width:100%; }
#statistik table td{ color: #996633; height:40px; line-height:40px; }

.spyDivHead{
	width:100%; border-bottom:1px solid #7b7b7b;
	margin:0;padding:0;
}

.spyDiv,
.spyDiv_noCursor{ position: relative; display: flex; cursor:pointer; color:#000; }
.spyDiv_noCursor{ cursor:default; }
.spyDiv_noCursor .line-height{ line-height: 16px; font-size: 12px; }

.spyWrapper{ height: 100%; overflow: hidden;position: relative;  }
#spyCon{ float:left; margin:0 0 10px 0; width:100%; }

ul.spy{  width:100%;float:left; margin:0;padding:0; border-top:0px solid white; }
ul.spy li{ list-style: none; width:100%;float:left;line-height:40px; border-bottom:1px solid #7b7b7b; }
ul.spy li:hover{ background-color: #8d8d8d; }
ul.spy td{ font-size:12px;}

#flameDiv, #revaDiv, #dynGamesHead{
	width:100%;padding:0;margin:0;float:left; color:#efefef;
}

.pLi_01{ width:40%; color:#fff; padding-left:3px; }
.pLi_01 .msg{ margin:0 3px 0 4px; }
.pLi_02{ width:24%; white-space: nowrap;}
.pLi_03{ width:16%; white-space: nowrap; color:#fff;}
.pLi_04, .pLi_04_sAdmin{ position:relative; color:#fff; width:20%; }
.pLi_04 .pHint, .pLi_04_sAdmin .pHint{ width: auto; text-align: right; vertical-align: middle; }
.pHint img{ display:inline;}

.lh_mob { display:inline-block; vertical-align:middle; margin:0; line-height: 16px; font-size:14px; padding: 0 4px 1px 0; }

.statusCon{ float:left; width: auto; height: 20px; }

.anfrage { float:left; width: 98%; position:relative; margin:2px 0 0 5px; }
.anfrage table{ line-height: 18px; }

.anfrage table a.mehrPfeilWeiss{ margin-top:4px !important; display:block; }

.anfrageLnk {position:absolute; right:0px; top:35px; z-index:100;}

#zeit_top, #zeit_sub{ padding:10px 10px 10px 0;color:#555;font-size:12px;}

#player_top, #player_sub{ float:left; line-height:25px; text-align:left;}
#player_top_pd, #player_sub_pd{ float:left; line-height:25px; text-align:left;}

#oLegende table{  margin:0; }
#oLegende table td{  color: #666; padding:15px 5px 0 5px;}
#oLegende h3{ margin:10px 0 10px 0; padding-bottom: 20px; border-bottom:1px solid #666;  }
/* tabellen hover */

table tr.odd:hover th,  table tr.even:hover th,  table tr.hover th {
	background:   #8d8d8d;
	cursor: pointer;
}

.odd:hover, .even:hover, .hover {
	background: #8d8d8d;
	cursor: pointer;
}

#kompass { width: 63px; height: 63px; overflow: hidden; margin-left: 15px; }

.kRot, .kRot_rev{
	background: url('../gfx/kompass.svg') no-repeat;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	position: relative;
	z-index: 10;
	cursor:pointer;
}
.kRot_rev{
	background: url('../gfx/kompass180.svg') no-repeat;
}
.kRot:hover, .kRot_rev:hover {
	-webkit-transition: all 0.7s linear;
	-webkit-transform: rotate(180deg);
	transition: all 0.7s;
	transform: rotate(180deg);
}
.kRot_b, .kRot_w{
	background: url('../gfx/kompass.svg') no-repeat;
	position: relative;
	z-index: 10;
	cursor:default;
}
.kRot_w{
	background: url('../gfx/kompass180.svg') no-repeat;
}

#chatCont, #chatContAll, #zugCont , #iframeCont, #zugContPB, #msgCont{
	overflow:auto;
}

/* botstars */

#starship{position:relative; width:100%; height:30px;}
.starOutline{ position:absolute; width:100%; z-index: 2; white-space: nowrap;}
.starOutline .icon-star-empty{ color:#666666; font-size: 20px; }
#hintergrundstrahlung{ position:absolute;width:100%; z-index: 1; white-space: nowrap; }
#hintergrundstrahlung  .icon-star-full { color:#fff192 !important; font-size: 20px;  }

.tBox{
	float:left; background-color:#c3c3c3; background-color: rgba(195,195,195, 0.9);
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border:1px solid #a6a6a6; width: 100%;
}
.tBox_inner{padding: 15px; float:left; width: 100%; }
.tBox_inner_ad{ margin-top:10px; padding-bottom: 50px; display: flex; justify-content: center; }
.tBox.nopadding{ position:relative; }

.introspace{ margin: 40px auto 30px auto; }
div.introspace{ max-width:340px; } /* logout */

/* schachbrett  */
#gamecon{ position:relative; }

#gamecon #schachbrett{
	position:relative;
	margin:30px auto;
}
.pd_korrektur{ margin-left:75px !important; }

#gamecon .src_odd {  background: #f8f8f8; }
#tmp_cover{position:absolute;left:0px;top:0px;z-index:1000;width:100%;height:auto;}
#tmp_cover img{width:100%;height:100%;}
#ajaxprogress{position:absolute;left:50%;top:50%;width:110px;height:100px;margin-top:-45px;margin-left:-50px;z-index:2000;}
#ajaxprogress div{ display:flex; }
#ajaxprogress i{ display:block; width:68px;height:68px; font-size: 68px; color: cadetblue;  margin: 0 0 0 2px;}
#ajaxprogress i:first-child{ display:block; width:40px;height:40px; font-size: 40px; margin: -5px 0 0 0; }

#enigmaNav{ height:auto;
	background-color: rgba(195,195,195, 0.9);
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border:1px solid #a6a6a6;
}
#enigmaNav a{ line-height:30px; font-weight: bold; }
#enigmaNav .logo{ position:relative; width:52px; margin:-10px 5px; }
#enigmaNav .set-logo{ background: #666; }

#auswahl{ position:absolute; top: 0px; right: 25px; width:220px;}
.uCon{	display: inline-block;border-radius: 50%;border: 1px solid #000;height: 50px;width: 50px;padding: 0;background-color: white;}
.uCon img{ width:80%;height:auto; margin:10%; }
.error{ color:red; padding:0 0 0 20px;}

.share_text{ font-size:12px; height:18px; line-height:18px; color:#fff; padding-left:2px; }

#gear{
	text-shadow: 0px 0px 20px #fff;
	font-size: 77px;
}

.rotate { animation: rotation 2s infinite linear;  }
.rotatereverse { animation: rerotation 2s infinite linear;  }

.fa-spin-slow {
	animation: rotation  4s infinite linear;
}
.fa-pulse {
	animation: rotation  1s infinite steps(8);
}

@keyframes rotation  {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
@keyframes rerotation  {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-359deg);
	}
}

#botCon h3{ margin-left: 0 !important; padding: 0 !important; }
#botCon .fa-cog:before { font-size: 40px; }
#botCon form{ padding-bottom: 30px; }

.tZBox, .tZBox_board{
	float:left;
	background-color: rgba(145,145,145, 0.8);
	border-radius: 0;
	box-shadow: 0 0 6px 0 #fff inset;
	border: 1px solid #919191;
	margin: 0 0 20px 0;
	width: 100%;
}
.tZBox_board {
	margin: 20px;
	position: absolute;
	bottom:0; left: 0;
	z-index: -1;
}
.tZBox_board.all {
	width: 94%;
}
.tZBox_board .tZBox_inner{
	padding: 4px;
	width: inherit;
	width: 100% !important;
}

.tZBox_inner{ padding: 20px; float:left; color: #efefef; width: 100%; }

.tZBox_board #player_top_pd, .tZBox_board #player_top, .tZBox_board #player_sub,
.tZBox_board #player_sub_pd, .tZBox_board #player_li, .tZBox_board #player_re {
	line-height: 18px; padding: 0 0 0 25px;color: #333; height: 18px; width: 56%;
}
.tZBox_board #player_li, .tZBox_board #player_re,
.tZBox_board #player_top_pd,.tZBox_board #player_sub_pd{
	width:45%; float:left; padding:0 0 0 30px; white-space: nowrap; }
.tZBox_board #player_re,.tZBox_board #player_sub_pd{ width:45%; float:right; padding:0 30px 0 0; text-align:right; white-space: nowrap; }

#gameSet .msg{ font-weight: bold; margin:0 auto; float:left;}

#btn_txt_zugvor{ margin-top:164px; height:16px;visibility:hidden; }
#btn_txt_zugzurueck{ float:left;height:16px;visibility:hidden;}

#msgPD{ display:none; margin:0; padding:0; white-space: nowrap; text-align: center; }
#msgSpiel{width:150px;float:left;margin-bottom:4px;}
#msgMail{width:100%; text-align: center; margin:10px;}
#msg{ white-space: nowrap; text-align: center; }
#msg em{ font-size:12px; }

.move-container{
	display: flex;
	align-items: end;
}

#moveCon{  /* javascript selektor!  */
	position: relative;
	z-index:100;
	width:96px;
	height:96px;
	margin:0;
	padding:0;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><circle cx="48" cy="47" r="41" stroke="%23999999" stroke-width="10" fill="none" /></svg>');
}

#moveCon .form-control{
	padding:2px 3px;
	height: 24px;
	margin:3px 18px 0 18px;
	width: 60px;
	border-radius: .375rem;
	float:left;
}
#moveCon input{ text-align: center;}

#zugsetzer_up_spacer{margin-top:12px;float:left;height:20px; border:0px solid green; display:block; width:96px; background:url(../gfx/setSprite.png) 0px -40px;}
#zugsetzer_up{ display:block; width:96px; height: 20px; background:url(../gfx/setSprite.png) 0px -20px; border:none; padding:0px;}

#zugsetzer_up:hover{ background:url(../gfx/setSprite.png) 0px 0px !important;}
#zugsetzer_up:focus{ border:none; outline: 0;}

#zugsetzer_down{ display:block; float:left; width:96px; height: 20px; background:url(../gfx/setSprite.png) 0px -80px !important; }
#zugsetzer_down:hover{ background:url(../gfx/setSprite.png) 0px -60px !important; text-decoration:none; }

#mailIcon{display:none;width:96px; height:96px;text-align:center;margin:0;}
#mailIcon img{ margin-top:23px; }
#msgCon{ width:auto; height:150px; padding:0; margin: 20px 0 0 -30px; }

.moveCon-subNav{ display: block; }

#ziehmodus{ margin:10px; white-space: nowrap; }

.ziehmodus_cb{ margin:0 10px;padding:0; }
.ziehmodus_link{ white-space: nowrap; margin:0;padding:0; }

#statusdisplay{ display:inline-block; margin:0; }

#statuschanger{ float:right; }
#zugzeigdisplay{ margin:8px 0 24px 0; }

.set-logo, .set-logo-white, .set-img{
	display: flex;
	align-items: center;
	justify-content: center;
	background:#c3c2c0;
	color:#666;
	border-radius:50%;
	font-size:1.5rem;
	border: solid #ddd 7px;
	width: 50px;
	height:50px;
}

.set-logo-white{ color:#fff; }

.iconcon{
	position:absolute;
	z-index:100;
	width:52px;
	height:52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #666;
}

.reCon .iconcon,
.reCon_12 .iconcon {
	left:-25px;
	top: -25px;
}

.tZBox_board .iconcon{ left:-26px; top:-13px; }
.tZBox_board .set-logo{ background:#848484; }
.tZBox_board.second{left: auto; right:0px;}
.iconcon.second{ right:-26px; left: auto; }

.circ{
	display:block;
	width:24px;
	height:24px;
	border: solid #c3c2c0 4px;
	transition: background-color 0.4s;
	border-radius: 50%;
	background: #33cc00;
}

.spy .circ { position: absolute; top:4px; border: 0; width: 0.5rem; height: 0.5rem; }
.tZBox_board .iconcon .circ{ width:12px;height:12px; border: 1px solid #666; }

#statusdisplay .circ, #logged .circ{ width:10px; height:10px; border: 1px solid #666; margin:6px 6px 0 0; }
#newsMelder .circ{ width:16px; height:16px; border: 2px solid #666; margin:0 4px; }

/* homepage dyntab_index */

#dynTabCon{ padding:25px 0 0 50px; }

#dynTab{ position:relative; margin:20px 0 0 0; width:100%; overflow:hidden;
	height: 250px;
	/* border:1px solid #000;  */ }

#tab1, #tab2 { width:100%; }
#tab1 table, #tab2 table { width:96%; border-collapse: separate !important; border-spacing: 0px 2px !important;}
#tab1 div, #tab2 div{ line-height:30px; padding:0 4px;display:inline;white-space: normal;}

/* "offene partien" & "netschach/variantenbrett"*/
#dynTab.open{ position:relative; margin:0; float:left;width:100%;height:auto;overflow:hidden;}
#zugMonitorTab, #dynTabOpen{ border:none; width:100%; }

#zugMonitorTab td{ color:#333; border-bottom:1px solid #7b7b7b; white-space: nowrap; height: 48px; background-color: rgba(160,160,160, 0.6); font-size:14px; }

#zugMonitorTab .gameTab{ line-height: 20px; color: #fff; gap: 6px; height: 20px; }
#zugMonitorTab .msg{ color: #cc6600; }
#zugMonitorTab .circ, .paarung .circ{ margin: 4px 2px 0 2px; border:0; width:12px; height:12px;}
#zugMonitorTab .notation {
	color: #555; font-size: 18px;
	padding:2px 0 0 8px;
	font-weight: bold;
	font-family: georgia, serif;
	font-style: italic;
}

.paarung{ gap:6px; line-height:20px; height: 20px; color: #fff; }
.paarung .weiss { color:#fff; white-space: nowrap;}
#dynTabOpen .icon-power{ color:chocolate !important; font-size:14px; padding-top:2px; }
#dynGames .icon-power{ color:chocolate !important; font-size:14px; padding: 0 2px; }
.schwarz { color:#000; white-space: nowrap; }

.red{  background-color: #ff4040; transition: background-color 0.4s; }
.green{background-color: #66ff00; transition: background-color 0.4s; }

#usp dd{ margin:5px 10px 15px 15px; height:auto !important; }

/* Rang Sign */

#conRang{ position:relative; }
#conRang p{ width:75%; margin:6px 0 0 0; }
#rangSign{ position:absolute;top:0px;right:0px;z-index:10; }
#rang{
	background-color: #FFFFFF;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
	border: 1px solid #BEBEBE;
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	margin: 0 0 5px 0;
	text-align: center;
	width: 52px;
	cursor:pointer;
	float:left;
}
#rang .pos {
	color: #666666;
	display: block;
	font: bold 18px/100% Arial,Helvetica,sans-serif;
	padding: 2px 0 1px;
}
#rang .titel {
	background-color: #996633;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
	border: 1px solid #A11216;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	display: block;
	font: 11px/100% Arial,Helvetica,sans-serif;
	letter-spacing: 1px;
	padding: 2px 0;
	position: relative;
	text-transform: uppercase;
	top: -1px;
	width: 100%;
}
#rang .elo {
	color: #999999;
	display: block;
	font: 10px/100% Arial,Helvetica,sans-serif;
	padding: 0 0 4px;
}

#voting{margin: 15px;width:auto;padding-top:10px;}
#crowns{margin:12px 0 0 0;padding:4px 0 4px 0;border-bottom:1px solid #a6a6a6;width:100%;background:#b6b6b5;height:38px;}
#crowns_hl{ float:left; background:url(../gfx/icon_voting_on.png) no-repeat;width:32px;height:32px; }

#crowns_img{margin:0 4px 0 8px;padding:0;}
#crowns_img div{cursor:pointer;height:30px;}

#crowns_img .n{ background:url(../gfx/icon_voting_off.png) no-repeat;float:left;width:32px;}
#crowns_img .n div{ background:url(../gfx/icon_voting_on.png) no-repeat;width:0px; }

#crowns_con{ height:33px;width:100%;background:#b6b6b5;}
#crowns_text{padding:4px 2px 4px 10px; color:#333; }
#btn_vote{ float:left; margin:0 0 20px; display:block; }
#votes p{float:left;margin:0;padding:6px 0 0 5px;font-family:arial; color:#666; font-weight: bold; }

#zugCont{
	margin:0; width: 100%; height:auto; float:left; max-height: 320px; min-height: 38px;
}

/* KurzForm Generator */

#kurzForm {
	height: 515px; margin: 60px 0 0 20px;padding: 0; position: relative; width: 100%;
	max-width:440px;
}
.abcMargin{margin-top:47px;}

textarea.kForm {
	border: 1px solid #996600; color: #666;font-family: georgia,serif; font-size: 16px; font-weight: bold;margin:0 0 20px 0;float:left;
}

.kForm_bg { position:absolute; height: 460px; left: -7px; top: -7px; z-index: 0;  background-color: rgba(195,195,195, 0.3); border:1px solid #fff;}
.kForm_ta { width:100%; height: auto;  margin:60px 0;}

#btn_kForm {display: none;float: left;margin: 10px 0;width: 100%;}
#EniLNK{text-align: right; }
#EniLNK h3{ text-align: right;border-bottom:1px solid #000033; padding:50px 0 12px 0;}
#EniLNK h3.secHL{border-top:1px solid #000033; border-bottom:0px solid #000033; padding:20px 0;margin:20px 0 0 0;}

/* rechts  //////////////////////////////////////////////////////////////////////////////////////////////*/

#conRe{ border: 0px solid green; margin-bottom:20px; float:right;}
#conRe table td{ padding:5px 0; white-space:nowrap;}
#conRe .form-group{ width:100%;}
#conRe .topSpace{margin-top:32px;}
#conRePartie iframe{ width:100%; }
#chatWin{ height:900px; }
#chatWin.small{ height:620px; }

.reCon, .reCon_12{ float:left; width:94%; margin:0 0 0 6% !important;}
.reCon_12{ margin-top:12px !important; }

.reCon .tPBox{
	position:relative;
	margin: 25px 0 0 0;
	width: 100%;
	border: 1px solid #919191;
}
.reCon_12 .tPBox{
	position:relative;
	margin: 25px 0 0 0;
	width: 100%;
	border: 1px solid #919191;
}
/* tZBox vs tPBox !*/
.tPBox{
	float: left;
	background-color: #c3c2c0;
	background-color: rgba(195,194,192, 0.9);
	border-radius: 0;
	box-shadow: 0 0 6px 0 #fff inset;
	margin: 0 0 20px 0;
	border: 1px solid #919191;
	width: 100%;
}

.tPBox_inner, .tPBox .tPBox_inner{
	float: left; color: #666; width: 100%;
}
.tPBox_inner{ padding: 15px; display:block;}

#spieloptionen{ margin-bottom: 15px;  }
#spieloptionen td{ font-size: 12px;  }
#spieloptionen td img{ padding: 0 10px 0 2px;  }

#zugContPB{ margin:0;
	width: 100%;
	float:left;
	height: 425px;
}
#zugContPB.eni{ height: auto; max-height: 72px }
.PB #zugContPB{height: auto; max-height: 142px; min-height: 64px; } /* beruehmte Partien Zugliste*/


#zugContPB table, #zugCont table{ margin:0; border:1px solid #a6a6a6; width: 100%;}
#zugContPB td, #zugCont td{ background-color:#b6b6b5; width:50%; text-align:left; padding: 5px 0; border:1px solid #666;}

#mCountDown{
	width:53px; float:right; height:77px;
	background: transparent url(../gfx/digits_transparent.png) 0 0 no-repeat;
}
#mCountDown_txt p{
	font-size:12px; font-style:italic;
	text-align:right; margin:0; padding:0;
}
#mCountDownCon{
	float:left; margin:0 10px 0 0;
}

#fortschritt{ float:left;margin:0 0 20px 0; width:100%; }

#pgBar_txt, #mCountDown_txt{
	float:left; margin:6px 0 0 0; font-size:10px; font-style:italic; width: 100%;
}
.progress{ height:20px; border:1px solid #333; background: #e7e7e7; margin-bottom:0px;}
#mCountDown_txt p{ width: 100%; }

#rePB{ min-height:480px;}
#rePB h1{ font-size:24px; padding-bottom:0px; line-height:28px; }
#reEnigma h1{ font-size:23px; padding-bottom:10px; line-height:28px; }

#detailTxt{
	float:left;
	margin:5px 0;
	font-size:14px;
	overflow-y: auto;
	overflow-x: hidden;
}
#reEnigma #detailTxt {
	max-height:340px;
	min-height:250px;
}

#detailTxt.studie { max-height:max-content; }
#detailTxt.legende{ min-height:347px; border-bottom: 1px solid white; width:100%; padding-bottom: 15px; }
#detailTxt a { font-size:14px; }

.quelle{ float:left;width:100%;  }
.pbvb{ float:left; width:100%; font-size: 12px; }
.pbvb a{float:right;}

#finTxt{display:none;float:left;margin:5px 0 0 0;width:100%;font-size:12px;padding:0 0 10px 0;}
#finTxt div{ float:left;padding:0 0 10px 0; width:100%; }
#neuzugMsg, #solTxt{ display:none; float:left; }
#anleitung{ float:left;display:block;}

.insetter{
	background-color:#c3c3c3;
	background-color: rgba(165,165,165, 0.8);
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border: 1px solid #a6a6a6;
	padding: 20px !important;
	margin-top: 15px;
}

.insetter p {
	font-size: 14px; color:#fff;
}

#fTab { border-collapse:collapse; margin:0 15px; }
#fTab td{ font-size:12px; }
#fTab td em { padding: 0 2px;}

a.btnPrint, a.btnPrint:hover, a.btnPrint:active{
	color:#993300;line-height:24px;
	padding:0 0 2px 26px;margin:0;
	text-decoration:none;font-weight:bold;
	background:url(../gfx/btn_print.gif) no-repeat 0px 2px;
}
.txt, a.txt:link, a.txt:hover, a.txt:active { color: #000; }
.txtWhite, a.txtWhite:hover, a.txtWhite:active, .txtWhiteBold, a.txtWhiteBold:hover, a.txtWhiteBold:active { color:#fff; text-decoration: none; }
.txtWhiteBold, a.txtWhiteBold:hover, a.txtWhiteBold:active { font-weight:bold; }
.txtGrey{ color: #e7e7e7; line-height: 14px;font-weight:normal; }
.txtBrown{ color:#993300; line-height: 14px;font-size:12px;font-weight:normal; }
.msgBig{ font-size:16px; }

.mehrPfeil, input.mehrPfeil,  a.mehrPfeil, a.mehrPfeil:hover, a.mehrPfeil:active  {
	padding:0 0 0 15px; margin:0; color:#996633; border:0;
	text-decoration:none; text-align:left; font-weight:bold;
	background:url(../gfx/mehrPfeil2.gif) 0px 2px no-repeat;
}
input.mehrPfeil{
	cursor:pointer;
	background:url(../gfx/mehrPfeil.gif) no-repeat;
}

.mehrPfeilWeiss, input.mehrPfeilWeiss,
a.mehrPfeilWeiss, a.mehrPfeilWeiss:hover, a.mehrPfeilWeiss:active  {
	padding:0 0 0 16px;	margin:0 0 0 0; color:#ffffff; border:0; text-align:left; font-weight:bold;
	background:url(../gfx/mehrPfeil2.gif) no-repeat 0px 2px;
	cursor:pointer; text-decoration: none;
}

.tPBox_inner a.mehrPfeil, .tPBox_inner a.mehrPfeil:hover{ display:block; margin:0 0 5px 0;
	font-weight:normal; text-transform: uppercase; background:url(../gfx/mehrPfeil2.gif) no-repeat 0px 2px; }

.gradient_chat{
	margin:10px 3px 0 3px !important;
	width: 284px !important;
}

#spielAdmin label{ font-size:12px;}
.htmlSubspacer{ min-height:150px; padding:0 0 10px 0; }
#adminHL{ height:auto; border-bottom:1px solid #666; margin:5px 0 15px 0; padding:0 0 5px 0;}
.charleft{ float:left; margin:10px 0; font-size:10px; }
.charRight{ float:right; text-align:right; margin:-20px 0 0 0;}

.dNav{ min-height:24px; }
.dNav a{ font-size:14px; }

.uline, #liste td, #liste th{ border-bottom:1px solid #7b7b7b; height:40px !important; }
#abc td, #seitenNav td{ border-bottom:0px solid #7b7b7b !important;}
#abc a{ margin-left:5px; }

a.subNav,  a.subNav:hover, a.subNav:active{ font-weight:bold; white-space: nowrap; color:#fff; }
a.subNav_on,  a.subNav_on:hover, a.subNav_on:active{ font-weight:bold; white-space: nowrap;}

.img-thumbnail { background-color: #919191; }
.iFrameCon{ margin: 30px 20px; }

/* Solution */

.box{
	display: block;
	background: #dadada;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.boxheading {
	background: -webkit-linear-gradient(top, #f9f9f9 0, #e9e9e9 100% );
	background: linear-gradient(top, #f9f9f9 0, #e9e9e9 100% );

	border-bottom: 1px solid #bababa;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 1px 0 white inset, 0 -1px 0 rgba(255, 255, 255, 0.7) inset;

	font-size: 16px;
	height: 45px;
	line-height: 45px;
	padding: 0 16px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	color: #996633;
	font-family: georgia,serif;
}

#matthalla{ width:auto;margin:15px;padding-top:10px;}
#matthalla dl{ height:220px; width: 100%;
	overflow-y:auto; overflow-x:hidden;
	margin:0 ; padding:0 0 0 5px; background: #ccc;font-size:12px;
}
#matthalla dt, a.arrow_333, a.arrow_333:active, a.arrow_333:hover{
	color:#333; text-decoration: none; padding:0 10px 0 16px;
	background: url(../gfx/arrow_white.png) no-repeat 0px 6px; margin:0; }
#matthalla dt{ cursor:pointer; margin:5px; border-top:1px solid #a6a6a6; padding:5px 0 2px 18px; }
#matthalla dt:first-of-type {border-top:0px solid #a6a6a6; margin-top:3px; }

#matthalla dt:hover, #matthalla dt.on, a.arrow_333:hover{ background: url(../gfx/arrow_white.png) no-repeat 0 6px;}
#matthalla dt.on{border-bottom: none;background: url(../gfx/arrow_white_90.png) no-repeat -2px 6px;}
#matthalla dd{ margin:5px 5px 3px 0;padding:0 0 4px 0; color:#fff; display:none; }
#matthalla dd span{ margin:0 0 0 10px;}
#voteHint{ float:left; width:100%; margin:0 0 15px 0;}

a.arrow_333, a.arrow_333:active, a.arrow_333:hover{ background: url(../gfx/arrow_white.png) no-repeat 0 8px; }
a.arrow_333_r, a.arrow_333_r:active, a.arrow_333_r:hover{ color:#333;
	text-decoration: none;
	padding:0 16px 0 10px;
	background: url(../gfx/arrow_white_r.png) right no-repeat;
}

.loesung{padding:1px 5px 4px 5px; display:block; color:#666; margin:0; }

.matt {
	background-size: 100% auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	transform: rotate(45deg);
	background-repeat: no-repeat;
	margin:7px 0 0 2px;
	overflow:auto;
}

#moveTab{ float:right; margin:0 0 5px 0; }
#moveTab table{ margin:10px 0; }
#moveTab table td{ padding:0; }
#zugsetzer_nav_up,
#zugsetzer_nav_down,
#zugsetzer_nav_end_down,
#restart{ cursor:pointer;}

/* SOMA */

.adds, .addsVb{ position:absolute; top: -20px; right:0; font-size:10px; color:#666; text-align:right; margin-bottom:2px;  }
.addsVb{ top: -20px; right:0px; }
.adds_home{ font-size:10px; color:#666; text-align:right; margin:0px 25px 2px 0px;  }
/* ezoic-pub-ad-placeholder-107 */
.ezoic-spezial{ margin-right:25px; }
#soma{ width:100%; margin:0 0 20px 0; }

/* chessmassters */
#cm{float:left;width:100%;margin:0;padding:15px 5px 10px 15px;}
#cm a{margin:4px 2px 4px 2px; font-style:italic;}
#cm h2{ margin-bottom:8px; line-height:20px;}
#cm a:hover{font-style:normal;}
#cm a.cm_s, #cm a.cm_s:hover, #cm a.cm_s:active{ margin:4px 2px 4px 2px; text-decoration:none;font-size:13px;line-height:16px; color:#666;}
#cm a.cm_m, #cm a.cm_m:hover, #cm a.cm_m:active{ margin:4px 2px 4px 2px; text-decoration:none;font-size:16px;line-height:19px; color:#666;}
#cm a.cm_l, #cm a.cm_l:hover, #cm a.cm_l:active{ margin:4px 2px 4px 2px; text-decoration:none;font-size:18px;line-height:22px; color:#333;}

/* variantenbrett  */

#schachbrett{ position: relative; background: transparent; margin: 30px 0 0 25px;
	box-shadow: 0 2px 16px 4px rgba(0, 0, 0, 0.5) !important;
	border:1px solid #666; }

#ablage{position:relative; margin:25px 0 0 0; width:100%; max-width:420px; }
#vbNavCon{ position:absolute; bottom:10px; width:96%; left:5%; }
#vbNav{ display: flex; border:0px solid red; height:40px; margin-top: 10px;}
#vbNav div{ float:left; display:inline; }
#vbNav #zugsetzer_nav_up,
#vbNav #zugsetzer_nav_down,
#vbNav #zugsetzer_nav_end_down,
#vbNav #restart{ width:auto; height:50px; cursor:pointer; /* line-height:66px; padding:2px 3px; */
}
#kompass_vb{ cursor:pointer; padding:0; float:right; width:63px; height: 63px;}
#vbNavCon span { font-size: 44px; color: white;text-shadow: 1px 1px 0 #333333; }
.heightfixer{ height:40px; }
.heightfixer2{ height:40px; float: left; width: 100%; }

#brettCon{ position:relative; height:400px; margin-bottom:30px; }
#brettCon:fullscreen {
	#schachbrett{
		width: 100vw;
		height: 100vh;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.tZBox_board.all{
		display: none;
	}
	#fullscreenClose {
		display: block;
	}
}
.intro{ max-width:280px;}

.square{ position:absolute;  background-size:100% auto;}
.src_odd {  background-color: #fff; } /* rgba(255, 255, 255, 0.6);   */
.src_even { background: #969594; }
.src_even, .src_odd{border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #666;border-bottom: 1px solid #666;}
.src_abc, .src_nr{ font-family: Georgia, "Times New Roman", Times, serif; color:#993300; text-shadow: 1px 1px 2px #fff; font-size:15px !important;}
.src_abc { line-height: 18px; text-align: center; font-size:13px !important; }
.src_nr { padding-left:5px; }
#partie{ position:absolute;left:35px; bottom:20px;height:20px;z-index:2; font-size:12px !important;}
#partie span.txtWhite{  text-shadow: 1px 1px 1px #333; }
.closer{ position:absolute; z-index:1000; right:20px; top:7px; padding:0; margin:0px 0px; cursor:pointer;}
.closer .glyphicon{ font-size:18px; color:#cc6600; }
.msg{ color: #993300; }

/* Chat & Hilfe */

#chatHelpCon p{ background:#b6b6b5; padding:8px;}
#chatHelpCon h2{ padding:8px; }

.tPBox_Chat{
	float:left; background-color:#c3c2c0; background-color: rgba(195,194,192, 0.9);
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border:1px solid #a4a4a4;
	margin: 0 10px 10px 0;
	width:96%;
	position:relative;
	padding:4px;
}

#chatHead{ float:left; width:100%; margin:30px 0; }
#chatHead .tPBox_Chat .el{ width:30%;  float:left; text-align: center;}
#chatHead .tPBox_Chat .el a{  border-right: 1px solid #666; }
#chatHead .tPBox_Chat .el #Hilfe a{  border-right: 0; }
a.cnav, a.cnav2, a.cnav3{display:block; font-size:12px;font-weight: normal;text-decoration:none;}

a.cnav, a.cnav2:hover, a.cnav3:hover{ color:#fff;}
a.cnav2{ color:#333;}
a.cnav3{ color:#666; }

#chatIcon{ position:absolute; right:-12px; top:-13px; width:51px; height:51px;  margin:0; padding:0;}

#chatBody{float:left; height:450px; width:100%; margin-bottom:12px;  }

#chatHelpCon, #chatCont { margin:2px 0 0 3px;float:left; height:350px; width:98%;
	border:1px solid #666; box-shadow: 0 0 3px 3px #a6a6a6; /* background:#dcdcdc; */ background-color: rgba(195,194,192, 0.6); }
#chatTextarea{ margin: 12px 0 0 3px;float:left; height:52px; width:98%; border:1px solid #666; box-shadow: 0 0 3px 3px #a6a6a6; }

#chatCont table{ border-spacing: 1px;  border-collapse: separate; width:100%; }
#chatCont table td{ background:#b6b6b5; padding:2px; font-size:13px; text-align:left; }
#chatCont table td p{ padding:2px 8px 2px 10px;margin:0;}

#chatHelpCon, #chatCont{
	scrollbar-face-color: #DEDFDE;/*scroller*/
	scrollbar-highlight-color: #FFFFCC;
	scrollbar-3dlight-color: #ffffff;/*links*/
	scrollbar-darkshadow-color: #C99E6F;/*rechts*/
	scrollbar-shadow-color: #996633;/*rechts*/
	scrollbar-track-color: #C3C2C0; /*background*/
	scrollbar-arrow-color: #996633;
	overflow:auto;
}

.notation{ padding:8px; float:left; margin-bottom: 5px; width:100%; }
.notation dt{ font-size:12px; float:left; width:40%; padding:4px 4px 4px 0; border-bottom:1px solid #dcdcdc;white-space: nowrap;}
.notation dd{ font-size:12px; font-weight:bold; float:left; width:60%; color:#fff; padding:4px 8px; border-bottom:1px solid #dcdcdc; }

.mob_li{float:inherit;}
.mob_Re{float:inherit;}

.hide { display:none; }

/* links **********************************************/

#facebookbox{ float:left; }
.liCon{ float:left; position:relative; width:94%; }

.liCon .iconcon{ right:-25px; }
.liCon .tPBox{ margin-top:25px; }

#rip{display:none;}
#SWFigs{padding:10px 15px 20px 15px;}
#SWFigs table{ margin:0; }
#SWFigs table td{ white-space: normal;}


.gm_pic img{ width:100%; margin:0 auto; }
.gm_pic p{ padding:5px 0 10px 0;margin:0;text-align:center;white-space: nowrap; font-size:11px;}

/* Portal Gegner Container */
#gegnerDiv{  margin: 0; }

.gegner{
	float:left;	background:#999; width:48%; margin:1px;
	padding:2px ; border:none; text-align:left;white-space: nowrap;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

#bubbles{
	position:relative; padding:6px; margin:10px 0 0 0;
	float:left; width:100%; background:#888;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* creates the triangle */
#bubbles:after {
	content:"";
	position:absolute;
	top:-25px; left:20px;
	border:15px solid transparent;
	border-bottom-color:#888;
	display:block; width:0;
}

.dynOnlinerCon{
	float:left; display:inline; margin:10px 0 0 0;
}

.lorbeerkranz{ width:100%;background:url(../gfx/schachraetsel_lorbeerkranz_90.png) right 12px no-repeat}

.banda_inter{ float:left;width:100%; height:33px; text-align:right;font-weight: bold;  }
.banda_inter div{ position:absolute; right:-10px; width:100%; height:33px; background:url(../gfx/bandarole_interaktiv_corner.png) no-repeat right bottom; }
.banda_inter p{ width:100%;height:25px;padding-right:20px; background:url(../gfx/bandarole_interaktiv_dot.png);}

.banda_zfz{ float:left;width:100%;height:33px;text-align:right;font-weight: bold; }
.banda_zfz div{ position:absolute; right:-10px; width:100%; height:33px; background:url(../gfx/bandarole_zfz_corner.png) no-repeat right bottom; }
.banda_zfz p{ width:100%;height:25px;padding-right:20px; background:url(../gfx/bandarole_zfz_dot.png);}

.banda_klassisch{ float:left;width:110%;height:33px; text-align:right;font-weight: bold; }
.banda_klassisch div{ position:absolute; right:-10px; width:100%; height:33px; background:url(../gfx/bandarole_klassisch_corner.png) no-repeat right bottom; }
.banda_klassisch p{ width:100%;height:25px;padding-right:20px; background:url(../gfx/bandarole_klassisch_dot.png);}

.indianproblem{
	position:absolute;top:-40px; right:40px; width:280px;height:330px;
	background-image:url("../gfx/studie_indischerElefant_bg.png");
	background-position: right;background-repeat: no-repeat;background-size: contain;
}
.roemerHelm{
	position:absolute;top:-50px; left:60px;width:280px; height:330px;
	background-image:url("../gfx/studie-roemerHelm_bg.png");
	background-position: right;background-repeat: no-repeat;background-size: contain;
}

.divider{ margin:40px 0;font-size:33px; }
.right_desk_left_mob{ text-align: right; }

/* form handling */

.form-group {
	margin: 0; width:100%;
}

.form-control{
	height: 32px;
	padding: 2px 6px;
	font-size: 14px;
	color: #555; background-color: #fff;
	border-radius: 0;
	background-image: none;
	border: 1px solid #333;
}
.form-select{
	height: 32px;
	padding: 2px 6px;
	border-radius: 0;
	border: 1px solid #333;
	min-width:60px;
}
#openGameSorting{ min-width:150px; }
.sYear{
	min-width:80px;
}

.input-group{
	margin-bottom:10px;
}

.btn{
	line-height: 24px; border-radius: 0px;
}
#msg_{ height:240px; }

/* Slick Switch*/

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	cursor: pointer;
	background: url(../gfx/switch.png) 0 0 no-repeat;
}

.switch .ss-on {
	position: absolute;
	display: block;
	width: 30px;
	height: 17px;
	background: url(../gfx/switch.png) -30px 0 no-repeat;
}

.switch .ss-slider {
	position: absolute;
	left: 0px;
	width: 15px;
	height: 16px;
	margin: 0 1px;
	background: url(../gfx/switch.png) -60px 0 no-repeat;
}

.switch.icons {
	background-position: 0 -17px;
}

.switch.icons .ss-on {
	background: url(../gfx/switch.png) -30px -17px no-repeat;
}

/* Checkbox Slider */
.cb-switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 28px;
}

.cb-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 2px;
	background-color: #efefef;
	border: 1px solid #999;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #5FAA61;
}

input:focus + .slider {
	box-shadow: 0 0 1px #5FAA61;
}

input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 32px;
	border: 2px solid #666;
}

.slider.round:before {
	border-radius: 50%;
}

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

footer{ width:100%; float:left; min-height:300px; background:#383838 url(../gfx/foot_bg.png) repeat-x; font-size:12px; padding-top:20px; }
footer p{ padding:10px; }
footer h2{ margin:20px 0 0 0; padding:0 0 6px 0;
	font-family: georgia, serif;  line-height:20px;
	color: #efefef; font-size: 17px; text-shadow: 1px 1px 0 #333333;
	font-weight:400 !important; border-bottom:1px solid #a6a6a6; }

.wamark{ background:url(../gfx/schachraetsel_watermark.png) no-repeat 220px 60px; }
.dragon{
	position:absolute;width:76px; right:0; top:-17px; height: 76px; margin: 0;
	background: url('../gfx/flugdrachen.png') no-repeat; z-index: 10;
}
.kMask{
	position:absolute;width:80px;right:-10px; top:-14px; height: 76px; margin: 0;
	background: url('../gfx/Karneval-Maske.png') no-repeat; z-index: 10;
}

footer ul{list-style:none; margin:10px 0 0 0; padding:0;}
footer li{ line-height:24px; background: none !important; padding:0 0 6px 0; margin-bottom: 4px;}

footer li a{ display:block; text-decoration: none; padding:0 0 0 16px;}
footer li a.icn_fb{ background: url(../gfx/icn_Sprite26.png) no-repeat 0px -1px; padding:0 0 0 42px; height: 43px;}
footer li a.icn_rss{ background: url(../gfx/icn_Sprite26.png) no-repeat 0px -43px; padding:0 0 0 42px;}
footer li a.icn_tn{ background: url(../gfx/icn_Sprite26.png) no-repeat 0px -84px; padding:0 0 0 42px;}
footer li p{ padding:2px 0;margin:0;line-height:16px;border-bottom:1px solid #666;font-size:12px; color: #efefef; }

footer li a.icn_print{ background: url(../gfx/icn_Sprite26.png) no-repeat 0 -208px; padding:0 0 0 35px; display:block; height:24px; line-height:24px !important;}
a.icn_print, a.icn_print:hover{
	background: url(../gfx/icn_Sprite26.png) no-repeat 0 -208px;
	padding:0 0 0 35px; display:block; height:24px; line-height:24px !important;
	text-decoration: none;}
footer li {
	a.icn_gear,  a.icn_gear,  a.icn_gear:hover, .icnGear{
		background: url(../gfx/icn_Sprite26.png) no-repeat 0 -177px;
		padding:0 0 0 35px; display:block; height:24px;
		line-height:24px !important;
		&::before {
			content: '';
		}
	}
}
a.icn_gear, a.icn_gear:hover{
	align-self: start;
	border: none;
	padding: 0 0 0 26px;
	position: relative;
	line-height:28px !important;
	&::before {
		font-family: 'icomoon';
		content: '\e994';
		position: absolute;
		left: 0;
		top: 50%;
		color: #888;
		transform: translateY(-50%);
		font-size: 18px;
	}
}
footer li a.icn_calc{ background: url(../gfx/icn_Sprite26.png) no-repeat 0px -237px; padding:0 0 0 35px; display:block; height:24px; line-height:24px !important;}
footer .container{ min-height:250px;}
footer li a:focus, footer li a:active{ color: #fff; text-decoration:none; }
footer ul li.txt{ line-height:16px; color:#cecece; }
footer ul li.txt a{ line-height:24px; padding:0 0 0 16px; margin-top: 10px;}

footer a, footer a:hover, a.arrow, a.arrow:hover{ color:#efefef; text-decoration: none; background: url(../gfx/arrow.png) no-repeat 0px 4px; padding: 0 0 0 16px;}
footer a:hover, a.arrow:hover{ background: url(../gfx/arrow_white.png) no-repeat 0px 4px; color:#fff;}

#blackFooter{ background:#000; height:50px; width:100%; padding-top:5px; }
#blackFooter .container{ min-height:50px; }
#blackFooter ul{ display: inline; }
#blackFooter ul li{ float:right; padding-right: 6px;}
#blackFooter ul li a{ color:#a6a6a6; }
#blackFooter .netschach{ float:right; color: #fff; margin-left:20px; line-height: 24px;}

.back-to-top {
	position: fixed; bottom:20px; right:20px; z-index: 100; cursor: pointer; display: none; background: #000; color: #fff !important;
	border-radius: 50%; border: 2px solid #ccc; height: 40px; width: 40px; line-height: 36px; text-align: center;font-size: 18px;
}
.back-to-top i{
	display:block; color:white; font-size: 2.2rem; margin-top:6px;
}

/* Index Ani */
#schachraetselAni{
	position: relative;
	background: url("../gfx/stuerze_den_koenig_bg.png");
	background-repeat: no-repeat;
	width:100%; height: auto;
}
.ani{
	animation: bounce 1s; animation-iteration-count: 1;
}

#sturz{
	width:185px; height: 200px;
}

#krone{
	position: absolute; left: 211px; top:0; width: 185px; height: 200px;
}
.kippenberger {
	background-repeat: no-repeat;
	overflow:auto;margin-left: 0; margin-top: 0;
	animation: tilt .7s;animation-iteration-count: 1;
}
@keyframes bounce {
	0% {margin-left:0;}
	50% { margin-left:-20px;}
	65% { margin-left:80px;}
	100% { margin-left:0;}
}
@keyframes tilt {
	0% { }
	30% { margin-left: 60px; margin-top:70px; transform:scale(.8) rotate(45deg);}
	100% { }
}

@media all and (max-width: 1400px) {
	#content .star{
		background: transparent url(../gfx/netstern.svg) 310px -60px  no-repeat;
	}
	#loginBoxIndex {  right: 30px; }
	#loginBoxIndex form{  width:190px; }
}

@media all and (max-width: 1199px) {

	#content .star{ background: transparent url(../gfx/netstern.svg) 200px -100px  no-repeat; }
	#logInBox .btn-login, #logInBox .regBtn{ width:100%; margin-bottom:10px; }
	.pusherTop{ margin: 65px 5px 0 0; }
	.rBlockTxt p{ line-height:14px; font-size:11px; }
	#conRe .txtWhite{ font-size:12px; }
	.moveCon-subNav{ display: flex; justify-content: space-between; }
	.move-container{ display: inline-block; }
	#moveCon{  margin:-110px auto 0 auto; }
	#moveCon .form-control{ font-size:16px; padding:1px; margin:3px 14px 0 14px; width: 68px; }
	#msgCon{ margin: -20px 0 40px 0; height:auto; padding:0;}
	#oLegende td{ font-size:12px;}
	.statusCon{ margin-left:15px; }
	.statusCon img{  vertical-align: top; }
	#eventIcon{ right:0px; }
	.wamark{ background:url(../gfx/schachraetsel_watermark.png) no-repeat 180px 60px; }
	#reEnigma h2{ font-size:22px; }
	.tBox.nopadding{ background:transparent !important; border:none !important; box-shadow: none; }
	.nopadding{ margin:0 auto; padding:0 !important; }
	a.arrow_333_r, a.arrow_333_r:active, a.arrow_333_r:hover{ padding:0 12px 0 5px;}
	a.arrow_333, a.arrow_333:active, a.arrow_333:hover{ padding:0 5px 0 12px;}
	#kurzForm { margin-left:0px; }
	.lh_mob { line-height:14px; font-size:13px; }
	#dynTabCon{ padding:25px 0 0 0; }
}

@media all and (max-width: 1100px) {
	.rBlockTxt p{ line-height:14px; font-size:11px; }
	.reCon_12 table{ width:96%; }
	.introspace{ margin-top:80px; }
}

@media all and (max-width: 1025px) {
	body, body.resp, body.vb{ background-position: left top; }
	#enigmaNav a {  line-height: 35px;}
	#kurzForm { margin-left:20px; }
}

@media all and (max-width: 1000px) {

	#content .star{ background: transparent url(../gfx/netstern.svg) 0 -75px no-repeat; background-size: contain; }
	.eBoard{ margin-top: 20px; }
	.loginBg .pullRight{ float:right; margin-right:0;}
	h1.main { padding: 30px 0 0 30px;}
	#eventIcon{ right: -90px; bottom: -60px; }
	#eventIcon img{ width:70%; }
	.wamark{ background:url(../gfx/schachraetsel_watermark.png) no-repeat 180px 90px; }
	#rePB {  height: auto; min-height: auto; }
	#enigmaSpecial .melement h2.bronze{ margin-top:30px !important; }

}
/*                                                              	mobile								                                         */

@media all and (max-width: 991px) {
	html::before {
		content: ' ';
		display: block;
		background: url(/gfx/schachbrett-muster-mobile.png);
		background-position: top center;
		background-repeat: repeat;
		height: 100vh;
		width: 100vw;
		top: 0; bottom: 0; left: 0; right: 0;
		position: fixed;
		z-index: -10;
	}
	.topM40{ margin-top:20px;}
	#detailTxt.legende { max-height:max-content; min-height:max-content; padding-bottom:30px;}
	#stickyAddCon{ position: relative !important; }
	.stickyCon{ height: auto !important; }
	.hidden-md{ display: none; }
	header { height: auto; z-index: 10000; }
	header nav a { line-height: 24px; }
	header div#logo { width: 70px; height: 70px; margin:1px 12px -1px !important; }
	.navbar-toggler{ margin-right:12px;}
	.cube{  min-height: 70px; border-radius:0; height: auto !important; padding:0; }
	#netschach{ display: none; margin: -20px 120px 0 0; }
	#loginBoxCon { display: block; width: 210px; top: 3px; right: 10px; z-index:100; }
	#loginBoxCon input{ margin:5px 0;}
	#loginBoxCon .form-group{ width:100%; margin-bottom: 5px;}
	#loginBoxCon h2{ margin-bottom: 15px; display: block;}
	.navbar-collapse.show{
		overflow: auto;
		height: calc(100vh - 70px);
	}
	.navbar-nav{ margin: 0;  background-color: #c7c7c7; }
	.navbar-nav .nav-link{ height: auto; margin-top: 0; padding: 10px 15px; font-size: initial; color: #333 }
	.navbar{  background: #666 url(../gfx/bg_stripe_gold.png) bottom repeat-x; }
	.navbar-nav .nav-link { font-size: 12px; white-space: nowrap; }
	.a-vs-b div{ display:none; }
	.dropdown-menu{ display: block; opacity: 1 !important; border-radius: 0; background-color: #fff; border-left: 0; border-right: 0; }
	.dropdown-menu a{ font-size:12px; }
	.dropdown-menu > li:hover{ background-color: #f1f1f1; }
	.nav-item{ border-bottom: 1px solid #333; }
	.nav-item.dropdown{ border-bottom: 0; }

	#content:before,
	#portalcontent:before{ content: ""; background: none; }
	#portalcontent .top {  padding-top: 100px; }
	input, select, textarea, .form-control { font-size: 16px; }

	.hidden-xs{ display: none; }
	h1{ white-space: normal; width:auto; font-size:24px; line-height: 29px; padding: 10px 0 30px 0 !important; }
	#home h1.bronze{ font-size:27px !important; padding: 30px 0 10px 10px !important; text-align: center; }
	h1.bronze{ font-size:27px !important; padding: 30px 0 30px 0 !important; }

	h2{ font-size:24px; margin: 5px 0 10px 0; }
	h2.bronze_s{ font-size:20px; }
	h2.vb { font-size: 16px !important; line-height: 20px !important; margin: -2px 0 10px -2px;}
	h3.indigo { font-size: 18px !important; line-height: 20px !important; }
	.bronze .subline{ font-size:23px; line-height:30px;}
	.subline{ font-size:17px; line-height:20px;}
	#zugzeit{ padding:5px 0 10px 15px; }
	.caret{ display:none; }
	.mobile12{ font-size:12px; }
	.forMobile{ display:block;}
	.indigo{ font-size:16px; line-height: 18px;}
	.intro{ margin-top:6px;line-height:15px; max-width:160px;}
	.introspace { margin:40px auto 0 auto; max-width:100% !important; overflow:hidden;}

	.startText{ padding-left: 0; }
	#statistik { padding: 40px 15px;}
	#raetselTeaser{margin:40px 0 60px 0;}
	#gamecon #brettCon{ margin: 10px 10px 0 -10px !important;}
	#schachbrett, #ablage{ margin:30px 0 0 0; }
	#auswahl{ right: 0px !important; width:220px; padding-top: 20px; }
	.uCon{	height: 40px !important; width: 40px !important;padding: 0; }
	#partie{ left:20px; }
	#features{ padding:10px 0 30px 10px; }
	#dynTabCon{ padding:0 15px 0 15px; margin: 0; height: auto; width:100%; }
	#dynTabCon h2{ margin-top: -30px;}
	#dynTab{ height:200px; margin-top: 10px; }
	.pusherTop{ margin-right: 5px; }

	#tab1 table, #tab2 table{  width:100%; }
	#tab1 div, #tab2 div { padding:0 2px 0 0;}

	#zugMonitorTab .notation {font-size: 13px; padding:4px 0 0 1px; }
	#zugMonitorTab .gameTab{ gap: 1px; }
	.mob_li{ float:left; }
	.mob_Re{float:right;}

	.eBoard{ margin-top:20px; }
	.imgCon .shadow img { box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.5) !important; }
	.enLi{ width:50%; }
	.enRe{ width:50%; }
	.border {  padding-top: 0; }
	#partienListe td{ font-size:12px;}
	#firstBlock h1{ width:100%; }
	footer ul { margin: 10px 0 0 0; }
	footer h2 { margin: 0 0 20px 0;padding: 0 0 10px 0;}
	#blackFooter .container{ padding: 10px 0 10px 10px;}
	#blackFooter { height: auto; }
	#blackFooter ul, #blackFooter ul li{ float: left;display:block; width:100px; }
	#blackFooter .netschach {  margin: 10px 0 0 0; }

	#gamecon #schachbrett{ background:transparent; margin: 0 0 0 8px;}
	.navbar-form {  border-color: transparent !important;}
	.form-control { width: 100%;  height: 25px; margin:4px 0; }
	.tBox{ margin-bottom:20px;}
	.tZBox_board {  width: 49%; height:28px; margin: 0; }
	.tZBox_board.all{ left: 25px; width:94%; }

	.tZBox_board.second{left: auto; right: 0;}
	.tZBox_board.second .iconcon{ right:-20px; left:auto; }

	.tZBox_inner { padding: 20px 10px;}
	#player_sub_pd, #player_sub{ padding: 0 20px 0 0 !important; width:auto !important; float:right; font-size:10px; }
	#player_top_pd, #player_top{ width:auto !important; padding-left:20px !important; font-size:10px; }

	.tZBox_board #player_li, .tZBox_board #player_re,
	.tZBox_board #player_top_pd,.tZBox_board #player_sub_pd{ align-items: center; display: flex; justify-content: center; padding-right:40px; font-size:12px; }
	.tZBox_board #player_re,.tZBox_board #player_sub_pd{ align-items: center; display: flex; justify-content: center;padding-left:30px; font-size:12px; }

	#msgCont{ margin:5px 0 0 0; }
	#msgCon{ display: flex; margin: 0 0 10px 0; padding: 0; width: 100%; height:auto; justify-content: center; flex-direction: column;}
	#msg{ display: inline-block; padding:0; } /* background:#fff; border:1px solid #cdcdcd; */

	#msgPD{float: none;	margin: -30px auto 0 auto; width: 110px; white-space: nowrap;}

	#zugsetzer_up_spacer{margin-top:11px;}

	#moveCon{  margin:-60px auto 0 auto; }
	#enigmaNav {  margin-left: 0;}

	ul.spy td{ font-size:10px; line-height:12px;}
	ul.spy td a{line-height:16px; display:inline; margin-right:5px; }
	.spyDiv{ height:auto; line-height:44px; font-size: 12px;}

	.pLi_01{ width: 42%; }
	.pLi_02{ width: 24%; }
	.pLi_03{ width: 14%; }
	.pLi_04{ width: 20%; }
	.pLi_04_sAdmin{ width:25%; }
	.pLi_01 .msg{ margin:0 1px 0 3px;}

	.paarung, .paarung .weiss, .paarung .msg  { font-size:12px; gap: 2px; }
	.paarung .circ{ width:12px; height: 13px; }
	#dynTabOpen .datum{ font-size:12px; }
	.statusCon{ margin:1px 0 1px 5px; }
	.statusCon img{ float:left; vertical-align: middle; }
	.anfrage table td{ line-height:16px !important; font-size:12px !important; }
	#liste{ font-size:14px; }
	#conRePartie iframe{ width: 100%; }
	#partien_con .eBoard{ margin:40px 5px 10px -2px;}
	#conRe .topSpace {  margin-top: 10px;}
	.rBlockHead{ top:-36px; left:-100px; right: 0; margin:10px 0; }
	.rBlockHead a{ float:right; }
	.rBlockHead a h3{ font-size: 14px; }
	.rBlock{ margin:30px 0; min-height:180px;}
	.rBlockTxt { padding: 20px 0 6px 10px; }
	.rBlockTxt p{ line-height:13px; font-size:10px; }
	.divider{ margin:20px 0;}
	.indianproblem{ opacity:0.15; }
	.roemerHelm{ opacity:0.15; }
	.schwierigkeitsgrad{ font-size:10px; line-height:14px; text-align:right; bottom:-22px;}
	.schwierigkeitsgrad .p_pfeil, .schwierigkeitsgrad .p_pfeil:hover { margin: 10px 5px 10px 0;}

	a.p_pfeil, a.p_pfeil:hover, a.p_pfeil:active{
		padding: 1px 0 0 20px; margin:0 5px 10px 0; line-height:22px; color:#fff; white-space: nowrap; }
	a.p_pfeil_g, a.p_pfeil_g:hover, a.p_pfeil_g:active{ color:#666 !important; white-space: nowrap; }
	.jumbotron, .insetter{ margin:10px 0; padding:15px !important; }
	.reCon, .reCon_12 { width: 100%;  margin: 0 !important; }
	#EniLNK{ text-align: left; margin-bottom:20px}
	#EniLNK h3{  text-align: left; padding:40px 0 20px;}
	#EniLNK h3.secHL{ padding: 40px 0 0 0;}
	#detailTxt{ max-height: max-content;  }
	#reEnigma #detailTxt { min-height: auto; max-height: none; }
	.kMask{ right: 0; }
	.right_desk_left_mob{ text-align: left; }
	.enigmaBoard{ margin-bottom:10px; }
	#enigmaSpecial .melement{ margin: 0 10px; padding: 40px 0; }
	#enigmaSpecial .slick-dots{ left:55% !important; bottom:20px; }
	#enigmaSpecial .slick-prev{ left:50% !important; bottom:20px; }
	#enigmaSpecial .slick-next{ bottom:20px; }
	#enigmaSpecial .slick-center{ opacity:1; transform:scale(1)!important; z-index:99999 !important; }

	#SchachpartienBibliothek{ border-top: 1px solid #a6a6a6 !important; }
	#schachraetselAdd{ margin:30px 0; width:100%; }
	#krone{ width: auto; }
	#stickyAddCon{ max-width: 100%; }
	.roemerHelm{ top: -20px; }
	#blackFooter .container{ height: auto !important; min-height: 250px;  }
	#blackFooter .netschach{ margin-right:20px; }
	.iconcon.second{ right:-15px; }
	header.smaller{ height: auto !important;  }
	#vbNav{ justify-content: end }
	#kompass_vb{  padding-top:14px;}
	.lh_mob { line-height:14px; font-size:12px; }
	.wamark{ background:url(../gfx/schachraetsel_watermark.png) no-repeat right 124px; }
}

@media (max-width: 650px) {
	#zugsetzer_nav_up, #zugsetzer_nav_down, #zugsetzer_nav_end_down, #restart{ padding:1px 0; }
	#vbNav{ margin-top: 7px; }
	.htmlSubspacer{ margin:20px 0; }
}

@media (max-width: 550px) {
	.closer{ right:20px; top:4px; }
	#ablage{ margin: 0 0 5px 0 !important; height:140px !important; }
	#vbNav{ width: 100%; }
	#vbNavCon{ position:absolute; top: 0; right: 10px; width:60%; left: auto;}
	#newsCont{width:300px; height:40px; }
	#restart{ padding-right: 0 !important; }
	#zugsetzer_nav_down{  padding-right:5px;}
	#restart, #zugsetzer_nav_up, #zugsetzer_nav_end_down{  padding-right: 0; }
	.closer .glyphicon{ font-size:16px; color:#cc6600;  }
	.intro{ margin-top:6px;line-height:14px; max-width:124px; font-size:10px;}
	#schachbrett{ margin:24px 0 0 0; }
	#brettCon{ margin-top:0;}
	#partie{bottom:10px; left: 0;}
	.dyn_msg_nav {padding-right:0;}
	.paarung .circ{ font-size:28px;}
	.paarung .msg p{ padding:0 1px 0 3px;}
	#fTab { margin: 15px 0;}
	.anfrage { margin-top: 0;  }
	.pHint img{ position:absolute; right:-4px;}
	.pLi_04_sAdmin .pHint img{ position:static; right:0;}
	.WM{ background:transparent; border:none !important; box-shadow: none; }
	.WM .tPBox_inner, .nopadding{ overflow: hidden; margin:0 auto; }
	.cc-window{ margin-right: 0; margin-bottom:0px;}
	#kurzForm { margin-left: 0; }
	.htmlSubspacer{ min-height:auto; padding:0 0 10px 0; }
}
@media (min-width: 0px) and (max-width: 450px) {
	#kurzForm { height: 500px; }
}


/* test */
.arrow {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Ebtn_pfeil_solo_links%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-opacity%3D%22.9%22%20fill%3D%22%23EF3631%22%20d%3D%22M60%200H0v60h60z%22%2F%3E%3Cpath%20d%3D%22M32%2030c2.417-2.7%205.868-10.74%207-16h-1c-5.352%205.758-11.067%2011.195-18%2016v1c6.933%204.747%2012.647%2010.241%2018%2016h1c-1.132-5.29-4.583-13.358-7-17z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
}