
#wrapper					{ width: 100%; padding: 0; }
#container                  { min-height: 70vh; padding-top: 50px; }
.loggedin #container        { padding-top: 80px; }
#left						{ display: none; }
#right						{ display: none; }
#header						{ min-height: 170px; width: auto; height: auto; padding: 0; color: #b41921; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
#header .left				{ position: relative; float: none; left: auto; top: auto; padding: 180px 20px 20px 20px; width: auto; }
#header .left .text			{ width: 290px; }
#header .logo				{ background-size: 95%; height: 200px; width: 100%; top: 40px; }
#header .free				{ display: none; }
#header .name				{ color: #fff; }
#header img					{ width: auto; height: 50px; }
#main .sprite				{ background-image: url('img/sprite.jpg'); }
#footer						{ width: auto; }

#top #header				{ background: #be5a90; padding-top: 50px; min-height: 50px; height: auto; min-height: 0; z-index: 1000; }
#top #header				{ position: fixed; top: 0; left: 0; right: 0; }
.index #header				{ height: auto; }

#header .nav				{ position: absolute; top: 50px; height: auto; left: 0; right: 0; background: #a94776; color: #fff; z-index: 1000; }
#header .nav				{ padding: 0; margin: 0; display: none; }
#header .nav .level_1		{ border-top: 1px solid rgba(255,255,255,0.2); font-size: 18px; background: #a94776; }
#header .nav .level_2		{ display: none; background: rgba(0,0,0,0.2); }
#header .nav .level_3		{ display: none; background: rgba(0,0,0,0.2); }
#header .nav li				{ display: block; float: none; border-bottom: 1px solid rgba(255,255,255,0.2); text-decoration: none; }
#header .nav .active > a	{ background: rgba(0,0,0,0.1); color: #fff; }
#header .nav .trail a		{ color: #fff; }
#header .nav a				{ color: #fff; display: block; padding: 0 20px; line-height: 30px; }
#header .login				{ position: absolute; border: none; padding: 0; left: auto; right: 0;  }
#top #header .btn			{ background-color: rgba(0,0,0,0.1); }

#main						{ margin: 0; float: none; width: auto; overflow: hidden; }
#main .inside				{ padding: 10px; }
.home .tabnav				{ display: none; }
#main div					{ max-width: 100%; }
#main .profile			{ clear: both; }
#main .profile .left		{ width: calc(50% - 30px); }
#main .profile img			{ width: 100%; }
#main .profile .buttons		{ width: 50%; right: 20px; }
#main .profile .button		{ width: auto; }
#main .afilter .text		{ width: 200px; }
#main .detail img			{ width: 60%; }
#main .detail h2			{ margin-bottom: 100px; }
#main .detail .teaser		{ display: none; }
#main .profile .main		{ clear: both; width: auto; }
#main .last_rating			{ display: none; }
#main .agentlist .chat		{ display: none; }
#main .textarea				{ width: 270px; }
#main .form_1 .textarea		{ width: 270px; }
#main .mod_payment .submit	{ margin: 10px 0 0 0; }
#main .agent .teaser		{ width: auto; }
#main .agent img			{ margin-bottom: 10px; }
#main .textdiv				{ width: 100%; }
#main .text                 { padding: 12px; box-sizing: border-box; width: 100%; }
#main .select				{ width: 100%; padding: 12px; }
#main table					{ font-size: 10px; }
#top #main table th			{ padding: 0; }
#top #main table td			{ padding: 0; }
#main a.facebook			{ display: none; }
#main div.help				{ display: none; }
p.brand						{ width: auto; }
#main .msearch				{ position: relative; margin-bottom: 20px; }
#main .msearch .submit		{ position: absolute; top: 0; right: 0; bottom: 0; height: auto; }
#main img					{ max-width: 100%; height: auto; }
#main a.submit				{ color: #fff; }
#main .profile .foot		{ display: block; }
#main .profile .foot strong { display: none; }
#main .profile .foot p      { white-space: pre-wrap; text-align: center; line-height: 1.3; overflow: none; padding: 10px 0; }
#main .profile .calls		{ display: none; }
#main .profile .btns		{ position: absolute; top: 43px; right: 10px; width: 180px; }
#main .profile .button		{ margin-top: 10px; display: block; width: auto; text-align: center; }
#main .profile .btn_div		{ display: block; float: none; }
#main .profile .show		{ left: -100px; top: -190px; width: 250px; max-width: 250px; }
#main .profile .show:after	{ left: 150px; }
#main .profile .show:before	{ left: 152px; }
#main .detail				{ min-height: 160px; }
#main .detail .buttons		{ position: absolute; top: 0; right: 0; }
#main .campagent .btns		{ top: 90px; }

#main .block				{ border: 1px solid #e0bdd1; }
#main .block .bh			{ width: 100%; }

#main #slider				{ display: none; }
#main .busylist .box		{ width: 33.3%; }

#monitor					{ background: blue; }
#footer						{ text-align: center; }

#top #main .tarombola		{ padding: 0; margin: 0; position: relative; background: transparent url('/files/layout/img/tarombola_mobile.jpg') no-repeat top left; background-size: 100% 100%; height: 155px; margin-bottom: 15px; }
#top #main .tarombola .btn2		{ position: absolute; top: 100px; left: calc(50% - 100px); width: 210px; height: 36px; box-shadow: 0 0 10px rgba(0,0,0,0.75); }

#main .astrogroup_agent .agents         { display: grid; grid-template-columns: 1fr 1fr; }
#main .astrogroup_agent .agent			{ display: block; width: auto; }

#chat						{ position: fixed; top: 50px; left: 0; right: 0; bottom: 0; height: auto; width: auto; border-radius: 0; }
#chat .messages				{ height: auto; }

#main .cte_fortune_agent			{ background: transparent url('img/tarombola_mobile.jpg') no-repeat center center fixed; background-size: cover; position: relative; height: 148px; }
#main .cte_fortune_agent select		{ position: absolute; top: 225px; left: 266px; width: 210px }
#main .cte_fortune_agent .btn2		{ position: absolute; top: 259px; left: 266px; box-shadow: 0 0 10px rgba(0,0,0,0.5); }

#main .bday                 { background: #f0cfe0 url('/files/aktionen/bday_mobile.jpg') bottom center no-repeat; background-size: 100% auto; height: 350px; padding: 30px 0; }
#main .bday                 { position: relative; }
#main .bday:before,
#main .bday:after           { display: block; text-align: center; text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff; font-family: OpenSans; }
#main .bday:before          { content: 'ASTROGROUP GEBURTSTAG'; color: #a94776; font-size: 23px; font-weight: 800; }
#main .bday:after           { content: 'HEUTE WIRD GEFEIERT!'; color: #a94776; font-size: 20px; font-weight: 800; }
#main .bday .select         { position: absolute; top: 110px; left: 30px; width: calc(100% - 60px); }
#main .bday .btn            { position: absolute; top: 150px; left: 30px; width: calc(100% - 60px); background: linear-gradient(to bottom, #f66698, #fdbed5, #f66698); }
#main .bday .btn            { opacity: 1; font-size: 14px; border: none; color: #685f61; font-family: OpenSans; height: 35px; box-shadow: 0 0 7px rgba(0,0,0,0.7); cursor: pointer; }
#main .bday .notice2        { position: absolute; top: 0; left: 0; right: 0; line-height: 250px; font-size: 20px; text-align: center; }
