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

#wrap                       { width: auto; }
.hb-video-smartphone { display: block; }
#head                       { padding-top: 100px; }
#logo                       { float: none; text-align: center; margin-bottom: 46px; padding-left: 0; }

.blog-themen-small          { display: block; }

.eintrags-liste.small-liste li { width: auto; float: none; }
.eintrags-liste.small-liste li:nth-child(odd) { padding-right: 0; }
.eintrags-liste.small-liste li:nth-child(even) { padding-left: 0; }
.eintrags-liste-left                { float: none; width: auto; padding-right: 0; padding-top: 20px; }
.eintrags-liste-right               { float: none; width: auto; padding-left: 0; padding-top: 0; }
.liste-tbl-sync-info                { display: block; }

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

  .formlist li                        { float: none; width: auto; }
  .formlist li.left           				{ padding-right: 0px; }
  .formlist li.right          				{ padding-left: 0px; }

#social-logos               { position: absolute; top: 3px; left: 50%; margin-left: -25px; }
#social-logos img           { display: inline-block; height: 24px; }
#headpic-social             { display: none; }


.blog-meldung { padding-bottom: 13px; margin-bottom: 30px; border-bottom: 1px solid #7d7d7d; }
.blog-meldung:last-child { border-bottom: 0; }


.film-eintrag:nth-child(odd) { float: none; width: auto; margin-right: 0px; }
.film-eintrag:nth-child(even) { float: none; width: auto; margin-left: 0px; }


/*#kopf-bild.sprecherdetails  { display: none; }
#inhalt.sprecherdetails     { background-color: #222222; padding-top: 10px; }*/

.backlink                   { font-size: 17pt; margin-right: 0; }

.pers-container             { width: 50%; }

.sp-boxen-show-more-mobile  { display: block; }
.sp-boxen-show-more-desktop { display: none; }
#sprecher-syncvon a.hide-box-mobile { display: none; }

.pers-container.hide-box-mobile { display: none; }

.ytvideobox                 { display: none; }
#filmtrailer                { display: block; }
#filmtrailer div            { max-width: 765px; margin: 0 auto; }
#filmtrailer a              { width: auto; max-width: 765px; margin: 0 auto; }

.sprecher-schauspieler-filmografie { margin-bottom: 25px; }

#film-bild                  { float: none; }
#film-text                  { padding-left: 0; float: none; max-width: 100%; width: auto; padding-top: 15px; }

#sync-info.big-picture #sync-info-sp-right { width: auto; float: none; }
#sync-info.big-picture #sync-info-sp-bild { width: 200px; height: 200px; float: none; }
#sync-info.big-picture #sync-info-sp-bild img { width: 198px; }
#sprecher-bild              { width: 200px; float: none; }
#sprecher-bild img          { width: 100%; }
#sync-info-sp-info          { width: auto; }
.sprecher-probe-text-lang   { display: none; }
.sprecher-probe-text-kurz   { display: inline-block; }
.sprecher-probe             { width: 50%; }
#tbl-eigenschaften          { display: none; }
.sp-video                   { float: none; width: auto; }
.sp-video.hide-video-mobile { display: none; }

.sp-film-tbl-data           { padding-bottom: 0; margin-bottom: 15px; background-color: #424242; }
.sp-film-tbl-head           { display: none; }
.sp-film-tbl-trenner        { display: none; }
.sp-film-tbl-td-film        { float: none; width: auto; }
.sp-film-tbl-td-rolle       { float: none; width: auto; }
.sp-film-tbl-td-sprecher    { float: none; width: auto; }
.sp-film-tbl-td-jahr        { float: none; width: auto; }
.sp-film-tbl-titel          { display: block; float: left; width: 50%; padding: 10px 5px; box-sizing: border-box; height: auto; }
.sp-film-tbl-td-film a      { float: left; width: 50%; box-sizing: border-box; height: auto; padding: 10px 5px; }
.sp-film-tbl-td-rolle span  { float: left; width: 50%; box-sizing: border-box; height: auto; padding: 10px 5px; }
.sp-film-tbl-td-sprecher a  { float: left; width: 50%; box-sizing: border-box; height: auto; padding: 10px 5px; }
.sp-film-tbl-td-sprecher span{ float: left; width: 50%; box-sizing: border-box; height: auto; max-width: 100%; padding: 10px 5px; }
.sp-film-tbl-td-sprecher a span { float: none; width: auto; padding: 0; }
.sp-film-tbl-td-jahr span   { float: left; width: 50%; box-sizing: border-box; height: auto; max-width: 100%; padding: 10px 5px; }

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

#text h1                    { margin-bottom: 0; }

#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-family: 'Dirtyhouse'; font-size: 16pt; }
#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; }

.kfwd-vsb img               { width: 100%; }
#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: 5px; }

.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; }

#blog-abbo 									{ display: none!important; }
#blog-abo-infob 						{ display: block!important; }


.sp-marken-spot-left        { float: none; width: auto; }
.sp-spot-left-inner         { padding: 0; }
.sp-marken-spot-right       { float: none; width: auto; }
.sp-spot-right-inner        { padding: 0; }

#sync-info-sp-right         { max-width: 100%; }

.box-audio-left             { float: none; width: 100%; }
.box-audio-right            { float: none; width: 100%; }
.box-audio-right-inner      { float: none; }



.kfw-box-left               { float: none; width: auto; }
.kfw-box-right              { float: none; width: auto; }
.kfw-box-left .kfw-box-inner { margin: 0; }
.kfw-box-right .kfw-box-inner { margin: 0; }

#slider-info                { position: relative; top: 0; }
#slider-info a              { padding: 0; font-size: 11pt; background: none; }


.aspBild                    { float: none; width: auto; }
.aspBild img                { width: auto; }
.aspVideo                   { float: none; width: auto; margin-bottom: 25px; }

#filmtabelle { padding-bottom: 0px; }
#ftblsp-desktop { display: none; }
#ftblsp-mobile { display: block; }
.ftbl-titel-lang { display: none; }
.ftbl-titel-kurz { display: block; }

#logo           { position: relative; text-align: left; }
#logo a img     { padding-left: 10px; }
#header-suche   { display: block; }

#sprecher-syncvon a { width: 42%; }

#sprecher-details { width: 100%; box-sizing: border-box; padding-right: 0px; padding-left: 0; float: none; margin-bottom: 0; }
#sprecher-proben { padding-bottom: 5px; }


@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%; }*/
  
  .bk-form-left-50 { float: none; width: 100%; }
  .bk-form-right-50 { float: none; width: 100%; margin-top: 25px; }
  .bkfl-90-left { width: 100%; }
  .bkfl-90-right { width: 100%; float: none; }
}

@media only screen and (max-width: 665px) {
	#sprecher-syncvon a { float: none; width: auto; margin-right: 0; }
  .pers-container { width: auto; float: none; }
  .pers-container a { margin: 0; }
}

@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); }

}

@media only screen and (max-width: 500px) {
  /*#sprecher-bild { width: 100%; }*/
  #sprecher-details { width: auto; padding-left: 0px; }
  /*#slider-info			{ top: 20px; }*/
  .blog-meldung     { padding-bottom: 3px; margin-bottom: 20px; }
  .bm-bild					{ float: none; margin-bottom: 5px; text-align: center; width: 100%; }
  .bm-bild img      { width: 75%; }
  .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; }
  #blog-abo-form-formular     { width: 275px; }
  
  .ui-multiselect             { width: 261px !important; }
  .ui-multiselect-menu        { width: 253px !important; }
}

@media only screen and (max-width: 430px){
  #logo { width: auto; }
}

@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-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; }
  #blog-abo-form-formular     { width: 275px; }
  #blog-abo-form-formular .kf-feld input { max-width: 265px; width: 85%; }
  #blog-abo-form-formular .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; }
 
 .kfw-vsb img                 { width: 100%; }
 
}

@media only screen and (max-width: 360px){
  .treffer-anzahl              { float: none; padding-top: 0; text-align: center; }
  .treffer-arrows              { float: none; }
  .treffer-arrows-tbl          { margin: 0 auto; padding-top: 15px; }
}

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

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

/* soll jetzt auf allen Seiten gemacht werden
#smallheader       { background-position: center -42px; background-image: url(/static/mp/bg-page-3.png); }
#smallheader #head { padding-top: 43px; padding-bottom: 12px; }
#smallheader #logo { margin-bottom: 0; }
#smallheader #logo img { width: 250px; }
#smallheader #inhalt { background-color: #222222; padding-top: 10px; }
#smallheader #kopf-bild { display: none; }
*/
body               { background-position: center -42px; background-image: url(/static/mp/bg-page-3.png); }
#head { padding-top: 43px; padding-bottom: 12px; }
#logo { margin-bottom: 0; }
#logo img { width: 250px; }
#inhalt { background-color: #222222; padding-top: 10px; }
#kopf-bild { display: none; }


#social-media-am-logo { display: none; }
#social-media-am-logo a { display: inline-block; }
#social-media-am-logo a img { display: inline-block; width: 32px !important; }
#social-fb { padding-left: 10px; }
#social-yt { padding-left: 10px; }
@media only screen and (max-width: 430px) {
  /* Soll jetzt auf allen Seiten gemacht werden
  #smallheader #logo { width: 278px; margin: 0 auto; }
  #smallheader #logo a { display: block; }
  */
  
  #logo { width: auto; margin: 0 auto; }
  #logo a { display: block; }
  
  #social-media-am-logo { display: none; float: left; }
  #social-media-am-logo a img { display: block; width: 18px !important; }
  #social-media-am-logo a { float: none !important; }
  #social-yt { padding-top: 3px; }
}

@media only screen and (max-width: 764px) {
  .filmdb-btn { font-size: 3.3vw; margin-right: 5px; }
}

.hb-eintrag { width: 50%; }
.hb-eintrag:nth-child(3n+1) { clear: none; }
.hb-eintrag:nth-child(2n+1) { clear: both; }
.hb-leistung { width: 50%; }
.hb-leistung:nth-child(3n+1) { clear: none; }
.hb-leistung:nth-child(2n+1) { clear: both; }

@media only screen and (max-width: 600px) {
	.hb-eintrag { width: auto; float: none; }
  .hb-leistung { width: auto; float: none; }
}

#sp-video-show-more-mobile  { display: block; }
#sp-video-show-more-desktop { display: none; }

.filmtabelle-daten td { padding: 3px 7px; }
#ifb-sp-suche         { display: none; }
#ifb-sprachen         { display: none; }
#sync-info-sp-bild    { padding-right: 0; }

.swp-item { max-width: 387.5px; width: 100%; margin: 0 auto; }
.swp-item:nth-child(odd){ float: none; padding-right: 0; }
.swp-item:nth-child(even){ float: none; padding-left: 0; }

.movie-db-logo { display: block; }
.movie-db-infotext { display: block; padding-left: 0; padding-top: 5px; }

.blog-themen-small { display: none; }
#blog-trenner { display: none; }