#top                            { max-width: 100vw; overflow-x: hidden; padding-top: 70px; }
#container                      { display: block; padding: 20px; }
#header                         { height: 70px; min-height: auto; margin: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 1900; }
#header                         { border-bottom: 10px solid #f3eedf; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
#main                           { margin-bottom: 20px; }
#left                           { display: none; }
#window                         { max-width: 100vw; }
#top .mh                        { display: none; }
#top .dh                        { display: block !important; }

#header .inside                 { padding: 0; }
#header .nav_top                { display: none; }
#header .logo                   { position: absolute; top: -10px; left: 50%; transform: translateX(-50%) scale(0.6); }
#header .nav                    { position: fixed; top: 0; left: -110vw; height: 100vh; width: 90vw; z-index: 2000; transition: all 0.5s; }
#header .nav                    { background: #F1F0DE; padding: 0; overflow-y: auto; box-shadow: 0 0 30px rgba(0,0,0,0.3); padding: 50px 30px 30px 30px; }
#header .nav li                 { display: block; margin: 0; line-height: 30px; }
#header .nav li a               { display: block; margin: 0; padding: 0; }
#header .nav.open               { left: 0; }
#header .mobile_btn             { color: #000; position: absolute; top: 15px; z-index: 20; display: block; }
#header .mobile_btn:before      { font-size: 30px; font-family: 'Font Awesome 5 Pro'; font-size: 28px; font-weight: bold; color: var(--color-main); }
#header .mobile_menu            { left: 30px; }
#header .mobile_menu:before     { content: '\f0c9'; }
#header .mobile_login           { right: 30px; }
#header .mobile_login:before    { content: '\f007'; }
#header .menu_close             { left: auto; right: 30px; }
#header .menu_close:before      { content: '\f00d'; font-weight: 100; color: #777; } 
#header .nav .show_regular      { display: none; }
#header .nav .level_2           { display: block; background: none; border-left: 1px solid #ddd; position: static; border-radius: 0; }
#header .nav .level_2           { line-height: 2; margin-top: 10px; padding: 0 20px; }
#header .nav_main               { right: 30px; }
#header .nav_main .level_2 li   { line-height: 2; padding: 0; }
#header .nav_main li.login      { display: block; margin-top: 20px; }
#header .nav_main .login a      { background: #6DA71A; display: block; border-radius: 5px; line-height: 40px; padding: 0; text-align: center; }
#header .nav_main .login a      { color: #fff; }
#header .nav_main a span        { display: none; }
#header .nav .home              { display: inline-block; }
#header .nav .contact           { display: inline-block; }
#header .nav .button            { padding: 0; }
#header .nav .free              { background: var(--color-main); color: #fff; font-size: 16px; }
#header .nav .search            { background: #fff; border: 0; border-radius: 5px; padding: 10px; display: block; width: 100%; }
#header .nav .search            { text-align: center; font: 400 16px Lato,Arial,sans-serif; outline: none; }
#header .button small           { display: block; font-size: 12px; line-height: 1; text-transform: none; margin-top: -5px; padding: 0 0 10px 0; }

#slider                         { margin-bottom: 0; }
#slider figure                  { left: auto; top: auto; position: static; display: contents; }
#slider figure img              { height: 90%; width: auto; position: absolute; top: auto; bottom: -25%; left: -25%; z-index: 10; }
#slider .cte_text               { position: relative; overflow: hidden; }
#slider .cte_text p             { font-size: 22px; padding-top: 30px; padding-left: 30px; line-height: 40px; padding-right: 30px; text-align: right; }
#slider .cte_text:before        { transform: scale(0.4); left: -70%; top: -150px; }
#slider .cte_text:after         { left: 10%; transform: scale(0.1) rotate(90deg); left: -15%; }
#slider .item:before            { display: none; }
#slider .cte_text .sub          { font-size: 20px; text-align: left; display: block; }
#slider .nav                    { left: auto; right: 10px; transform: none; text-align: center; bottom: 10px; }
#slider .button                 { font-size: 16px; line-height: 2; }

#main .anav                     { display: none; }
.text, .select                  { width: 100%; }
#main .block                    { margin-bottom: 20px; }
#main div.table                 { overflow-x: auto; white-space: nowrap; }
#main .textdiv                  { width: 100%; }
#main .ctrl_profileNotice label { display: none; }
#main .input_curr               { display: none; }
#main .button.create            { font-size: 0; height: 40px; padding: 0 15px; }
#main .button.create:before     { content: '\f067'; font: bold 18px/40px 'Font Awesome 5 Pro'; }
#main .tabnav li                { display: block; text-align: center; }
#main .calls > div.right        { position: static; top: auto; right: auto; }
#main .calls > .right .button   { display: block; margin-bottom: 10px; margin-left: 0; }
#wrapper #main div.search       { width: 100%; }
#main div.captcha               { width: 100%; }
#main .mod_login .row           { position: relative; }
#main .mod_login .fa-eye        { position: absolute; top: 12px; right: 10px; opacity: 0.8; font-size: 16px; }

#main .block .bh                { font-size: 21px; }
#main .infos                    { line-height: 1.7; margin-bottom: 20px; }
#main .switcher                 { white-space: nowrap; }
#main .switcher .locked         { font-size: 0; }
#main .switcher .locked:before  { content: 'Gespräch'; font-size: 14px; }

#main .profile                  { display: block; padding-top: 110px; padding-bottom: 10px; margin-bottom: 10px; }
#main .profile:after            { display: none; }
#main .profile .pic img         { width: 90px; height: 90px; position: absolute; top: 0; left: 0; }
#main .profile h3               { position: absolute; top: 0; left: 110px; }
#main .profile a.rating         { top: 60px; left: 110px; }
#main .profile .rating .amount  { float: none; position: relative; top: -2px; margin-left: 5px; }
#main .profile .cards           { display: block; line-height: 20px; }
#main .profile .cards li        { margin-bottom: 5px; text-align: right; display: grid; grid-template-columns: 1fr 1fr; padding: 5px 10px; }
#main .profile .cards strong    { display: inline-block; text-align: left; }
#main .profile .cards small     { display: inline-block; }
#main .profile .right           { padding-top: 10px; }
#main .profile .foot            { line-height: 1.2; padding-left: 30px; position: relative; }
#main .profile .foot .fas       { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#main .profile .split           { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
#main .profile .name .special   { position: absolute; left: 110px; top: 35px; display: block; margin: 0; }
#main .profile .name span       { display: none; }
#main .cats ul                  { display: block; }
#main .cats li                  { margin-bottom: 10px; }

#main .detail                   { padding: 0; }
#main .detail > img             { position: absolute; top: 50px; left: 0; }
#main .detail h1                { margin-bottom: 10px; margin-bottom: 240px; }

#footer .first                  { display: block; text-align: center; }
#footer .first ul               { padding: 0 30px; text-align: center; }
#footer .first li               { line-height: 2; margin: 0 10px; }
#footer .bottom                 { text-align: center; display: block; }
#footer .bottom ul              { text-align: center; line-height: 1.7; }
#footer .logo                   { width: 150px; margin: 0 auto; margin-bottom: 30px; }