@charset "UTF-8";
/*--------------------------------*/
/* NovaMetin2
/* Coded by LeKoArts
/* http://www.lekoarts.de
/* Copyright (c) 2015
/* All rights reserved.
/*--------------------------------*/

/* ---------- Velmora2 visual system ---------- */
:root{--vm-green:#b7ff20;--vm-green-2:#6ed800;--vm-ink:#070a07;--vm-panel:#101610;--vm-line:rgba(183,255,32,.18);--vm-muted:#9aa696;--vm-white:#f4f8ed}
body{background:#050705!important;color:var(--vm-white)!important;font-family:"Open Sans",Arial,sans-serif!important;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% -15%,rgba(124,220,0,.18),transparent 37%),linear-gradient(rgba(5,7,5,.82),rgba(5,7,5,.98)),url(../img/bg.jpg) top center/cover no-repeat}
.main{min-width:0!important;overflow:visible!important}.navigation{height:86px!important;padding:0!important;position:sticky!important;top:0;background:rgba(5,8,5,.91)!important;border-bottom:1px solid var(--vm-line);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(0,0,0,.4)}
.navigation>nav.vm-nav{max-width:1240px!important;width:calc(100% - 40px)!important;height:86px;margin:auto!important;padding:0!important;display:flex;align-items:center;justify-content:space-between}
.vm-nav-logo{display:flex;width:235px;height:68px;align-items:center}.vm-nav-logo img{display:block;width:100%;height:100%;object-fit:contain}
.navigation nav ul{width:auto!important;margin:0!important;text-align:right!important;display:flex;align-items:center;gap:4px}.navigation nav ul li{height:auto!important;line-height:normal!important;margin:0!important;padding:0 10px!important;width:auto!important}
.navigation nav ul a{font-family:"Open Sans",Arial,sans-serif!important;font-size:13px!important;font-weight:700;letter-spacing:.08em;color:#d8dfd2!important;text-transform:uppercase;text-shadow:none!important;padding:12px 4px!important}.navigation nav ul a:hover{color:var(--vm-green)!important;text-decoration:none!important}
.navigation .newLogin,.navigation .username{height:auto!important;line-height:normal!important;border:1px solid var(--vm-green)!important;border-radius:3px!important;color:var(--vm-green)!important;padding:11px 17px!important}.content{width:100%!important;max-width:none!important;height:auto!important;min-height:900px!important}.links{width:100%!important;margin:0!important}.languagebox{display:none!important}
.vm-hero{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 24px 70px;overflow:hidden;background:linear-gradient(to bottom,rgba(3,6,3,.15),#050705),url(../img/new/slider1.png) center/cover no-repeat}.vm-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,2,.86),rgba(2,4,2,.34),rgba(2,4,2,.86)),radial-gradient(circle at 50% 42%,transparent,rgba(1,3,1,.72) 70%)}.vm-hero__glow{position:absolute;width:650px;height:650px;border-radius:50%;background:rgba(132,255,0,.09);filter:blur(90px)}.vm-hero__content{position:relative;max-width:880px}.vm-hero__logo{width:min(680px,90vw);height:210px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(164,255,0,.25))}.vm-kicker,.vm-eyebrow{color:var(--vm-green);font-size:12px;font-weight:800;letter-spacing:.2em}.vm-hero h1{font-family:Georgia,serif;font-size:54px;line-height:1.05;margin:14px 0;color:#fff;text-transform:uppercase;text-shadow:0 4px 30px #000}.vm-lead{max-width:700px;margin:0 auto;color:#bec8b9;font-size:17px;line-height:1.7}.vm-actions{display:flex;gap:14px;justify-content:center;margin-top:30px}.vm-btn{display:inline-flex;padding:14px 24px;border:1px solid var(--vm-green);border-radius:3px;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-decoration:none!important}.vm-btn--primary{background:linear-gradient(135deg,var(--vm-green),var(--vm-green-2));color:#071000!important;box-shadow:0 0 24px rgba(153,255,0,.22)}.vm-btn--ghost{background:rgba(0,0,0,.45);color:var(--vm-green)!important}
.vm-section{max-width:1180px;margin:0 auto;padding:78px 24px}.vm-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.vm-section-head h2,.vm-card h2{font-family:Georgia,serif;font-size:31px;color:#fff;margin:7px 0 0}.vm-section-head>p{max-width:430px;text-align:right;color:var(--vm-muted);font-size:14px}.vm-roadmap{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--vm-line);background:rgba(13,18,13,.85)}.vm-era{position:relative;min-height:150px;padding:27px 20px;border-right:1px solid var(--vm-line);display:flex;flex-direction:column;gap:8px}.vm-era:last-child{border:0}.vm-era:before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--vm-green);transition:.25s}.vm-era:hover:before,.vm-era.is-active:before{width:100%}.vm-era span{color:var(--vm-green);font-weight:800;font-size:12px;letter-spacing:.1em}.vm-era strong{font-family:Georgia,serif;font-size:21px;color:#fff}.vm-era small{color:var(--vm-muted);line-height:1.5}.vm-era.is-active{background:linear-gradient(145deg,rgba(145,255,0,.12),transparent)}.vm-era--final{background:radial-gradient(circle at top right,rgba(145,255,0,.1),transparent 65%)}
.vm-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:26px;padding-top:30px}.vm-section-head--compact{margin-bottom:20px}.vm-card{background:linear-gradient(145deg,rgba(19,27,19,.96),rgba(9,13,9,.96));border:1px solid var(--vm-line);box-shadow:0 22px 65px rgba(0,0,0,.22);padding:30px}.vm-welcome{padding-bottom:25px;border-bottom:1px solid var(--vm-line)}.vm-tag{display:inline-block;background:rgba(183,255,32,.11);border:1px solid rgba(183,255,32,.25);color:var(--vm-green);padding:6px 9px;font-weight:800;font-size:10px;letter-spacing:.1em}.vm-welcome h3{font-family:Georgia,serif;font-size:25px;color:#fff;margin:15px 0 8px}.vm-welcome p,.vm-community-card p{color:var(--vm-muted);line-height:1.7}.vm-news-list{padding-top:18px}.vm-news-list a{color:var(--vm-green)!important}.vm-side-column{display:flex;flex-direction:column;gap:22px}.vm-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.vm-stat{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06);padding:17px}.vm-stat strong.counter{display:block!important;width:auto!important;height:auto!important;line-height:1!important;text-align:left!important;color:var(--vm-green)!important;font-size:23px!important}.vm-stat span{display:block;margin-top:7px;color:var(--vm-muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.vm-community-links{display:flex;gap:10px;margin-top:20px}.vm-community-links a{flex:1;padding:11px;text-align:center;border:1px solid var(--vm-line);color:var(--vm-green)!important;font-weight:700;text-decoration:none!important}.vm-text-link{color:var(--vm-green)!important;font-weight:700}.vm-rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.vm-champion{min-height:130px;display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(145deg,rgba(18,25,18,.9),rgba(7,10,7,.9));border:1px solid var(--vm-line)}.vm-champion img{width:74px;height:90px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(183,255,32,.12))}.vm-champion div{min-width:0;display:flex;flex-direction:column}.vm-champion small{color:var(--vm-green);font-size:9px;font-weight:800}.vm-champion strong{font-family:Georgia,serif;color:#fff;font-size:18px;margin:7px 0;overflow:hidden;text-overflow:ellipsis}.vm-champion span{color:var(--vm-muted)}
.content-bg,.ranking-bg{width:min(100% - 40px,1000px)!important;min-height:600px;margin:55px auto!important;padding:40px!important;background:linear-gradient(145deg,rgba(20,27,20,.97),rgba(8,12,8,.97))!important;border:1px solid var(--vm-line)!important;box-shadow:0 25px 80px #000!important}.content-bg input,.content-bg select,.ranking-bg input,.ranking-bg select{background:#101710!important;border:1px solid var(--vm-line)!important;color:#eef5e8!important}.btn-primary{background:var(--vm-green-2)!important;border-color:var(--vm-green)!important;color:#071000!important}.table>tbody>tr>td,.table>thead>tr>th{border-color:var(--vm-line)!important}footer{position:relative!important;margin-top:20px!important;background:#050705!important;border-top:1px solid var(--vm-line)!important}.copyright{color:var(--vm-muted)!important}
@media(max-width:900px){.navigation{height:auto!important;position:relative!important}.navigation>nav.vm-nav{height:auto;min-height:85px;flex-direction:column;padding:10px 0!important}.vm-nav-logo{width:210px}.navigation nav ul{flex-wrap:wrap;justify-content:center;padding-bottom:10px!important}.navigation nav ul li{padding:0 6px!important}.navigation nav ul a{font-size:11px!important;padding:8px 2px!important}.vm-hero{min-height:560px;padding-top:70px}.vm-hero h1{font-size:39px}.vm-hero__logo{height:150px}.vm-roadmap{grid-template-columns:1fr 1fr}.vm-era{border-bottom:1px solid var(--vm-line)}.vm-grid{grid-template-columns:1fr}.vm-rank-grid{grid-template-columns:1fr 1fr}.vm-section-head{align-items:start;flex-direction:column}.vm-section-head>p{text-align:left}.content-bg,.ranking-bg{padding:22px!important}}
@media(max-width:540px){.vm-hero h1{font-size:31px}.vm-hero__logo{height:110px}.vm-actions{flex-direction:column}.vm-section{padding:55px 16px}.vm-roadmap,.vm-rank-grid{grid-template-columns:1fr}.vm-era{border-right:0}.vm-stats{grid-template-columns:1fr 1fr}.navigation nav ul li{padding:0 4px!important}.navigation .newLogin{padding:8px!important}}
/*----------------------------------------------------------
// Schriftarten
-----------------------------------------------------------*/
@font-face {
  font-family: 'alexonlightexpertregular';
  src: url("../fonts/alexonlightexpert-webfont.eot");
  src: url("../fonts/alexonlightexpert-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alexonlightexpert-webfont.woff2") format("woff2"), url("../fonts/alexonlightexpert-webfont.woff") format("woff"), url("../fonts/alexonlightexpert-webfont.ttf") format("truetype"), url("../fonts/alexonlightexpert-webfont.svg#alexonlightexpertregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*----------------------------------------------------------
// Variablen
-----------------------------------------------------------*/
/*----------------------------------------------------------
// Mixins //
-----------------------------------------------------------*/
/*----------------------------------------------------------
// Helferlein
-----------------------------------------------------------*/




.navLogo{
	margin-top: -30px;
	content:url("../img/Nova-Logo.png");

}

.footerLogo{
	content:url("../img/logo.png");
}


.text--left {
  text-align: left; }

.text--center {
  text-align: center; }

.text--right {
  text-align: right; }

.text--justify {
  text-align: justify; }

.float--none {
  float: none; }

.float--right {
  float: right; }

.float--left {
  float: left; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }
.clearfix:after {
  clear: both; }

.center--all {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%); }

.media--fluid {
  max-width: 100%;
  height: auto; }

.bold {
  font-weight: 700; }

.leerzeile {
  height: 10px; }

/*----------------------------------------------------------
// Basis
-----------------------------------------------------------*/
html,
button,
input,
select,
textarea {
  color: #d9d9d9;
  box-sizing: border-box; }


body {
  line-height: 1.4;
  background: #ddd4d4;
  color: #d9d9d9;
  font-size: 12px;
  
  font-family: Verdana Pro;
    background: url(../img/bg.jpg) no-repeat;
	background-position: top center;
    background-color: #000000;
	}

::-moz-selection {
  background: #ccc;
  text-shadow: none; }

::selection {
  background: #ccc;
  text-shadow: none; }

a {
  color: #ccc;
  text-decoration: none; }

a:hover, a:visited {
  text-decoration: underline; }

hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }
  .padding-container{
    margin: 0 30px 0 30px;
	}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, input[type="url"] {
  outline: none;
  border: none;
  width: 100%;
  height: 38px;
  background-color: #e4ddc3;
  color: #918d8d;
  line-height: 39px;
  font-family: "Open Sans", Verdana, sans-serif;
  font-size: 12px;
  padding-left: 10px; }

a.button, a.button:hover, a.button:visited {
  color: #d9d9d9;
  text-decoration: none; }

/*----------------------------------------------------------
// Inhalt --- HOME
-----------------------------------------------------------*/
.main {
  position: relative;
  top: 0px;
  margin: 0 auto;
  width: 100%;
  min-width: 1020px;
  height: 100%;
  overflow: hidden;  }
  
.navigation {
  width: 100%;
  height: 90px;
  background: rgba(6, 5, 4, 0.74); 
  margin: 0 auto;
  position: relative;
  z-index: 3;
  top: 0px; }

.content {
  width: 930px;
  height: 1700px;

  margin: 0 auto;
  position: relative;
  z-index: 3;
  top: 0px; }

.navigation_buttons {
  height: 76px;
  width: 1250px;
  position: relative; }

nav ul {
  list-style-type: none;
  padding: 0;
  margin: auto;
  text-align: center;
  font-size: 0;
   }
  nav ul li {
    display: inline-block;
    height: 76px;
	margin-top: 17px;
    line-height: 65px;
    width: 110px; }


  nav ul a, nav ul a:visited, nav ul a:active {
    text-align: center;
    text-shadow: 0px 2px 2px black;
    display: block;
	padding: 0;
	margin: auto;
    color: #fffed0;
    text-decoration: none !important;
    font-size: 14px;

    font-family: Trajan Pro;

    text-transform: uppercase; }

p{
    font-family: Trajan Pro;
}

.logo {
	display: inline-block;
	width: 276px;
	height: 76px; 
	padding : 10px;
  }
  
.character-debug{
	width: 900px;
	margin: 0 auto;
}

.newLogin {
	text-align: center;
	height: 40px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border: 2px solid #a73634;
	line-height: 42px;
	font-size: 18px;
	padding: 0 10px 0 10px!important;
  }

.username{
	text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	height: 40px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border: 2px solid #ae974d;
	line-height: 42px;
	font-size: 18px;
	padding: 0 10px 0 10px!important;
}
.jumbotron {
	background: none!important;
	padding: 20px;
}

.username:focus, .username.focus {
	text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	height: 40px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border: 2px solid #ae974d;
	line-height: 42px;
	font-size: 18px;
	opacity: 1;
}

.username:hover {
	text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	height: 40px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border: 2px solid #ae974d;
	line-height: 42px;
	font-size: 18px;
	opacity: 0.8;
}

.username:active, .btn-primary.active{
	text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	height: 40px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border: 2px solid #ae974d;
	line-height: 42px;
	font-size: 18px;
	opacity: 0.5;
}

.p1SignIn{
	font-family: Trajan Pro;
	color : #cfc087;
	font-size: 12px;
	line-height: 8px;
}

.p2SignIn{
	font-family: Trajan Pro;
	font-size: 10px;
	line-height: 22px;
	margin-right : 20px;
}


.btn-submit {
  color: #b6a15d;
  width: 330px;
  height: 38px;
  border: none;
  outline: none;
  font-family: Trajan Pro;
  font-size: 18px;
  margin-top: 30px;
  background: url(../img/registernow.png) no-repeat;
  border-color: #2a88bd;
}

.btn-register:focus, .btn-primary.focus {
	background: url(../img/registernow.png) no-repeat;
	opacity: 1;
}

.btn-register:hover {
	background: url(../img/registernow.png) no-repeat;
	opacity: 0.8;
}

.btn-register:active, .btn-primary.active{
	background: url(../img/registernow.png) no-repeat;
	opacity: 0.5;
}

.registerForm{
  width: 50%;
  margin: 0 auto;
}


.newLogin:hover {
  border: 2px solid #7b3d3c; }

.newLogin:active {
  border: 2px solid #522424;
font-size: 18px;  }


.content-bg{
	width: 930px;
	height: 646px;
	display: block;
	background: url(../img/content-bg.png) no-repeat;
	position: absolute;
	overflow: hidden;
	color:#9e8d73;
	padding: 0 65px 0 65px;
}

.ranking-bg{
	width: 930px;
	min-height: 1095px;
	display: block;
	background: url(../img/rankingbg.png) no-repeat;
	position: absolute;
	overflow: hidden;
	color:#9e8d73;
}

.buy_coins{
    text-align: center;
    width: 95%;
	margin: 0 auto;
	  display: flex;
	  align-items: center;
	  justify-content: center;
}

.section{
	width: 210px;
	height: 266px;
	background: url(../img/section.png) no-repeat;
	color:#9e8d73;
}

.section_title {
  font-family: Trajan Pro;
  font-size: 18px;
  text-align: center;
  line-height: 90px;
  color : #972a2a;
  text-shadow: 0px 2px 2px black;
}

.coin-6, .coin-5, .coin-7, .coin-4, .coin-3, 
.coin-2, .coin-8, .coin-1
{ display: inline-block; background: url('../img/coins.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.coin-6 { background-position: -10px -0px; width: 199px; height: 68px; }
.coin-5 { background-position: -10px -78px; width: 151px; height: 66px; }
.coin-7 { background-position: -10px -154px; width: 126px; height: 103px; }
.coin-4 { background-position: -10px -267px; width: 123px; height: 75px; }
.coin-3 { background-position: -10px -352px; width: 114px; height: 66px; }
.coin-2 { background-position: -10px -428px; width: 107px; height: 61px; }
.coin-8 { background-position: -10px -499px; width: 98px; height: 97px; }
.coin-1 { background-position: -10px -606px; width: 82px; height: 55px; }


.links {
  min-height: 1341px;
  width: 950px;
  position: relative;
  margin-top : 300px;
  overflow: hidden; }

.slider {
  height: 270px;
  width: 400px;
  position: relative;
  margin-top: 15px;
  margin-left: 2px;
  margin-bottom: 53px; }

.news {
  margin-top: 15px;
  position: relative; }


.footerul > .footerli {
    display: inline-block;
    /* You can also add some margins here to make it look prettier */
    zoom:1;
    *display:inline;
    /* this fix is needed for IE7- */
}






.news::after {
  content: " ";
  display: block;
  background: url(../img/Trennstrich.png) no-repeat;
  height: 2px;
  width: 630px;
  margin-top: 15px; }

.news-bild {
  border: 2px solid #d9d9d9;
  width: 161px; }
  .news-bild img {
    max-height: 100%;
    max-width: 100%; }

.news-inhalt {
  width: 452px;
  height: 174px; }

.news-text {
  height: 139px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .news-text h1 {
    margin-top: 0px;
    color: #ccc;
    text-shadow: 0px 2px 2px black;
    font-size: 26px; }
  .news-text p {
    hyphens: auto;
    text-align: justify;
    color: #918d8d; }

.news-unten {
  height: 50px;
  margin-top: 11px; }

.datum_name {
  line-height: 6px; }
  .datum_name a:hover {
    color: #ccc;
    text-decoration: underline; }

.rechts {
  height: 1323px;
  width: 310px;
  position: relative;
  margin-top: 60px;
  overflow: hidden; }

.loginPanel {
  margin: 0 auto;
  width: 345px;
  margin-top: 80px;
  margin-bottom: 15px;
  position: relative; }

}


.kategorie {
  margin: 0 auto;

  width: 310px;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative; }

.kategorie_ueberschrift {
  font-family: "alexonlightexpertregular", Verdana, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  background: url(../img/ueberschrift.png) no-repeat;
  text-align: center;
  line-height: 40px;
  text-shadow: 0px 2px 2px black;
  width: 208px;
  height: 55px;
  margin: 0px auto 10px; }
  
.alignright { text-align: right; }

.UPBtn1{
  font-family: Trajan Pro;
  background: url(../img/btn1.png) no-repeat;
  text-align: center;
  line-height: 33px;
  width: 147px;
  height: 33px;
  border: none;
  color: #ebd898;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}

.UPBtn2{
  font-family: Trajan Pro;
  background: url(../img/btn2.png) no-repeat;
  text-align: center;
  line-height: 33px;
  width: 147px;
  height: 33px;
  border: none;
  color: #ebd898;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}
.buttonContainer{
	margin-top:50px;
}

.downloadlink1{
  font-family: Trajan Pro;
  background: url(../img/download1.png) no-repeat;
  text-align: center;
  line-height: 57px;
  text-shadow: 0px 2px 2px black;
  width: 373px;
  height: 53px;
  border: none;
  color: #ebd898;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}

.downloadlink2{
  font-family: Trajan Pro;
  background: url(../img/download2.png) no-repeat;
  text-align: center;
  line-height: 57px;
  text-shadow: 0px 2px 2px black;
  width: 373px;
  height: 53px;
  border: none;
  color: #ebd898;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}
.page-hd {
	background-image: none!important;
}
.content_title, .pre-social {
  font-family: Trajan Pro;
  font-size: 20px;
  text-align: center;
  line-height: 90px;
  color : #ebd898;
  text-shadow: 0px 2px 2px black;
}
.pre-social {
	margin-top: -5px;
}
.sub_content_title {
  font-family: Trajan Pro;
  font-size: 16px;
  text-align: center;
  line-height: 90px;
  color : #ebd898;
  text-shadow: 0px 2px 2px black;
}
  
.social-icons {
    text-align: center;
}

.social-icons:hover {
    opacity: 0.7;
}

.social-icons li {
    display:inline-block;
    list-style-type:none;
    -webkit-user-select:none;
    -moz-user-select:none;
}
.social-icons li a {
    border-bottom: none;
}
.social-icons li img {
    width:70px;
    height:70px;
    margin-right: 20px;
}

.hoehle {
  background: url(../img/hoehle.png) no-repeat;
  height: 280px;
  width: 280px;
  margin: 0 auto;
  position: relative;
  margin-top: -10px;
  margin-bottom: -10px; }

.tabelle {
  padding: 22px;
  padding-top: 40px;
  font-size: 10px;
  font-family: "Open Sans", Verdana, sans-serif;
  text-transform: none; }
  .tabelle table {
    width: 226px; }

.statistiken_tabelle table tbody tr td:nth-child(2n) {
  text-align: right;
  color: #ccc; }

.login form {
  width: 258px;
  margin: 0 auto; }
  .login form .button {
    margin-top: 10px;
    padding-bottom: 8px; }

.pw_vergessen_registrieren {
  font-size: 10px;
  text-align: right;
  font-family: "Open Sans", Verdana, sans-serif; }
  .pw_vergessen_registrieren p a {
    color: white; }
  .pw_vergessen_registrieren p:nth-child(1) {
    margin-top: 10px;
    margin-bottom: 0px; }
  .pw_vergessen_registrieren p:nth-child(2) {
    margin-top: 2px;
    margin-bottom: 0px; }

.rangliste_tabelle {
  font-size: 12px; }
  .rangliste_tabelle table tbody tr th {
    font-size: 14px; }
  .rangliste_tabelle table tbody tr th:nth-child(2) {
    text-align: left; }
  .rangliste_tabelle table tbody tr td:nth-child(1), .rangliste_tabelle table tbody tr td:nth-child(3) {
    text-align: center; }

.gold, .silber, .bronze {
  font-weight: 700; }

.gold {
  color: gold; }

.silber {
  color: silver; }

.bronze {
  color: #cd7f32; }

.trailer iframe {
  margin-left: 26px;
  height: 140px;
  width: 258px; }

.social {
  margin: 0 auto;
  width: 258px; }
  .social .button:nth-child(1) {
    margin-left: 20px; }
  .social .button:nth-child(2) {
    margin-right: 20px; }

footer {
    clear: both;
    position: relative;
    height: 660px;
    margin-top: -200px;
    background: url(../img/footer.png) ;
  }


.copyright, .design_code {
  font-family : Verdana Pro;
  color: #ebd898;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 280px;
  text-align: center;
  position: relative;
  top: 100px; }

/*----------------------------------------------------------
// Inhalt --- REGISTRATION
-----------------------------------------------------------*/
#register {
  margin-top: 20px;
  margin-right: 30px;
  padding-left: 45px; }
  #register table tbody tr {
    height: 45px; }
    #register table tbody tr td .button {
      padding-bottom: 25px; }

/*----------------------------------------------------------
// Inhalt --- USERCP
-----------------------------------------------------------*/
.usercp {
  margin: 0 auto; 
  width : 370px;
  text-align: center;
  }

/*----------------------------------------------------------
// Inhalt --- CHARAKTERE
-----------------------------------------------------------*/
.charakter table {
  table-layout: fixed;
  width: 100%; }
.charakter table tbody tr {
  text-align: center; }
.charakter table tbody tr:nth-child(1) {
  height: 30px; }
.charakter table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.2); }
.charakter table tbody tr th:nth-child(4) {
  width: 110px; }
.charakter table tbody tr th:nth-child(5) {
  width: 120px; }
.charakter table tbody tr td select option {
  color: #000; }

/*----------------------------------------------------------
// Inhalt --- DATEN ÄNDERN
-----------------------------------------------------------*/
.daten_aendern form table tbody tr {
  height: 30px; }
.daten_aendern form table tbody tr th, .daten_aendern form table tbody tr td {
  width: 320px; }
.daten_aendern > form table tbody tr th .button {
  padding-bottom: 10px;
  font-weight: 300;
  margin-top: 15px; }

.sicherheitsfrage {
  color: black; }

/*----------------------------------------------------------
// Inhalt --- RANGLISTE
-----------------------------------------------------------*/
#rangliste_page {
  text-align: center;
  table-layout: fixed;
  width: 100%; }

.rangliste table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.2); }

.rangliste_head {
  height: 30px; }

.charakter_gilde_auswahl_pagination {
  margin-top: 25px; }

.meh {
  color: red; }

.languagebox {
  position: absolute;
  top: 0;
  z-index: 100;
  right: 0;
  margin-right: 50px;
}


/*# sourceMappingURL=style.css.map */