.hamburger{display:none;overflow:visible; width:100%;margin:0;padding:0;font:inherit;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity, -webkit-filter;transition-property:opacity, filter;transition-property:opacity, filter, -webkit-filter;text-align:left;text-transform:none;color:inherit;border:0;outline:none;background-color:transparent;}
.hamburger-label{display:inline-block;margin-top:4px; margin-left:5px;font-weight:600;vertical-align:top;text-transform:uppercase;}
.hamburger-box{position:relative; display:inline-block;width:40px;height:24px;}
.hamburger-inner{top:50%;display:block;margin-top:-2px;}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{position:absolute;width:40px;height:4px;transition-timing-function:ease; transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;background-color:#fff;}
.hamburger-inner::before,.hamburger-inner::after{display:block; content:'';}
.hamburger-inner::before{top:-10px;}
.hamburger-inner::after{bottom:-10px;}
/* Hamburger Animation */
.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19, 1, .22, 1); transition-duration:.3s;}
.hamburger--vortex .hamburger-inner::before,.hamburger--vortex .hamburger-inner::after{transition-delay:.1s;transition-timing-function:linear; transition-duration:0s;}
.hamburger--vortex .hamburger-inner::before{transition-property:top, opacity;}
.hamburger--vortex .hamburger-inner::after{transition-property:bottom, -webkit-transform;transition-property:bottom, transform;transition-property:bottom, transform, -webkit-transform;}
.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19, 1, .22, 1); -webkit-transform:rotate(765deg);transform:rotate(765deg);}
.hamburger--vortex.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after{transition-delay:0s;}
.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0;}
.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);}


html,body{width:100%;height:100%;}
img{max-width:100%;height:auto;}

#logout{display: inline-block; }
#logout a {display: inline-block; border: 1px solid #333; padding: 10px;}
#logout img{ margin-right: 6px!important;}

#menu_logout{display:none!important;}


.abstand{padding-left:20px;}


.uhr{width:130px;padding-left:20px;}
.grau span{margin:10px 12px 0 18px!important;}
#gewinne_p{position:absolute;top:18px;left:14px;width:150px;font-size:11px;text-decoration:none;color:#fff;}
.desktop-inline {display:inline-block;}
.mobile-inline {display:none;}

/* Tablet 768px */
@media only screen and (min-width:768px) and (max-width:959px){
	.hiddenmobile{display:none;}
    div.div_content_left_start td{line-height:16px;}
    .div_wrapper{width:748px!important;}
    .div_navi_wrapper{width:748px!important;}
    .div_willkommen{width:728px!important;font-size:13px!important;}
    .div_chat{width:!important;}
    .div_content_2{width:748px!important;background-image:url(../images/layout/content_bg_768.png)!important;}
    .div_topbanner{overflow:hidden;width:219px;height:90px;}
    .div_topbanner img{position:absolute;right:-60px;}
    #mainmenu li a{font-size:13px!important;}
    .abstand{padding-left:0!important;}
    .uhr{width:56px!important;padding-left:0!important;}
    .div_content_left{width:445px!important;}
    .div_content_left_start{float:left;width:484px!important;padding:20px 0 0 0!important;}
    textarea{width:655px!important;}
    .div_content_right{width:230px!important;}
    .div_zeichenerklaerung img{margin-left:10px!important;}
    .grau{display:block!important;font-size:10px!important;}
    .grau span{margin:10px 10px 0 15px!important;}
    #legende1{margin:10px 10px 0 0!important}
    .div_footer{width:708px!important;}
    .div_footernavi{width:723px!important;}
    .div_footernavi a{margin-right:20px!important;}
    .div_footerhinweis{float:none!important;width:723px!important;margin-bottom:20px;text-align:left!important;}
    .chat_style{width:430px!important;}
    .chat_button{width:347px!important;}
    .table_gewinne{width:484px!important;}
	
	DIV.profilbild img {max-width:280px;}
}


/*  Mobile 480px */
@media only screen and (max-width:767px){
	.desktop-inline {display:none;}
	.mobile-inline {display:inline-block;}
	.mobilepaddingtop {padding-top:40px;}
	#logout{display:none;}
	#overlay-back{position:absolute;top:130px;left:0;z-index:2;display:none;overflow:hidden;width:100%;height:100%;opacity:.7;background:#000000;filter:alpha(opacity=70);}
	DIV.div_info{position:fixed; top:10vh; left:10%; width:80%; box-sizing:border-box; margin:0px!important;}
	.hamburger{position:absolute;top:85px;z-index:99999;display:inline-block;}
	#mainmenu{position:absolute;top:130px;z-index:999;display:none;width:100%;margin:0;padding-left:0;list-style:none;background:#15181b;}
	#mainmenu li{display:block;float:left;box-sizing:border-box;width:100%;margin-left:0;text-align:left;border-bottom:1px solid #252627;}
	#mainmenu li:hover{background:#15181b;}
	#mainmenu li a{display:block;padding:15px 50px; font-size:18px;vertical-align:middle;}
	#menu_logout {display:block!important;background-color: #186cff; }
	#menu_logout:hover {background-color: #ff0047!important;}
	#menu_logout a{color:#fff; }


	.div_footernavi{font-size:12px!important;}
	.div_wrapper_login{width:440px!important;}
	div.div_wrapper_login input.eingabe{width:360px!important;height:30px!important;font-size:18px;line-height:30px!important;}
	#send_button{width:360px!important;height:40px!important;font-size:18px;}
	.table_login,.table_login form{width:440px!important;}
	.hiddenmobile{display:none;}


	/* PAGE */

	body{width:100%!important;min-width:480px!important;}
	.body_login{width:100%!important;min-width:480px!important;}
	.div_wrapper{width:460px!important;}
	.div_navi{z-index:99;width:100%!important;min-width:100%!important;height:130px!important;}
	.div_navi_wrapper{z-index:99;width:460px!important;}

	.div_navi_inhalt{top:0!important;z-index:99;width:460px!important;}

	.abstand{padding-left:0!important;}
	.uhr{width:60px!important;padding-left:0!important;}
	.div_status{position:absolute!important;top:0!important;left:0!important;width:440px!important;padding:20px 0 0 0;line-height:20px!important;}
	.div_status .span_benutzer{display:block;}
	.div_status .span_platzierung{margin-left:0!important;}
	#logout{margin-left:20px!important;}
	#trenner,#logout strong{display:none;}

	#leiste{display:none;visibility:hidden;}

	.div_topbanner{width:140px;}
	.div_willkommen{width:440px!important;font-size:13px!important;}
	.div_chat{width:460px!important;text-align:right;}
	.div_content_2{width:460px!important;background-image:url(../images/layout/content_bg_768.png)!important;}

	.div_content_left{width:420px!important;}
	.div_content_left_start{width:460px!important;padding:20px 0 0 0!important;}
	textarea{width:460px!important;}
	.div_content_right{width:420px!important;}
	div.div_zeichenerklaerung img{margin-left:10px!important;}
	.div_zeichenerklaerung{margin:15px -16px 0 -24px!important}
	.div_banner_gewinne{margin:0 -16px 0 -24px!important;text-decoration:none!important;}
	.grau{display:block!important;font-size:10px!important;}
	.grau span{margin:10px 5px 0 15px!important;}
	#legende1{margin:10px 5px 0 0!important}

	#gewinne_p{position:absolute;top:18px;left:14px;width:290px;font-size:11px;text-align:left;color:#fff;}

	.div_footer{width:420px!important;margin-bottom:0!important;}
	.div_footernavi{display:none;width:420px!important;}
	.div_footernavi a{margin-right:14px!important;}
	.div_footerhinweis{float:none!important;width:420px!important;margin-bottom:10px;text-align:left!important;}

	.chat_style{width:405px!important;}
	.chat_button{width:320px!important;}
	.div_banner_gewinne{text-align:right;}
	.table_gewinne{width:460px!important;}
	.table_list td{line-height:14px!important;}

	.td_formpflicht textarea{width:100%!important;}
	#div_ajax_spieletipps th:nth-of-type(2),#div_ajax_spieletipps td:nth-of-type(2){display:none;}
	#div_ajax_spieletipps a img{width:20px!important;height:auto!important;}
	th img{display:none;}
	td.zeile{padding-top:10px;padding-bottom:10px;}
	
	DIV.profilbild {float:none;margin:auto auto; box-sizing:border-box; max-width:100%;}
	DIV.profilbild img {max-width:100%;}
}