body                        { background-image: url(/static/mp/bg-page-2.png); }

#wrap                       { width: 99%; }

#head                       { /* padding-top: 100px; */ }
#logo                       { float: none; text-align: center; margin-bottom: 46px; }

#kopf-bild                  { width: auto; height: auto; }
#kopf-bild img              { width: 100%; }

.re-box                     { width: 335px; float: left; margin-left: 23px; }

#navigation                 { display: none; }

#navrd                      { display: block; position: fixed; top: 0; left: 0; height: 30px; background-color: #F0F0F0; 
                              width: 100%; z-index: 100; border-bottom: 1px solid #8B97A3; color: #666C72;
                            }
#nav-punkte                 { display: none; /* background-color: rgba(240, 240, 240, 0.95); */ position: absolute; top: 31px;
                              border-right: 1px solid #8B97A3; border-bottom: 1px solid #8B97A3;
                              padding: 10px;
                            }
#nav-punkte li              { padding-top: 8px; padding-bottom: 6px; }
#nav-punkte a               { color: #fff; font-size: 14pt; }
#open-nav                   { float: left; width: 50%; text-align: left; height: 30px; }
#open-nav:hover .menu-line  { background-color: #e30613; }
#open-nav:hover #menu-wort  { color: #e30613; }
#menu-btn                   { float: left; padding-top: 6px; padding-left: 6px; cursor: pointer; }
.menu-line                  { width: 20px; height: 4px; background-color: #939CA7; margin-bottom: 3px; }
#menu-wort                  { float: left; padding-left: 8px; padding-top: 6px; cursor: pointer; }

#navrd-back                 { float: right; width: 50%; text-align: right;  cursor: pointer; }
#navrd-close                { position: absolute; top: 10px; right: 10px; font-weight: bold; color: #e30613; 
                              font-size: 14pt; width: 26px; height: 26px; border-radius: 26px; text-align: center; 
                              background-color: rgba(255, 255, 255, 0.9); border: 1px solid #fff; cursor:pointer;
                            }

.mainnav                    { padding: 0; margin: 0; list-style: none; }
.mainnav li                 {  }
.subnav                     { padding: 0; margin: 0; list-style: none; }
.subnav li                  { padding-left: 26px; }


#kopf-bild                  { -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }

#text                       { width: 100%; padding-right: 0; }
.abstand-links              { padding-right: 15px; }

.box-inner                  { width: 200px; }
.box-inner img              { width: 200px; }
.box-titel                  { width: 200px; top: 58px; font-size: 11pt; padding-top: 8px; }

.scntbox-desklink           { width: 203px; }
.desklink-name              { background: none; }

.sprachen10 li              { width: 95%; }
.sprachen10ib li            { width: 90%; }
.sprachen-titel             { width: 286px; font-size: 9pt; }
.sprachenib-titel           { width: 220px; font-size: 9pt; }

.stimmen-text               { font-size: 9pt; width: 65%; }


#liste-bs-hs                { float: none; width: 100%; }
#liste-bs-sp                { float: none; width: 100%; margin-left: 0px; }
#hollysp li 								{ width: 100%; }
.hs-right                   { margin-left: 0px; }

#scroll-boxen               { width: auto; }
#scroll-left                { width: auto; }
#scroll-right               { width: auto; }
#scroll-left img            { }
#scroll-right img           { }
#scroll-area                { width: auto; }

#pagination									{ display: none; }

#footer-klein               { display: block; text-align: center; padding: 20px 0; }
#footer                     { display: none; }


@media only screen and (max-width: 710px) {
  .personen-liste-solo .person-info { width: 80%; height: auto; }
  .perso-sync                       { padding-bottom: 5px; display: block; }
}

@media only screen and (max-width: 680px) {

  .box                        { height: 38px; }

  .box-inner                  { border: none; width: 140px; }
  .box-inner img              { display: none; }
  .box-titel                  { top: 0; border: 1px solid #fff; width: 140px; font-size: 8.5pt; padding-top: 12px; display: block; }
  
  .scntbox-desklink           { display: none; }

}

@media only screen and (max-width: 670px) {
  #sync-info-sp-info { width: 74%; }
}

@media only screen and (max-width: 620px) {
  #sync-info-sp-info { width: 70%; }
}

@media only screen and (max-width: 600px) {
  .bm-kat												{ display: none; }
}

@media only screen and (max-width: 560px) {
  .personen-liste-solo .person-info { width: 65%; }
}

@media only screen and (max-width: 550px) { 
  #sync-info-sp-info { width: 100%; max-width: 100%; }
  #sync-info-sp-bild { float: none; padding-bottom: 15px; }
  #sync-info-sp-info { float: none; padding-left: 0px; width: 100%; }
}

@media only screen and (max-width: 530px) {

  body { background-image: url(/static/mp/bg-page-3.png); }
  #sprecher { float: none; padding-right: 50px; padding-top: 50px; }
  #spname { text-align: center; font-size: 11vw; }
  #spinfo { text-align: center; font-size: 5vw; }

}

@media only screen and (max-width: 500px) {
  #sprecher-bild { width: 100%; }
  #sprecher-details { width: auto; padding-left: 0px; }
  #slider-info			{ top: 20px; }
  .bm-bild					{ float: none; margin-bottom: 10px; text-align: center; width: 100%; }
  .bm-bild img      { width: 50%; }
  .bm-text					{ float: none; width: 100%; }
  .cc-box-bild			{ display: none; }
}

@media only screen and (max-width: 490px) {

  .box-inner                  { width: auto; }
  .box-right                  { float: none; width: 100%; }
  .box-right-inner            { float: none; }
  .box-middle                 { float: none; width: 100%; }
  .box-middle-inner           { margin: 0; }
  .box-left                   { float: none; width: 100%; }
  .box-titel                  { width: 100%; }
  .box                        { height: 53px; }
  .sprachen-titel             { width: 75%; }
  
  .re-box                     { width: 290px; }
  .inp-select select          { width: 280px; }
  #callback-form              { width: 275px; }
  
  .ui-multiselect             { width: 261px !important; }
  .ui-multiselect-menu        { width: 253px !important; }
}

@media only screen and (max-width: 420px) {
  .sprachenib-titel           { width: 77%; }
  #logo img                   { width: 250px; }
  /*
  #sprachen-liste li          { margin-left: 10px; margin-right: 10px; width: 130px; height: 130px; }
  .lang-name                  { height: 50px; }
  .lang-link                  { width: 130px; height: 130px; }
  */
  #rechts                     { width: 100%; }
  .re-box                     { float: none; margin: 0 auto; margin-bottom: 20px; }
  #sprecher-syncvon a         { width: 96% }
  #sprecher-anfrage           { padding-right: 15px; padding-bottom: 15px; }
  #spanf-liste li             { float: none; width: 100%; }
  
  #mkz-del 										{ float: none; width: 100%; margin-bottom: 15px; }
  #mkz-anfrage-btn            { float: none; margin: 0 auto; }
  
  #callback-form              { width: 275px; }
  #callback-form .kf-feld input { max-width: 265px; width: 85%; }
  #callback-form .kf-feld     { max-width: 275px; }
  
  .box-leist-titel            { height: auto; padding-bottom: 5px; }
  
  #resetForm									{ text-align: center; float: none; }
  #sendForm                   { float: none; width: 196px; margin: 0 auto; margin-top: 10px; }
  
}

@media only screen and (max-width: 360px) {

  .re-box                     { width: 250px; }
  .inp-select select          { width: 240px; }
  
}


#sprecher { width: auto; }


@media only screen and (max-width: 570px) {
  .absatz-gala li             { float: none; width: auto; height: auto; padding: 0; text-align: center; }
  .absatz-gala-bild           { margin: 0 auto; }
}