#top                            { max-width: 100vw; overflow-x: hidden; }
#container                      { width: auto; }
#main                           { padding: 10px; }
.bh, .aside .bh                 { font-size: 40px; text-align: center; }
.aside                          { display: none; }
.member #main                   { width: auto; float: none; }
#window                         { top: 0; left: 0; width: 100vw; max-width: 100vw; transform:translate(0, 0); }
#window input                   { max-width: calc(100% - 32px); }

#header                         { background-size: auto 130%; min-height: 300px; max-width: 100vw; overflow-x:hidden; }
#header .inside                 { width: auto; min-height: 300px; }
#header .mobile_menu            { display: block; width: 50px; height: 50px; position: absolute; top: 25px; left: 25px; }
#header .mobile_login           { display: block; width: 50px; height: 50px; position: absolute; top: 25px; right: 10px; }
#header .mobile_login:after     { content: '\f023'; font: 36px/40px "Font Awesome 5 Pro"; color: #fff; }
#header .mobile_menu:after      { content: '\f0c9'; font: 40px "Font Awesome 5 Pro"; color: #fff; }
#header .mobile_close           { position: absolute; top: 30px; right: 30px; color: #fff; }
#header .mobile_close:after     { content: '\f00d'; font: 30px "Font Awesome 5 Pro"; }
#header .nav                    { position: fixed; top: 0; left: -100vw; width: 100vw; height: 100vh; z-index: 5000; color: #fff; overflow: hidden; transition: .5s;  overflow-y: auto; }
#header .nav                    { background: rgba(138,8,66,0.9); }
#header .nav.open               { left: 0; transition: .5s; }
#header .nav ul                 { padding: 40px 0; }
#header .nav li                 { display: block; font-size: 18px; text-align: left; border: none; }
#header .nav a                  { color: #fff; }
#header .nav .level_2           { display: block; padding: 0 0 0 20px; }
#header .mod_login              { display: none; }
#header .info                   { display: none; }
#header .thorsten               { display: none; }
#header .logo                   { transform: scale(0.8); top: 140px; left: -10px; }
#header #ticker                 { bottom: -0px; }

#main img                       { max-width: 100%; height: auto; }
#main .cte_slider                   { display: none; }
#main .agentlist                { margin: 0; padding: 30px 0; display: flex; flex-wrap: wrap; justify-content: space-around; }
#main .agentlist                { display: block; }
#main .profile                  { display: block; margin: 0 0 30px 0; width: auto; }
#main .profile .flatbutton      { width: calc(33.33%); }
#main .article .profile         { float: none; }
#main .article                  { margin-top: 30px; padding: 10px 0; }
#main .profiltext               { width: auto; float: none; padding: 10px; }
#main form .text                { max-width: calc(100% - 32px); }
#main form .select              { max-width: calc(100% - 2px); }
#main .payment .submit          { width: 100%; display: block; }
#main .table                    { width: 100%; overflow-x: auto; }

#main .shop_articles .ratings   { grid-template-columns: 1fr ; }
#main .shop_minicart            { text-align: center; }

#main .pmnt                     { height: auto; width: auto; }
#main .pmnt .img                { display: none; }
#main .pmnt .inner              { width: auto; padding: 0; height: auto; }
#main .pmnt .head               { font-size: 30px; }
#main .pmnt .left,
#main .pmnt .right              { width: auto; padding: 0 10px; display: block; }
#main .pmnt .bg                 { display: none; }

#top #main .cte_advent          { display: block; height: auto; padding: 25px 10px; margin: 20px 0 0 0; }
#main .cte_advent li            { position: static; display: inline-block; }

#footer .nav li                  { border: none; display: block; }
#footer p                        { padding: 0 30px; }
#footer table                    { width: auto !important; }