.Schrift14 { font-size: 14pt; } .Schrift13 { font-size: 13pt; } .Schrift12 { font-size: 12pt; } .Schrift11_Standard { font-size: 11pt; } .Schrift10 { font-size: 10pt; } .Schrift9 { font-size: 9pt; } .Schrift8 { font-size: 8pt; } .hb-video-smartphone { padding-bottom: 25px; display: none; } .video-content-50 { display: flex; } .vc-50-video { flex: 0 0 50%; } .vc-50-text { flex-grow: 1; padding-left: 50px; } .sprecher-link-liste { padding-top: 15px; display: flex; flex-wrap: wrap; gap: 2%; } .sprecher-link-liste-link { display: block; padding: 6px 15px; flex: 0 0 20.94%; text-align: center; color: #fff; margin-bottom: 1.5%; } .sprecher-link-liste-link:hover, .sprecher-link-liste-link:focus { color: #fff; } .sprecher-link-liste-more-buttons { text-align: center; padding-top: 20px; } .sprecher-link-liste-more-button { margin-bottom: 25px; font-family: 'Dirtyhouse'; font-size: 21px; background-color: #424242; padding: 5px 60px; cursor: pointer; display: inline-block; } .sll-hide-more-than-9 { display: none; } .sprecher-link-more-show { display: block !important; } #liste-hsv-more-than-3 { display: none; } #liste-hsv-more-than-6 { display: none; } #liste-sa-more-than-3 { display: none; } #liste-sa-more-than-6 { display: none; } .slider-text-link { color: #ebebeb; font-size: 18pt; padding-bottom: 20px; } .slider-text-link:hover { color: #ebebeb; } .slider-text-content { text-align: center !important; } .slider-text-content p { text-align: center !important; } .sprecher-youtube-videos { display: flex; flex-wrap: wrap; gap: 2%; } .sprecher-youtube-video { flex: 0 0 23.5%; margin-bottom: 6%; } .sprecher-youtube-video a { display: block; position: relative; } .sprecher-youtube-video img { display: block; width: 100%; border: 1px solid #fff; } .hide-more-than-4 { display: none; } #sprecher-youtube-more-than-1 { display: none; } #sprecher-youtube-more-than-2 { display: none; } #sprecher-youtube-more-than-3 { display: none; } .flex-pic-text { display: flex; } .flex-pic { flex: 0 0 230px; } .flex-pic #sync-info-sp-bild { float: none !important; } .flex-pic #sprecher-bild { float: none !important; } .flex-text { flex-grow: 1; } .flex-text #sync-info-sp-right { float: none !important; max-width: 100%; width: auto !important; } .flex-text #sprecher-details { float: none !important; width: auto; } .sprecher-probe-inner { display: flex; } .sprecher-probe-play { float: none !important; width: auto !important; flex: 0 0 40px; } .sprecher-probe-text { float: none !important; width: auto !important; flex-grow: 1; } .mpbtnmeranf { width: 230px; } #sprecher-merken { width: 230px !important; } #sprecher-anfragen { width: 230px !important; float: left !important; margin-left: 50px; } .eintrags-liste-v2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .eintrags-liste-v2 li { flex: 0 0 calc(50% - 3px); } .video-more-show { display: block !important; } .boxen-leist { display: flex; flex-wrap: wrap; gap: 43px; } .box-leist-right { float: none !important; width: auto !important; } .box-leist-left { float: none !important; width: auto !important; } .box-leist { flex: 0 0 30.85%; margin-bottom: 0 !important; } :root{ --var_mp_red: #e30613; --var_mp_red_hover: #b9020c; --var_mp_dirtyhouse: 'Dirtyhouse'; --var_btn_font_size: 13pt; --var_btn_padding: 5px 15px 6px 15px; --var_head_grey_background: #232323; } .mpbtn { display: inline-block; font-family: var(--var_mp_dirtyhouse); padding: var(--var_btn_padding); font-size: var(--var_btn_font_size); border: 0; outline: none; transition: background-color ease-in 200ms; cursor: pointer; } .mpbtnred { background-color: var(--var_mp_red); color: #fff; } .mpbtnred:hover, .mpbtnred:focus { background-color: var(--var_mp_red_hover); } .mpbtndark { background-color: #313131; color: var(--var_mp_red); } .mpbtndark:hover, .mpbtndark:focus { background-color: #3a3a3a; } .mpbtnblack { background-color: #000; color: #fff; } .mpbtnblack:hover, .mpbtnblack:focus { background-color: #292929; } .mpbtnnavi { background-color: #424242; color: #fff; border: 1px solid transparent; transition: background-color ease-in 200ms, border-color ease-in 200ms; } .mpbtnnavi:hover, .mpbtnnavi:focus { background-color: #313131; border-color: #fff; color: #fff; } #head-mobile { display: none; } #mobile-navigation { display: none; } #nav-close-button { display: none; } #suche-mobile { display: none; } #mphinweis { display: none; } * { padding: 0; margin: 0; } *:focus { outline: 0; } body { background-color: #222; background-image: url(/static/mprd/bg-page.png); background-repeat: repeat-x; background-position: top left; font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif; font-size: 11pt; position: relative; } #head-content-socialmedia { position: absolute; right: -75px; top: 0; z-index: 10; font-size: 22pt; line-height: 22pt; display: flex; flex-direction: column; align-items: center; gap: 10px; } #head-content-socialmedia .fa-facebook-square { color: #0b84ee; font-size: 27pt; line-height: 27pt; } #head-content-socialmedia .fa-youtube { color: #ff0000; } #head-content-socialmedia .fa-instagram { color: #fdbfca; font-size: 27pt; line-height: 27pt; } #head-desktop { /*padding-top: 70px;*/ padding-top: 25px; padding-bottom: 25px; } #head-desktop, #head-desktop * { box-sizing: border-box; } #head-top { display: flex; align-items: flex-end; } #head-top-logo { flex: 0 0 314px; } #head-top-logo-trenner { flex: 0 0 6.25%; } #head-top-logo img { display: block; width: 100%; } #head-top-suche { flex-grow: 1; } #head-top-suche-flex { display: flex; } #head-top-suche-feld { flex-grow: 1; } #head-top-suche-feld input { background-color: #fff; border: 0; padding: 7px 8px 8px 8px; font-size: 13pt; width: 100%; } #head-top-suche-feld ::placeholder { font-style: italic; } #head-top-suche-trenner { flex: 0 0 10px; } #head-top-suche-button { flex: 0 0 128px; text-align: center; } #head-top-language-trenner { flex: 0 0 35px; display: none; } #head-top-language { flex: 0 0 70px; display: none; } #head-top-language img { display: block; width: 100%; } #head-content { background-color: var(--var_head_grey_background); padding: 15px 15px 0 15px; margin-top: 15px; position: relative; } #head-content-gala { position: relative; } #head-content-gala-image { width: 100%; max-width: 1570px; max-width: 1170px; height: 370px; object-fit: cover; object-position: top left; display: block; } #head-content-filter { position: absolute; top: 0; right: 0; height: 100%; background-color: #000; display: flex; justify-content: center; align-items: center; } #head-content-filter-form { padding: 0 50px; } #head-content-filter h3 { text-transform: uppercase; color: #fff; font-family: var(--var_mp_dirtyhouse); font-size: 35pt; text-align: center; padding-bottom: 15px; font-weight: normal; } #filter-buttons { display: flex; justify-content: space-around; padding-top: 20px; } #head-content-filter-verlauf { position: absolute; left: -50px; top: 0; height: 100%; width: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0+12,1+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(224,224,224,0) 12%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(224,224,224,0) 12%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(224,224,224,0) 12%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ } .filter-trennline { background-color: #4a4a4a; width: 100%; height: 1px; } .filter-feld select { border: 0; width: 100%; padding: 12px 8px; font-size: 13pt; color: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; background: #000 url("data:image/svg+xml;charset=utf8,") no-repeat right .75rem center; background-size: 8px 10px; } .filter-feld select::-ms-expand { display: none; } #nav-punkte { padding: 8px 0; display: flex; } #nav-punkte .mpbtn { font-size: 15pt; } #nav-punkte .mpbtn + .mpbtn { margin-left: 10px; } .form-feld { margin-bottom: 20px; } .feld-name { padding-bottom: 5px; } .feld-input { font-family: 'open_sans_regular', arial, verdana, trebuchet ms, sans-serif; } label { display: block; padding-bottom: 5px; font-family: Arial, Helvetica, Sans-serif; } .formlist { list-style: none; padding: 0 !important; margin: 0; } .formlist li { float: left; width: 50%; margin-bottom: 20px; box-sizing: border-box; } .formlist li.left { padding-right: 20px; } .formlist li.right { padding-left: 20px; } #nachricht { height: 110px; width: 100%; box-sizing: border-box; } #ausbildung { height: 110px; box-sizing: border-box; } #hauptberuf { height: 110px; box-sizing: border-box; } #homestudio { height: 110px; box-sizing: border-box; } #einsatz { height: 110px; box-sizing: border-box; } #erwartung { height: 110px; box-sizing: border-box; } .ffeld { width: 100%; padding: 6px; border: 1px solid red; background-color: #111; color: #fff; font-family: Arial, Verdana, Sans-serif; box-sizing: border-box; height: 32px; } .btn { padding: 5px 25px; border: 1px solid red; background-color: #111; color: #fff; } .hide-rolle { display: none; } .eintrags-liste { list-style: none; padding: 0; } .eintrags-liste li { display: block; /*height: 40px;*/ box-sizing: border-box; margin-bottom: 6px; position: relative; } .eintrags-liste.small-liste li { float: left; width: 50%; } .eintrags-liste.small-liste li:nth-child(odd) { padding-right: 3px; } .eintrags-liste.small-liste li:nth-child(even) { padding-left: 3px; } .eintrags-liste a { color: #ebebeb; } .eintrags-liste a:hover { color: #ebebeb; } .eintrags-liste-link { display: block; position: absolute; left: 0; top: 0; width: calc(100% - 50px); height: 100%; } .liste-tbl { display: table; width: 100%; box-sizing: border-box; /*height: 40px;*/ min-height: 40px; background-color: #424242; } .liste-tbl-full-text { display: table-cell; vertical-align: middle; /*padding: 0 10px;*/ } .liste-tbl-bild { display: table-cell; width: 40px; } .liste-tbl-bild img { display: block; } .liste-tbl-bild div { cursor: pointer; } .liste-tbl-name { display: table-cell; vertical-align: middle; box-sizing: border-box; padding: 0 10px 0 13px; } .liste-tbl-name div { cursor: pointer; padding: 5px 0; } .liste-tbl-soundfile { display: table-cell; vertical-align: middle; width: 40px; } .liste-tbl-soundfile img { display: block; width: 28px; height: 28px; cursor: pointer; } .eintrags-liste-left { float: left; width: 50%; box-sizing: border-box; padding-right: 3px; padding-top: 5px; } .eintrags-liste-left-solo { padding-top: 5px; } .eintrags-liste-right { float: right; width: 50%; box-sizing: border-box; padding-left: 3px; padding-top: 5px; } .eintrags-liste-right-solo { padding-top: 5px; } .liste-tbl-sync-info { color: #a6aaa8; } /*.film-liste-titel { padding: 5px 0; }*/ #film-liste .liste-tbl-full-text a.text-link { display: flex; height: 100%; min-height: 40px; align-items: center; padding: 0 10px; } .verlauf { background: #ad0505; background: -moz-linear-gradient(top, #ad0505 0%, #500709 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad0505), color-stop(100%,#500709)); background: -webkit-linear-gradient(top, #ad0505 0%,#500709 100%); background: -o-linear-gradient(top, #ad0505 0%,#500709 100%); background: -ms-linear-gradient(top, #ad0505 0%,#500709 100%); background: linear-gradient(to bottom, #ad0505 0%,#500709 100%); } .verlauf-green { background: #0f991f; background: -moz-linear-gradient(top, #0f991f 0%, #003e0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f991f), color-stop(100%,#003e0a)); background: -webkit-linear-gradient(top, #0f991f 0%,#003e0a 100%); background: -o-linear-gradient(top, #0f991f 0%,#003e0a 100%); background: -ms-linear-gradient(top, #0f991f 0%,#003e0a 100%); background: linear-gradient(to bottom, #0f991f 0%,#003e0a 100%); } .verlauf-rg { background: #941100; background: -moz-linear-gradient(left, #941100 0%, #028d00 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#941100), color-stop(100%,#028d00)); background: -webkit-linear-gradient(left, #941100 0%,#028d00 100%); background: -o-linear-gradient(left, #941100 0%,#028d00 100%); background: -ms-linear-gradient(left, #941100 0%,#028d00 100%); background: linear-gradient(to right, #941100 0%,#028d00 100%); } .movie-db-copyright { display: table; padding-top: 30px; padding-bottom: 15px; } .movie-db-logo { display: table-cell; vertical-align: top; } .movie-db-logo a { display: block; } .movie-db-logo img { display: block; height: 42px; } .movie-db-infotext { display: table-cell; vertical-align: top; padding-left: 10px; } #film-liste { padding-top: 0px; } .film-eintrag { } .film-eintrag:nth-child(odd) { float: left; width: 48%; margin-right: 5px; } .film-eintrag:nth-child(even) { float: right; width: 48%; margin-left: 5px; } .film-eintrag .personen-liste { padding-top: 0; } .film-link { display: block; } .film-link span { display: block; padding: 11px 10px 10px 10px; } .film-link span.film-liste-titel-full { display: none; } .filmdb-btn { /*font-family: 'Dirtyhouse';*/ font-size: 19pt; display: inline-block; padding: 8px; background-color: #424242; color: #ebebeb; margin-right: 25px; margin-bottom: 20px; text-transform: uppercase; } .filmdb-btn:hover { color: #ebebeb; } .treffer-nav { margin-bottom: 5px; } .treffer-anzahl { float: left; padding-top: 9px; } .treffer-arrows { float: right; } .treffer-nav-pages { background-color: #424242; border: 1px solid #757575; margin-bottom: 20px; position: relative; height: 30px; } .treffer-nav-pages a { display: inline-block; } .treffer-nav-page { display: inline-block; padding: 4px 3px 2px 2px; font-size: 12pt; border: 1px solid transparent; width: 34.45px; text-align: center; box-sizing: border-box; } .treffer-nav-page.current-page { border: 1px solid #ebebeb; } .treffer-nav-page-list { padding: 0 30px; white-space: nowrap; overflow-x: hidden; height: 30px; text-align: center; } .nav-button-left { color: #d3d3d3; font-size: 21pt; } a .nav-button-left { color: #ab0505; } .nav-button-right { color: #d3d3d3; font-size: 21pt; } a .nav-button-right { color: #ab0505; } .treffer-arrows-tbl { display: table; } .treffer-arrows-td { display: table-cell; vertical-align: middle; } .nav-position { display: inline-block; padding: 0 10px; } .treffer-ovl-left { position: absolute; left: 0px; top: 0px; height: 30px; width: 30px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(66,66,66,1) 0%, rgba(66,66,66,1) 40%, rgba(66,66,66,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(66,66,66,1)), color-stop(40%,rgba(66,66,66,1)), color-stop(100%,rgba(66,66,66,0))); background: -webkit-linear-gradient(left, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 40%,rgba(66,66,66,0) 100%); background: -o-linear-gradient(left, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 40%,rgba(66,66,66,0) 100%); background: -ms-linear-gradient(left, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 40%,rgba(66,66,66,0) 100%); background: linear-gradient(to right, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 40%,rgba(66,66,66,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#00424242',GradientType=1 ); } .treffer-ovl-right { position: absolute; right: 0px; top: 0px; height: 30px; width: 30px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(66,66,66,0) 0%, rgba(66,66,66,1) 60%, rgba(66,66,66,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(66,66,66,0)), color-stop(60%,rgba(66,66,66,1)), color-stop(100%,rgba(66,66,66,1))); background: -webkit-linear-gradient(left, rgba(66,66,66,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); background: -o-linear-gradient(left, rgba(66,66,66,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); background: -ms-linear-gradient(left, rgba(66,66,66,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); background: linear-gradient(to right, rgba(66,66,66,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00424242', endColorstr='#424242',GradientType=1 ); } .btl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; } .btr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .bbl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } .bbr { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .schatten { box-shadow: 5px 5px 10px 0px rgba(15,15,15,1); -webkit-box-shadow: 5px 5px 10px 0px rgba(15,15,15,1); } .schatten-innen { box-shadow:inset 5px 5px 10px 0px rgba(15,15,15,1); -webkit-box-shadow:inset 5px 5px 10px 0px rgba(15,15,15,1); } .imgleft { float: left; margin-right:20px; margin-bottom:10px; } .imgright { float: right; margin-left:20px; margin-bottom:10px; } .bildborder { border: 1px solid #fff; } [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; } a:focus { outline:none; } a { color:#e30613; } a:link { text-decoration:none; } a:visited { text-decoration:none; } a:active { text-decoration:none; } a:hover { color:#e30613; text-decoration:none; } #wrap { max-width: 1746px; width: 100%; margin: 0 auto; padding: 0 73px; box-sizing: border-box; } #head { /* padding-top: 193px; */ padding-top: 70px; padding-bottom: 25px; } #navigation { float: left; width: 844px; height: 33px; border: 15px solid #232323; border-bottom: 8px solid #232323; background-color: #232323; } #navigation a { color: #e30613; text-decoration: none; font-size: 23px; letter-spacing: 1px; font-family: 'Dirtyhouse'; float: left; display: block; } #navigation li.last a { color: #878787; } #navigation ul { list-style: none; } #navigation li { float: left; display: block; padding-right: 14px; color: #e30613; font-family: 'Dirtyhouse'; } #navigation li.last { color: #878787; } #navigation li span { display: block; float: left; font-size: 39px; margin-top: -1px; padding-right: 7px; color: #878787; } #navrd { display: none; } #nav-punkte { min-width: 200px; } #nav-punkte li { line-height: 17px; } #navrd-back-arrow { width: 0; height: 0; border-style: solid; border-width: 9px 18px 9px 0; border-color: transparent #929ca6 transparent transparent; float: right; } #navrd-back:hover #navrd-back-arrow { border-color: transparent #E60011 transparent transparent; } #logo { float: right; padding-left: 12px; } #logo img { border: none; } #kopf-bild { width: 1170px; height: 370px; border: 15px solid #232323; -webkit-box-shadow: 5px 5px 10px 0px rgba(15,15,15,1); -moz-box-shadow: 5px 5px 10px 0px rgba(15,15,15,1); background-color: #232323; position: relative; } #kopf-bild img { border: none; } #inhalt { color: #ebebeb; display: flex; } #text { flex-grow: 1; padding-right: 45px; } .abstand-links { padding-left: 15px; } #text h1 { font-family: 'Dirtyhouse'; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #646464; font-weight: normal; } #text h1.h-inhalt { border: none; margin-bottom: 0; } #text h2 { font-family: 'Dirtyhouse'; padding-bottom: 10px; font-weight: normal; font-size: 21pt; } #text p { padding-bottom: 17px; } .content-trenner { width: 100%; height: 3px; background-image: url(/static/mprd/perfor-red.png); background-repeat: repeat-x; background-position: top left; margin-bottom: 20px; } .backlink { font-family: 'Dirtyhouse'; font-size: 19pt; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #646464; font-weight: normal; margin-right: 8px; display: none !important; } .backlink a { cursor: pointer; } #rechts { color: #ebebeb; flex: 0 0 370px; } .re-box { background-color: #2c2c2c; padding: 10px 15px; margin-bottom: 20px; width: 340px; } .re-box-titel { font-family: 'Dirtyhouse'; font-size: 14pt; padding-bottom: 5px; } .inp { background-color: #171717; width: 100%; margin-bottom: 15px; } .inp-text { height: 38px; } .inp-text input { margin-top: 10px; margin-left: 10px; background-color: transparent; border: none; color: #fff; font-size: 13pt; width: 94%; } .sucheselect { padding-bottom: 10px; } .inp-select { } .inp-select-trenner { margin-top: 10px; margin-bottom: 3px; border-bottom: 1px solid #646464; width: 90%; margin-left: 11px; } .inp-select select { width: 94%; } #resetForm { position: relative; float: left; font-family: 'Dirtyhouse'; font-size: 11pt; margin-right: 20px; padding: 5px 0; } #resetForm input { position: absolute; top: 0; left: 0; width: 125px; height: 31px; } #sendForm { position: relative; float: left; font-family: 'Dirtyhouse'; } #sendForm input { position: absolute; top: 0; left: 0; width: 196px; height: 31px; } .verlaufBtn { text-align: center; font-size: 11pt; width: 186px; padding: 5px; } .inpkontakt { background-color: #202020; width: 100%; margin-bottom: 15px; } .inpkontakt p { padding-left: 22px; padding-right: 22px; } .boxen { padding-top: 10px; padding-bottom: 27px; } .box { height: 219px; } .box-titel { position: absolute; top: 68px; left: 1px; height: 29px; width: 241px; text-align: center; background: rgba(80,7,9,0.8); color: #fff; font-size: 13pt; font-weight: bold; padding-top: 5px; display: none; } .box-right { float: right; width: 33.3333%; } .box-middle { float: left; width: 33.3333%; } .box-left { float: left; width: 33.3333%; } .box-inner { width: 241px; /*border: 1px solid #fff;*/ position: relative; } .box-inner img { border: 1px solid #fff; } .box-inner:hover > a > .box-titel { background: rgba(80,7,9,1); } .box-right-inner { float: right; } .box-middle-inner { margin: 0 auto; } .box-left-inner { } .scntbox-desklink { width: 243px; display: block; height: 29px; background-color: #A80505; color: #fff; font-family: 'Dirtyhouse'; margin-bottom: 15px; font-size: 13pt; } .desklink-name { display: block; text-align: center; padding-top: 0px; background-image: url(/static/mprd/boxen-hand.png); background-position: 5px; background-repeat: no-repeat; height: 29px; } #desklink-right { float: right; } #desklink-right:hover { color: #fff; } #desklink-left { } #desklink-left:hover { color: #fff; } #desklink-middle { margin-left: auto; margin-right: auto; } #desklink-middle:hover { color: #fff; } .boxen2 { padding-top: 10px; padding-bottom: 27px; } .box2 { } .box2-right { float: right; width: 48%; } .box2-left { float: left; width: 48%; } .box2-inner { width: 100%; /*border: 1px solid #fff;*/ position: relative; } .box2-inner img { width: 100%; border: 1px solid #fff; } .box2-right-inner { float: right; } .box2-left-inner { } .boxen-leist { padding-top: 10px; padding-bottom: 27px; } .box-leist { height: 173px; margin-bottom: 43px; } .box-leist-titel { position: absolute; top: 68px; left: 0; height: 29px; width: 100%; text-align: center; background: rgba(80,7,9,0.8); color: #fff; font-size: 13pt; font-weight: bold; padding-top: 5px; display:block; } .box-leist-right { float: right; width: 45%; } .box-leist-left { float: left; width: 45%; } .box-leist-inner { width: 100%; height: 100%; border: 1px solid #fff; position: relative; } .box-leist-inner a { display: block; height: 173px; } .box-leist-inner:hover > a > .box-leist-titel { background: rgba(80,7,9,1); } .box-leist-right-inner { float: right; } .box-leist-left-inner { } .boxen-audio { padding-top: 10px; padding-bottom: 27px; } .box-audio { margin-bottom: 43px; } .box-audio-titel { position: absolute; top: 68px; left: 0; height: 29px; width: 100%; text-align: center; background: rgba(80,7,9,0.8); color: #fff; font-size: 13pt; font-weight: bold; padding-top: 5px; display:block; } .box-audio-right { float: right; width: 48%; } .box-audio-left { float: left; width: 48%; } .box-audio-inner { width: 100%; height: 100%; } .box-audio-right-inner { float: right; } .box-audio-left-inner { } .audio-beispiel { padding: 9px; } .audio-text { float: left; } .audio-play { float: right; margin-top: -5px; } .audio-play img { width: 28px; } .audio-bild { margin-top: 20px; } .audio-bild img { border: 1px solid #fff; width: 100%; } .audio-infos { padding-top: 15px; } .video-beispiel { padding: 9px; } .video-text { text-align: center; } .video-infos { padding-top: 15px; } .video-player { padding-top: 15px; } #sprachen10 { list-style: none; padding-top: 10px; } #sprachen10 li { float: left; background-color: #424242; padding: 7px 0 5px 13px; margin-bottom: 16px; margin-right: 8px; margin-left: 8px; } .sprachen10 { list-style: none; padding-top: 10px; } .sprachen10 li { float: left; background-color: #424242; padding: 7px 0 5px 13px; margin-bottom: 16px; margin-right: 8px; margin-left: 8px; } .sprachen-flagge { float: left; display: block; margin-right: 10px; } .sprachen-flagge img { width: 27px; } .sprachen-titel { float: left; display: block; color: #fff; width: 319px; } .sprachen-ib-titel { float: left; display: block; color: #fff; width: 274px; } .sprachen10ib { list-style: none; padding-top: 10px; } .sprachen10ib li { background-color: #424242; padding: 7px 0 5px 13px; margin-bottom: 16px; margin-right: 8px; margin-left: 8px; } .sprachenib-flagge { float: left; display: block; margin-right: 10px; } .sprachenib-flagge img { width: 27px; } .sprachenib-titel { float: left; display: block; color: #fff; } #stimmen-stars { list-style: none; padding-top: 10px; } #stimmen-stars li { display: block; background-color: #424242; /*padding: 10px 0 5px 13px;*/ margin-bottom: 16px; margin-right: 8px; margin-left: 8px; } .stimmen-bild { float:left; margin-right: 10px; width: 40px; height: 40px; } .stimmen-bild img { width: 40px; height: 40px; } .stimmen-text { float:left; padding: 10px 0 11px 13px; } .stimmen-text a { color: #ebebeb; text-decoration: underline; } .stimmen-play { float:right; margin-right: 13px; margin-top: 8px; } .stimmen-play img { width: 28px; } /* Kontakt - Ansprechpartner */ .aspName { float: left; font-family: 'Dirtyhouse'; font-size: 16pt; padding-right: 20px; padding-bottom: 20px; } .aspPosition { float: left; font-family: 'Dirtyhouse'; font-size: 15pt; } .aspBild { float: left; padding-bottom: 20px; width: 19%; } .aspBild img { width: 100%; display: block; } .aspVideo { float: right; width: 67%; background-color: black; } .aspKontakt { padding-bottom: 20px; } .aspKmail { float: left; padding-right:30px; } .aspKphone { float: left; } /* zum testen */ .aspBild { width: 30%; } .aspBild img { /*height: 293px;*/ border: 1px solid black; } /* Kontaktformular */ #kontaktform { } #kontaktformular { } #kf-left { float:left; width: 45%; } #kf-right { float:right; width: 45%; } .kf-feld { width: 100%; padding-bottom: 15px; } .kf-feld input { padding: 5px; width: 100%; border: 1px solid red; background-color: #111; color: #fff; } .kf-feld textarea { width: 100%; padding: 5px; font-family: arial,helvetica,sans-serif; background-color: #111; border: 1px solid red; color: #fff; height: 225px; } .kf-feld label { display: block; padding-bottom: 5px; } #footer-klein { display: none; } #footer { margin-top:70px; background-color: #424242; } #footer a { color: #ebebeb; } #footer a:hover { color: #e30613; } #footer-wrap { width: 1200px; margin: 0 auto; color: #ebebeb; padding-bottom: 40px; } #footer-wrap ul { padding-left: 22px; } .footer-col { float: left; padding-right: 62px; font-size: 8pt; padding-top: 40px; } .footer-col li { padding-left: 10px; } /* Sprecher Schauspieler Übersichtsseiten/Listen */ #alphabet { display: none; } #alphabet ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; } #alphabet li { /*float: left;*/ padding-right: 2px; } #alphabet a { color: #fff; display: block; padding:9px 8px; border: 1px solid transparent; } #liste-bs { padding-top:20px; } #liste-bs-hs { width: 48%; float: left; margin-right: 5px; } #liste-bs-sp { width: 48%; float: right; margin-left: 5px; } .hs-right { margin-left: 30px; } .liste-bs-titel { text-align: center; padding:5px; } .sprecher-hp-play { float: right; width: 28px; height: 28px; padding-right: 10px; padding-top: 8px; } .sprecher-hp-play img { width: 28px; height: 28px; } .aplayer img { width: 28px !important; border: none !important; margin-top: 10px; margin-bottom: 0px; } .sprecher-hp-titel { float: left; padding-top: 4px; } .sprecher-hp-titel span { cursor: pointer; } .personen-liste { list-style: none; padding-top: 20px; } .personen-liste li { width: 100%; float: left; margin-bottom: 16px; background-color: #424242; } .personen-liste li a { color: #ebebeb; } .person-bild { float: left; width: 40px; height: 40px; } .person-bild img { border: 0; } .person-bild span { cursor: pointer; } .person-info { height: 28px; float: left; padding: 7px 0 5px 13px; } .personen-liste-solo { list-style: none; padding-top: 20px; } .personen-liste-solo li { width: 100%; margin-bottom: 16px; background-color: #424242; } .personen-liste-solo li a { color: #ebebeb; } .personen-liste-solo .person-info { width: 86%; } #hollysp li { width: 48%; } .bst-selected { border: 1px solid #ebebeb !important; padding: 7px; } .sp-titel { cursor: pointer; color: #ebebeb; } #sprecher { } #sprecher-bild { float: left; width: 230px; margin-bottom: 15px; } #sprecher-bild img { width: 99%; border: 1px solid #fff; } #sprecher-name { padding: 5px; } #sprecher-sprache { float: right; text-align: right; } #sprecher-sprache img { border: none; width: 50%; } #sprecher-details { float: left; width: 66%; padding-left: 25px; margin-bottom: 15px; } #sprecher-merken { float: left; width: 45%; margin-bottom: 20px; } #btn-sprecher-merken { padding: 5px; color: #fff; text-align: center; } #sprecher-anfragen { float: right; width: 45%; margin-bottom: 20px; } #btn-sprecher-anfragen { padding: 5px; color: #fff; text-align: center; } .sprecher-titel { font-family: 'Dirtyhouse'; font-size: 14pt; padding-top: 10px; } .sprecher-wert { padding-bottom: 15px; } #sprecher-besonderes { padding-top: 15px; text-align: justify; } #sprecher-beispiele { padding-top: 20px; } #sprecher-details .sprecher-titel { color: #a6aaa8; } .sprecher-hp { font-family: 'Dirtyhouse'; font-size: 14pt; padding-bottom: 5px; } .sprecher-hp-play-details { float: left; } .sprecher-hp-titel-details { float: left; padding-left: 20px; padding-top: 14px; } .aplayer img { width: 28px !important; border: none !important; margin-top: 10px; margin-bottom: 0px; } #sprecher-syncvon a { margin-top: 21px; margin-right: 38px; color: #fff; display: block; width: 200px; float: left; background-color: #424242; padding: 7px 0 5px 13px; text-align: center; } .trenn-linie { background-image: url(/static/mprd/perfor-red.png); background-repeat: repeat-x; height: 3px; width: 100%; } .titel-red { color: #e30613; } .sprecher-schauspieler { padding-top: 15px; } .sprecher-schauspieler-filmografie { padding-top: 15px; padding-bottom: 10px; } .alternate-sync { background-color: #424242; width: 100%; margin-bottom: 16px; height: 41px; } .altsync-bild { float: left; width: 40px; height: 40px; } .altsync-bild img { border: 0; padding-top: 1px; cursor: pointer; } .altsync-name { float: left; padding-left: 10px; padding-top: 11px; max-width: 660px; } .altsync-name span { cursor: pointer; } .altsync-play { float: right; width: 28px; height: 28px; margin-right: 10px; margin-top: 8px; } .altsync-play img { width: 28px; height: 28px; } #sprecher-name-gross { font-size: 17pt; padding-bottom: 25px; float: left; font-weight: normal; font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif !important; } #sprecher-name-gross h1 { font-size: 17pt; font-weight: normal; font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif !important; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #sprecher-name-gross-flagge { float: right; } #sprecher-name-gross-flagge img { height: 25px; } #sync-info { /*font-family: 'Dirtyhouse';*/ font-size: 15pt; padding-bottom: 10px; color: #a6aaa8; } #sync-info-sp-right { float: left; max-width: 78%; } #sync-info-sp-bild { float: left; width: 132px; height: 132px; padding-right: 28px; padding-bottom: 15px; } #sync-info-sp-bild img { border: 1px solid #ebebeb; width: 130px; } #sync-info-sp-info { font-size: 15pt; font-weight: normal; font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif !important; display: block !important; } #sync-info-sp-info span { color: #e30613; } #sync-sprecher-info-text { font-size: 11pt; font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif; padding-top: 10px; padding-bottom: 10px; text-align: justify; color: #ebebeb; } #sync-info.big-picture #sync-info-sp-bild { width: 230px; height: 230px; } #sync-info.big-picture #sync-info-sp-bild img { width: 228px; } #sync-info.big-picture #sync-info-sp-right { width: 66%; } #film-info { /*padding-top: 25px;*/ padding-top: 0px; } #film-info-head { font-family: 'Dirtyhouse'; font-size: 14pt; padding-top: 10px; padding-bottom: 10px; } #film-info-sp { float: left; width: 200px; } #film-info-ro { float: left; width: 200px; margin-left: 20px; } #film-info-fi { float: left; width: 250px; margin-left: 20px; } #film-info-body { padding-top: 10px; display: table; } .film { display: table-row; font-size: 10pt; } .film-sp-name { display: table-cell; width: 180px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; } .film-rolle { display: table-cell; width: 180px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; } .film-name { display: table-cell; width: 230px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; } .film-sound { display: table-cell; width: 80px; } .film-trenner { display: table-cell; width: 20px; height: 50px; } .film-trenner-vert { display: table-row; } .film-trenner-vert div { display: table-cell; height: 16px; min-width: 25px; } .film-link { text-decoration: underline; cursor: pointer; } .film-player img { height: 28px; cursor: pointer; } #film-info { } #film-titel { font-size: 19pt; font-family: 'Dirtyhouse'; padding-bottom: 15px; } #film-titel h1 { font-size: 19pt; font-family: 'Dirtyhouse'; /*padding-bottom: 25px;*/ padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } #film-bild { float: left; width: 200px; min-height: 200px; } #film-bild img { border: 1px solid #e30613; width: 99%; } #film-text { float: left; max-width: 555px; padding-left: 15px; } #film-text div { color: #a6aaa8; font-size: 16pt; font-family: 'Dirtyhouse'; padding-bottom: 8px; } #film-rollen { /*padding-top: 45px;*/ padding-top: 0px; } .film-table { display: table; } .film-tr { display: table-row; } .film-td { display: table-cell; } .film-head { font-size: 14pt; font-family: 'Dirtyhouse'; } .film-sp { width: 180px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; font-size: 10pt; } .film-rs { width: 180px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; font-size: 10pt; } .film-sy { width: 230px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; font-size: 10pt; } .film-sf { width: 80px; } .film-head .film-sp { font-size: 14pt; } .film-head .film-rs { font-size: 14pt; } .film-head .film-sy { font-size: 14pt; } .film-sound { width: 28px; height: 28px; padding-top: 0px; padding-left: 0px; } .film-sound img { width: 28px; height: 28px; display: block; } .film-head div { background: none; } #spieler-info { } #spieler-titel { font-size: 19pt; font-family: 'Dirtyhouse'; padding-bottom: 25px; } #spieler-bild { float: left; width: 200px; min-height: 200px; } #spieler-bild img { border: 1px solid #e30613; width: 99%; } #spieler-text { float: left; max-width: 555px; padding-left: 15px; } #spieler-text div { color: #a6aaa8; font-size: 16pt; font-family: 'Dirtyhouse'; padding-bottom: 8px; } #spieler-rollen { padding-top: 45px; } .disp-table { display: table; } .disp-tr { display: table-row; } .disp-td { display: table-cell; } .spsync { width: 230px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; font-size: 10pt; } .spfilm { width: 230px; height: 50px; vertical-align: middle; background-color: #424242; padding-left: 10px; padding-right: 10px; font-size: 10pt; } .spsound { } .sp-trenner { width: 100px; height: 50px; } .sp-sound { width: 28px; height: 28px; padding-top: 12px; } .sp-sound img { width: 28px; height: 28px; } .sphead { font-family: 'Dirtyhouse'; } .sphead .spsync { background: none; font-size: 14pt; } .sphead .spfilm { background: none; font-size: 14pt; } .sphead .spsound { background: none; font-size: 14pt; } .splink { text-decoration: underline; cursor: pointer; } #sprachen-liste { padding-top: 25px; } #sprachen-liste ul { list-style: none; } /* 4 Sprachen pro Reihe */ /*#sprachen-liste li { float: left; width: 150px; height: 150px; position: relative; background-color: #424242; margin-bottom: 42px; margin-left: 21px; margin-right: 21px; }*/ /* 6 Sprachen pro Reihe */ #sprachen-liste li { float: left; width: 98px; height: 98px; position: relative; background-color: #424242; margin-bottom: 5px; margin-left: 2.5px; margin-right: 2.5px; } .lang-link { position: absolute; left: 0; top: 0; width: 98px; height: 98px; cursor: pointer; } .lang-name { width: 98px; height: 42px; vertical-align: middle; text-align: center; font-size: 9pt; } .lang-flagge { width: 98px; vertical-align: middle; text-align: center; } .lang-flagge img { border: 0; } #sprache-headline { float: left; } #sprache-head-flagge { float: left; padding-left: 25px; } #sprache-head-flagge img { height: 35px; } #native-google { padding-top: 45px; } .nat-sprecher { margin-bottom: 35px; } .nat-bild { float: left; width: 40px; height: 40px; } .nat-bild img { width: 40px; height: 40px; cursor: pointer; } .nat-info { /*float: left;*/ } .nat-info-head { background-color: #424242; } .nat-name { float: left; padding-top: 11px; padding-left: 10px; padding-bottom: 10px; } .nat-name span { cursor: pointer; } .nat-sound { float: right; } .nat-text { padding-left: 10px; margin-left: 40px; padding-right: 10px; padding-top: 15px; background-color: #6d6d6d; text-align: justify; } .tablehead { font-family: 'Dirtyhouse'; font-size: 14pt; } .datatd { background-color: #424242; height: 40px; vertical-align: middle; padding: 5px; font-size: 9pt; } .google-link { display: none !important; } #sprache-infotext-unten { /*padding-left: 48px;*/ padding-right: 10px; text-align: justify; padding-top: 20px; } /* Callback Formular */ #callback-form { width: 330px; padding-top: 20px; } #cbform { padding-top: 15px; } #cbform-best { padding-top: 15px; display: none; } /* Warenkorb Infobox */ #mkzbox { } #mkzbox .re-box-titel { } #mkz-del { font-family: 'Dirtyhouse'; float: left; padding-top: 3px; width: 135px; text-align: center; } #mkz-del span { cursor: pointer; } #mkz-anfrage-btn { float: right; font-family: 'Dirtyhouse'; position: relative; } #mkz-anfrage-btn a { display: block; width: 196px; height: 31px; display: block; position: absolute; top: 0px; left: 0px; } /* Warenkorb - Sprecher Anfrage */ #sprecher-anfrage { } .form-feld-info { padding-bottom: 3px; } #spanf-liste { list-style: none; } #spanf-liste li { float: left; width: 50%; padding-bottom: 8px; } .anf-del { float: left; margin-right: 10px; } .anf-name { float: left; } /* select2 overwrite */ .select2-container--default .select2-selection--single { background-color: transparent; border: none; border-radius: 0; padding-top: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } .select2-dropdown { background-color: #171717; border: none; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #777; background-color: transparent; color: #fff; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #300000; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #500709; } .select2-results__option[aria-selected] { color: #fff; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 11px; font-size: 13pt; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; } .select2-search { display: none; } .select2-container--open .select2-dropdown--below { border-top: 1px solid #500709; } .select2-dropdown { background-color: #000; border: 1px solid #500709; } .ui-multiselect { width: 306px !important; margin-left: 11px; border: 0; padding-left: 0; cursor: pointer; height: 30px; background: none; padding-top: 8px; font-family: 'open_sans_regular', Arial; } .ui-multiselect-menu { width: 300px !important; } #header-suche { display: none; width: 30px; height: 30px; cursor: pointer; position: absolute; right: 10px; top: 5px; } #logo #header-suche img { display: block; width: 30px; height: 30px; } #header-suche-form { display: none; background-color: #171717; } #head-search-tbl { display: table; width: 100%; padding: 3px 0; } #head-search-text { display: table-cell; vertical-align: middle; } #head-search-text input { background-color: #171717; border: 0; padding: 5px 10px; box-sizing: border-box; width: 100%; font-size: 16pt; color: #ebebeb; } #head-search-submit { display: table-cell; vertical-align: middle; width: 30px; cursor: pointer; } #head-search-submit img { display: block; height: 20px; margin: 0 auto; } /* Blog */ .blogkat-titel { font-family: 'Dirtyhouse'; padding: 10px 15px; font-size: 14pt; } .blogkat-text { padding: 0px 10px 20px 10px; } #blog-meldungen { padding-top: 30px; } .blog-meldung { padding-bottom: 30px; } .bm-bild { float: left; width: 30%; } .bm-bild img { border: 0; width: 100%; } .bm-text { float: right; width: 60%; } .bm-titel { float: left; font-family: 'open_sans_regular', Arial !important; font-size: 14pt !important; } .bm-kat { float: right; } .bm-kat a { color: #fff; } .bm-teaser a { color: #fff; } /* Slider */ #slider-info { position: absolute; top: 55px; left: 0; } .slider-titel { background-color: #232323; padding: 10px; margin-top: 10px; font-size: 18pt; color: #fff; } .slider-teaser { background-color: rgba(0, 0, 0, 0.8); padding: 10px; color: #fff; margin-top: 20px; margin-left: 10px; max-width: 350px; } /* Scroll Boxen */ #scroll-boxen { width: 1200px; height: 140px; margin: 0 auto; } #scroll-left { height: 116px; width: 42px; float: left; padding-left: 20px; padding-right: 20px; } #scroll-left img { cursor: pointer; margin-top: 40px; } #scroll-right { height: 116px; width: 42px; float: right; padding-left: 20px; padding-right: 20px; } #scroll-right img { cursor: pointer; margin-top: 40px; } #scroll-area { height: 140px; float: left; width: 1034px !important; } .cc-box { display: block; border-right: 1px solid transparent; width: 324px; height: 125px; margin: 8px 0; padding-left: 20px; } .cc-box-bild { float: left; width: 100px; height: 100px; margin-right: 10px; margin-bottom: 4px; background-size: cover; background-position: center center; } .cc-box-titel { padding-bottom: 10px; color: #fff; display: block; font-size: 12pt; } .cc-box-text { color: #fff; font-size: 10pt; } #pagination { position: absolute; bottom: 10px; left: 10px; } #pagination ul { list-style: none; padding: 0; } #pagination ul li { float: left; width: 30px; } .pag-punkt { width: 15px; height: 15px; border-radius: 15px; background-color: rgba(35, 35, 35, 0.6); cursor: pointer; border: 2px solid #666; } .akt-pag { background-color: rgba(227, 6, 19, 0.6); } .kpbox-bild { float: left; width: 100px; padding-right: 12px; margin-top: 24px; margin-left: 15px; } .kpbox-bild img { border: 0; } .kpbox-infos { float: left; width: 189px; margin-top: 24px; } .kpbox-infos p { padding-left: 0px !important; padding-bottom: 10px; } #blog-post { padding-bottom: 30px; } .bp-titel { float: left; } .bp-info { float: right; } .bp-inhalt { padding: 40px 0 0 0; } .bp-anzahlkomm { float: right; padding-bottom: 15px; } .bk-titel { font-family: 'Dirtyhouse'; font-size: 18pt; } .bk-form { padding: 20px 0; } .bk-form-left-50 { float: left; width: 50%; } .bk-form-right-50 { float: right; width: 50%; } .bkfl-90-left { width: 90%; } .bkfl-90-right { float: right; width: 90%; } .bkf-field input[type="text"] { width: 100%; padding: 5px; border: 1px solid red; background-color: #111; color: #fff; } .bkf-field textarea { width: 100%; padding: 5px; height: 55px; border: 1px solid red; background-color: #111; color: #fff; font-family: 'open_sans_regular',Arial, Helvetica, Sans-serif; } .bk-form-text { padding-top: 20px; } .bkf-checkbox { float: left; padding-top: 3px; } .bkf-checkbox input { border: 1px solid red; background-color: #111; color: #fff; } .bk-text-klein { float: left; font-size: 8pt; padding-top: 4px; padding-left: 6px; } .bk-form-submit { text-align: center; padding-top: 20px; } .bk-form-submit input { padding: 5px; border: 1px solid red; background-color: #111; color: #fff; } .bm-kommentare { padding-top: 20px; } .bk-name { float: left; } .bk-kommentar-email { font-size: 8pt; } .bk-datum { float: right; } .bk-kommentar { padding: 20px 10px; } .bk-kommentar-aw { padding: 10px; background-color: rgba(44,44,44, 0.7); margin-top: 25px; margin-left: 30px; border-left: 1px solid rgb(133, 6, 7); } .bk-trenner { border-bottom: 1px solid #646464; } .blog-youtube { margin: 10px 0; position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .blog-youtube iframe, .blog-youtube object, .blog-youtube embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* Blog Abonnieren Lasche rechter Rand */ #blog-abbo { position: fixed; top: 252px; right: -330px; z-index: 200; width: 388px; height: 390px; } #blog-abbo-lasche { float: left; width: 58px; height: 247px; cursor:pointer; } #blog-abbo-lasche img { border: 0; } #bg-lasche-text { height: 180px; padding: 10px 0 0 14px; } #bg-lasche-icon { height: 35px; padding: 8px 0 0 14px; } #blog-abbo-inhalt { float: right; width: 330px; height: 388px; background-color: #2c2c2c; color: #ebebeb; } #blog-abbo-inhalt-inner { margin: 15px; background-color: #202020; height: 358px; } #blog-abbo-close { text-align:right; cursor:pointer; padding-top:3px; } #blog-abbo-titel { font-size: 15pt; padding: 20px; } #blog-abbo-titel p { padding-bottom: 17px; } #blog-abbo-form { padding: 12px 20px 20px 20px; width: 248px; } #blog-abbo-lasche { background: rgb(171,5,5); /* Old browsers */ background: -moz-linear-gradient(left, rgba(171,5,5,1) 0%, rgba(84,7,9,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(171,5,5,1)), color-stop(100%,rgba(84,7,9,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(171,5,5,1) 0%,rgba(84,7,9,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(171,5,5,1) 0%,rgba(84,7,9,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(171,5,5,1) 0%,rgba(84,7,9,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(171,5,5,1) 0%,rgba(84,7,9,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0505', endColorstr='#540709',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: -5px 5px 30px 0px rgba(15,15,15,1); -moz-box-shadow: -5px 5px 30px 0px rgba(15,15,15,1); box-shadow: -5px 5px 30px 0px rgba(15,15,15,1); } #sp-marken-spots { padding-bottom: 25px; padding-top: 40px; } .sp-marken-titel { text-align: center; margin-bottom: 40px; padding: 6px 0 8px 0; background-color: #424242; font-size: 13pt; } .sp-marken-spot { margin-bottom: 40px; } .sp-marken-spot-left { float: right; width: 50%; } .sp-spot-left-inner { padding-left: 20px; } .sp-marken-spot-right { float: left; width: 50%; } .sp-spot-right-inner { padding-right: 20px; } .sp-marken-spot-titel { font-weight: bold; font-size: 12pt; } .sp-marken-spot-description { padding-top: 15px; } .sp-marken-spot-iframe { /*margin: 10px 0;*/ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .sp-marken-spot-iframe iframe, .sp-marken-spot-iframe object, .sp-marken-spot-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #filmliste { } .kfw-box-left { float: left; width: 50%; } .kfw-box-right { float: right; width: 50%; } .kfw-box-left .kfw-box-inner { margin-right: 15px; } .kfw-box-right .kfw-box-inner { margin-left: 15px; } .kfw-titel { padding: 5px 0; text-align: center; margin-bottom: 20px; background-color: #2c2c2c; } .kfw-vsb { margin-bottom: 20px; } .kfw-vsb img { width: 340px; border: 1px solid black; } .kfw-genre { padding: 0 10px; } .kfw-einsender { padding: 0 10px; } .kfw-voting { padding: 0 10px; } .kfw-vote-titel { float: left; padding-right: 5px; } .kfw-vote-bg { float: left; background-color: gray; width: 238px; height: 12px; margin-top: 3px; padding: 2px; } .kfw-vote-bar { background-color: green; height: 12px; } .kfw-voting-value { float: left; color: green; padding-left: 5px; } .kfw-text-gray { color: gray; } .kfwd-titel { padding-bottom: 20px; } .kfwd-vsb { padding-bottom: 30px; } .kfwd-vsb img { max-width: 770px; } .kfwd-info { padding-bottom: 20px; } .kfwd-info-titel { float: left; padding-right: 20px; padding-bottom: 10px; } .kfwd-info-text { float: left; width: 80%; } .kfwd-genre { padding-bottom: 10px; } .kfwd-einsender { padding-bottom: 10px; } .kfwd-regie { padding-bottom: 10px; } .kfwd-voting { } .kfw-votestar { float: left; padding-right: 15px; } #filmtabelle { width: 100%; padding-top: 20px; } #filmtabelle a { text-decoration: underline; } #filmtabelle-head { font-family: 'Dirtyhouse'; font-size: 14pt; } .filmtabelle-trennlinie div { background-image: url(/static/mp/perfor-red.png); background-repeat: repeat-x; height: 3px; width: 100%; } .filmtabelle-daten td { font-size: 10pt; background-color: #424242; color: #fff; padding: 15px 15px; } .filmtabelle-daten td div.data-abstand { } .filmtabelle-daten td a { color: #fff; } .ftbl-trenner {} .ftbl-trenner div { width: 100%; height: 20px; } .filmtabelle-daten td.ftbl-inner-abstand { width: 20px; padding: 0; background-color: transparent; } td.ftbl-film { width: 50%; } #ftblsp-mobile { display: none; } .ftbl-titel-kurz { display: none; } /* Blog abonnieren Infobox */ #blog-abo-infob { display: none; } #blog-abo-form { padding-top: 15px; } #blog-abo-form p { padding-bottom: 17px; } #blog-abo-form-best { display: none; padding-top: 15px; } #blog-abo-form-best p { padding-bottom: 17px; } #blog-abo-form-formular { width: 330px; padding-top: 5px; } /* Schauspieler Film Tabelle */ .sp-film-tbl { } .sp-film-tbl-tr { } .sp-film-tbl-td { font-size: 9pt; float: left; } .sp-film-tbl-head { font-family: 'Dirtyhouse'; } .sp-film-tbl-head .sp-film-tbl-td { font-size: 14pt; } .sp-film-tbl-td-film { width: 25%; } .sp-film-tbl-td-rolle { width: 25%; } .sp-film-tbl-td-sprecher { width: 25%; } .sp-film-tbl-td-jahr { width: 25%; } .sp-film-tbl-titel { display: none; } .sp-film-tbl-data { padding-bottom: 15px; } .sp-film-tbl-td-film a { display: block; background-color: #424242; color: #fff; padding: 20px 5px; max-width: 85%; text-decoration: underline; color: #fff; } .sp-film-tbl-td-rolle span { display: block; background-color: #424242; color: #fff; padding: 20px 5px; max-width: 85%; } .sp-film-tbl-td-sprecher a { display: block; text-decoration: underline; color: #fff; } .sp-film-tbl-td-sprecher span { display: block; background-color: #424242; color: #fff; padding: 20px 5px; max-width: 85%; } .sp-film-tbl-td-jahr span { display: block; background-color: #424242; color: #fff; padding: 20px 5px; max-width: 85%; } #sprecher-proben { padding: 15px 0 10px 0; } .sprecher-proben-headline { font-family: 'Dirtyhouse'; font-size: 14pt; padding-bottom: 5px; } .sprecher-probe { float: left; width: 33.33%; } .sprecher-probe-inner { padding: 7px 0; } .sprecher-probe-play { float: left; width: 25%; } .sprecher-probe-play img { width: 28px; display: block; } .sprecher-probe-text { float: left; width: 75%; padding-top: 4px; font-size: 10pt; } .sprecher-probe-text-lang { } .sprecher-probe-text-kurz { display: none; } #sprecher-videos { padding-top: 20px; } .sp-video { float: left; width: 33.33%; margin-bottom: 25px; max-width: 258.3px; } .sp-video-inner { padding: 5px; box-sizing: border-box; } .sp-video-titel { font-family: 'Dirtyhouse'; font-size: 21px; padding-bottom: 5px; height: 36px; /*display: table-cell !important; vertical-align: middle;*/ box-sizing: border-box; /*padding-right: 15px;*/ max-width: 96%; } .sp-video-inner a { display: block; position: relative; } .sp-video-inner a img { display: block; width: 100%; border: 1px solid #fff; } .sp-video.hide-video-desktop { display: none; } .sp-video-more-button { margin-bottom: 25px; font-family: 'Dirtyhouse'; font-size: 21px; padding-bottom: 5px; text-align: center; } .sp-video-more-button div { display: inline-block; background-color: #424242; padding: 5px 60px; cursor: pointer; } .yt-overlay { position: absolute; bottom: 10px; width: 50px; height: 35px; left: 50%; margin-left: -25px; background-image: url(/static/mprd/youtube-play-red.png); background-repeat: no-repeat; background-position: top center; } /*.sp-video-inner a:hover .yt-overlay { background-image: url(/static/mprd/youtube-play-red.png); }*/ #film-player { width: 28px; } #tbl-eigenschaften { width: 100%; padding-top: 15px; padding-bottom: 25px; } #tbl-eigenschaften .disp-td { vertical-align: top; } .tbl-titel { color: #a6aaa8; font-family: 'Dirtyhouse'; font-size: 14pt; } #tbl-stimmalter { width: 12%; } #tbl-trenner1 { width: 6%; } #tbl-stimmbeschreibung { width: 22%; } #tbl-trenner2 { width: 6%; } #tbl-einsatzbereiche { width: 54%; } #sp-video-show-more-mobile { display: none; } td.ftbl-film { width: 45%; } .filmtabelle-daten td.ftbl-inner-abstand { width: 5px; } .abstand-links { padding: 0 5px; } #sync-info-sp-info { padding-right: 0; } .ftbl-trenner div { height: 5px; } #deutsche-stimme { text-align: justify; } #rollen-show-more { margin-top: 30px; } .hide-film-rolle { display: none; } #filmtd1 { width: 45%; } #filmtd2 { width: 27.5%; } #filmtd3 { width: 27.5%; } #social-media-am-logo { display: none; } .pers-container { float: left; width: 33.33%; margin-top: 20px; } .pers-container a { display: block; margin: 0 15px; padding: 5px 5px 7px 5px; color: #fff; text-align: center; } .pers-container.hide-box-desktop { display: none; } .ytvideobox-link { } .ytvideobox-link a { display: block; } .ytvideobox-link img { display: block; width: 100%; } #filmtrailer { padding-top: 20px; /*display: none;*/ } #filmtrailer div { font-family: 'Dirtyhouse'; font-size: 21px; padding-bottom: 5px; box-sizing: border-box; } #filmtrailer a { display: block; width: 33.33%; } #filmtrailer img { width: 100%; display: block; } #sprecher-syncvon a.hide-box-desktop { display: none; } .sp-boxen-more-button { margin-bottom: 25px; font-family: 'Dirtyhouse'; font-size: 21px; padding-bottom: 5px; text-align: center; } .sp-boxen-more-button div { display: inline-block; background-color: #424242; padding: 5px 60px; cursor: pointer; } .sp-boxen-show-more-mobile { display: none; } /* Änderungen vom 10.11.2017 */ #sprecher-proben { padding: 5px 0 10px 0; } #tbl-eigenschaften { padding-top: 5px; } #sprecher-besonderes { padding-top: 5px; } #sprecher-videos { padding-top: 5px; } .inh_abs_text ul { padding-left: 17px; } #cookie-info { position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; } #cookie-info-content { background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; } #cookie-info-tbl { display: table; margin: 0 auto; } #cookie-info-text { display: table-cell; font-size: 9pt; vertical-align: middle; } #cookie-info-abstand { display: table-cell; width: 15px; } #cookie-info-button { cursor: pointer; width: 22px; height: 22px; } #cookie-info-spacer { height: 40px; } .blog-themen-small { display: none; } .blog-themen-small div { display: inline-block; margin-bottom: 5px; } .blog-themen-small div a { display: inline-block; background-color: #424242; color: #ebebeb; padding: 8px; } #swp-startvideo { padding-bottom: 35px; } #swp-items { } .swp-item:nth-child(odd) { padding-right: 10px; float: left; } .swp-item:nth-child(even) { padding-left: 10px; float: right; } .swp-item:nth-child(2n+1) { clear: both; } .swp-item { box-sizing: border-box; width: 50%; padding-bottom: 55px; } .swp-titel { text-transform: uppercase; } .swp-titel div { } .swp-titel div h3 { } .swp-titel div a { color: #ebebeb; background-color: #2c2c2c; min-height: 46px; padding: 10px; display: block; font-weight: normal; } .swp-bild { padding-top: 15px; } .swp-bild img { width: 100%; display: block; } #swp-details-text1 { padding-bottom: 15px; } #swp-details-text2 { padding-bottom: 20px; } #swp-links { padding-top: 10px; padding-bottom: 30px; } .swp-link { margin-bottom: 6px; } .swp-link a { color: #ebebeb; background-color: #424242; display: block; padding: 10px; } .swp-link a span { display: inline-block; padding-right: 10px; } /*.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/ .video-container { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ifb-liste { list-style: none; padding: 0; margin: 0; } .ifb-liste li { } .ifb-liste a { display: block; } .ifb-liste .list-eintrag-name { display: block; border-bottom: 1px solid #646464; padding: 11px 12px 10px 12px; /*color: #ebebeb;*/ } .ifb-liste li:last-child .list-eintrag-name { border-bottom: 0; } .hb-liste { /*padding-bottom: 25px;*/ } .hb-eintrag { float: left; width: 33.333333%; margin-bottom: 50px; } .hb-eintrag-inner { padding: 0 10px; } .hb-audio-sample { display: table; width: 100%; box-sizing: border-box; padding: 9px; } .hb-audio-text { display: table-cell; vertical-align: middle; box-sizing: border-box; padding-right: 10px; } .hb-audio-play { display: table-cell; vertical-align: middle; width: 28px; box-sizing: border-box; } .hb-audio-play img { width: 28px; display: block; } .hb-audio-bild { margin-top: 20px; } .hb-audio-bild img { width: 100%; display: block; } .hb-eintrag:nth-child(3n+1){ clear: both; } .hb-leistungen { /*padding-bottom: 25px;*/ padding-top: 20px; } .hb-leistung { float: left; width: 33.333333%; margin-bottom: 50px; } .hb-leistung-inner { padding: 0 10px; } .hb-leistung-titel { display: table; width: 100%; box-sizing: border-box; padding: 9px; } .hb-leistung-titel-hand { display: table-cell; vertical-align: middle; box-sizing: border-box; width: 28px; } .leistung-titel-text { display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 10px; } .hb-leistung-bild { margin-top: 20px; } .hb-leistung-bild img { width: 100%; display: block; } .hb-leistung-text { margin-top: 20px; } .hb-leistung:nth-child(3n+1){ clear: both; } @media only screen and (max-width: 1024px) { .blog-themen-small { display: none; } #blog-trenner { display: none; } } .ifbsuchetbl { display: table; width: 100%; } .ifbsuchetblrow { display: table-row; } .ifbsuchetblcell { display: table-cell; vertical-align: top; } .cellsuchereset { width: 35px; text-align: right; display: none; } .sucheresetbtn { display: inline-block; padding-right: 10px; cursor: pointer; font-size: 14pt; line-height: 14pt; padding-top: 8px; color: #cacaca; } .ifbsuchetblcell .select2-container { width: 100% !important; max-width: 320px; } .ifbsuchetblcell .ui-multiselect { width: 100% !important; max-width: 307px; } .ifbsuchetbl.hasreset .cellsuchereset { display: table-cell; } .ifbsuchetbl.hasreset .ui-multiselect { max-width: 293px; } .inp-select-trenner { width: calc(100% - 20px); } #headpic-navi { position: absolute; left: 0; bottom: 0; background-color: #232323; padding: 5px 8px 0 3px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; z-index: 100; } .hn-navpunkt { display: inline-block; } .hn-navpunkt a { color: #e30613; text-decoration: none; font-size: 21px; letter-spacing: 1px; font-family: 'Dirtyhouse'; display: block; } .hn-trenner { display: inline-block; position: relative; width: 22px; } .hn-trenner span { display: block; font-size: 39px; padding-right: 7px; color: #878787; font-family: 'Dirtyhouse'; position: absolute; left: 3px; top: -27px; } #cookie-banner { background-color: rgba(0,0,0,0.85); color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10005; } #cookie-banner-content { max-width: 1000px; margin: 0 auto; padding: 15px 10px; font-size: 10pt; } #cookie-banner-text { text-align: justify; padding-bottom: 15px; } #cookie-banner-actions { display: flex; justify-content: space-between; align-items: center; } #cookie-banner-links-and-boxes { } #cookie-banner-links { padding-bottom: 15px; } #cookie-banner-checkboxen { display: flex; } .cookie-banner-checkbox { padding-right: 20px; } .cookie-banner-checkbox label { display: inline-block !important; } #cookie-banner-buttons { display: flex; flex-direction: column; justify-content: space-evenly; text-align: center; flex: 0 0 160px; } #cookie-banner-buttons .mpbtn { width: 100%; } .cookie-banner-button { padding-bottom: 10px; } .cookie-banner-button:last-child { padding-bottom: 0; } .cbn { cursor: pointer; } .cbn-alle { border: 0; padding: 8px 10px; color: #fff; background-color: #e5004a; } .cbn-auswahl { border: 0; background-color: transparent; color: #e5004a; font-size: 11pt; } @media screen and (max-width: 765px){ #cookie-banner-links { display: flex; flex-direction: column; } #cookie-banner-links span { display: none; } #cookie-banner-links a { padding: 2px 0; } #cookie-banner-checkboxen { flex-direction: column; } .cookie-banner-checkbox { padding: 4px 0 4px 0; } #cookie-banner-buttons { justify-content: flex-end; } .cookie-banner-button { padding-bottom: 15px; } } .cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; } .cookie-row { display: table-row; } .cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; } .cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; } #text .cookie-info-text p:last-child { padding-bottom: 0; } :root { --mm_button_transition: opacity 250ms ease-in; --mm_button_transition_origin: right center; --mm_button_transition_delay: 200ms; --mm_button_background_color: #424242; --mm_button_padding: 5px 10px; } .liste-eintrag { display: flex; align-items: center; background-color: #424242; gap: 15px; } .liste-eintrag-bild { flex: 0 0 40px; } .liste-eintrag-bild img { display: block; } .liste-eintrag-name { flex-grow: 1; } .liste-eintrag-name a { display: flex; align-items: center; min-height: 40px; height: 100%; } #stimmen-stars .liste-eintrag-name a { display: inline-block; min-height: 0; height: auto; } .liste-eintrag-anfrage-merken { display: flex; font-size: 14pt; min-height: 40px; height: 100%; } .liste-merken { display: flex; align-items: center; justify-content: center; padding: 0 7.5px 0 5px; cursor: pointer; transition: color 150ms ease-in; } .liste-merken:hover, .liste-merken:focus { color: var(--var_mp_red); } .liste-anfragen { display: flex; align-items: center; justify-content: center; padding: 0 15px 0 7.5px; cursor: pointer; transition: color 150ms ease-in; } .liste-anfragen:hover, .liste-anfragen:focus { color: var(--var_mp_red); } .liste-eintrag-audio-button { min-height: 40px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: color 150ms ease-in; } .liste-eintrag-audio-button:hover, .liste-eintrag-audio-button:focus { color: var(--var_mp_red); } .liste-eintrag-audio-button i { padding-top: 1px; } .liste-eintrag-mobile-menu { flex: 0 0 22px; position: relative; display: none; } .liste-eintrag-mobile-menu-button { min-height: 40px; height: 100%; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; } .liste-eintrag-mobile-menu-content { display: none; } .liste-eintrag-mobile-menu-content { position: absolute; left: -18px; z-index: 15; width: 40px; height: 40px; background-color: #222222; border-radius: 40px; top: 0px; transform: scale(0); display: block; } .liste-eintrag-mobile-menu-content.show { transform: scale(1); } .liste-eintrag-mobile-menu-content-close { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; font-size: 22px; cursor: pointer; background-color: #424242; border-radius: 40px; } .liste-eintrag-mobile-menu-content-close i { opacity: 0; transition: var(--mm_button_transition); } .liste-eintrag-mobile-menu-content-merken { right: 22px; top: -64px; } .liste-eintrag-mobile-menu-content-anfragen { right: 52px; top: -20px; } .liste-eintrag-mobile-menu-content-details { right: 52px; top: 29px; } .liste-eintrag-mobile-menu-content-play { right: 22px; top: 73px; } .liste-eintrag-mobile-menu-content div:nth-child(2) { cursor:pointer; white-space: nowrap; position: absolute; background-color: var(--mm_button_background_color); padding: var(--mm_button_padding); opacity: 0; transition: var(--mm_button_transition); transform-origin: var(--mm_button_transition_origin); } .liste-eintrag-mobile-menu-content div:nth-child(3) { cursor:pointer; white-space: nowrap; position: absolute; background-color: var(--mm_button_background_color); padding: var(--mm_button_padding); opacity: 0; transition: var(--mm_button_transition); transform-origin: var(--mm_button_transition_origin); } .liste-eintrag-mobile-menu-content div:nth-child(4) { cursor:pointer; white-space: nowrap; position: absolute; background-color: var(--mm_button_background_color); padding: var(--mm_button_padding); opacity: 0; transition: var(--mm_button_transition); transform-origin: var(--mm_button_transition_origin); } .liste-eintrag-mobile-menu-content div:nth-child(5) { cursor:pointer; white-space: nowrap; position: absolute; background-color: var(--mm_button_background_color); padding: var(--mm_button_padding); opacity: 0; transition: var(--mm_button_transition); transform-origin: var(--mm_button_transition_origin); } .liste-eintrag-mobile-menu-content div:nth-child(6) { cursor:pointer; white-space: nowrap; position: absolute; background-color: var(--mm_button_background_color); padding: var(--mm_button_padding); opacity: 0; transition: var(--mm_button_transition); transform-origin: var(--mm_button_transition_origin); } .liste-eintrag-mobile-menu-content.show div:nth-child(1) { opacity: 1; transition-delay: 200ms; } .liste-eintrag-mobile-menu-content.show .liste-eintrag-mobile-menu-content-close i { opacity: 1; transition-delay: 225ms; } .liste-eintrag-mobile-menu-content.show div:nth-child(2) { opacity: 1; transition-delay: 250ms; } .liste-eintrag-mobile-menu-content.show div:nth-child(3) { opacity: 1; transition-delay: 350ms; } .liste-eintrag-mobile-menu-content.show div:nth-child(4) { opacity: 1; transition-delay: 450ms; } .liste-eintrag-mobile-menu-content.show div:nth-child(5) { opacity: 1; transition-delay: 550ms; } .liste-eintrag-mobile-menu-content.show div:nth-child(6) { opacity: 1; transition-delay: 650ms; } /* Menü mit 5 Buttons */ .mobile-menu-content-6.liste-eintrag-mobile-menu-content div:nth-child(2) { right: 18px; top: -85px; } .mobile-menu-content-6.liste-eintrag-mobile-menu-content div:nth-child(3) { right: 50px; top: -41px; } .mobile-menu-content-6.liste-eintrag-mobile-menu-content div:nth-child(4) { right: 85px; top: 6px; } .mobile-menu-content-6.liste-eintrag-mobile-menu-content div:nth-child(5) { right: 50px; top: 52px; } .mobile-menu-content-6.liste-eintrag-mobile-menu-content div:nth-child(6) { right: 18px; top: 96px; } /* Menü mit 4 Buttons */ .mobile-menu-content-5.liste-eintrag-mobile-menu-content div:nth-child(2) { right: 18px; top: -64px; } .mobile-menu-content-5.liste-eintrag-mobile-menu-content div:nth-child(3) { right: 52px; top: -20px; } .mobile-menu-content-5.liste-eintrag-mobile-menu-content div:nth-child(4) { right: 52px; top: 29px; } .mobile-menu-content-5.liste-eintrag-mobile-menu-content div:nth-child(5) { right: 18px; top: 73px; } /* Menü mit 3 Buttons */ .mobile-menu-content-4.liste-eintrag-mobile-menu-content div:nth-child(2) { right: 18px; top: -49px; } .mobile-menu-content-4.liste-eintrag-mobile-menu-content div:nth-child(3) { right: 52px; top: 6px; } .mobile-menu-content-4.liste-eintrag-mobile-menu-content div:nth-child(4) { right: 18px; top: 59px; } /* Menü mit 2 Buttons */ .mobile-menu-content-3.liste-eintrag-mobile-menu-content div:nth-child(2) { right: 58px; top: -31px; } .mobile-menu-content-3.liste-eintrag-mobile-menu-content div:nth-child(3) { right: 58px; top: 40px; } /* Menü mit 1 Button */ .mobile-menu-content-2.liste-eintrag-mobile-menu-content div:nth-child(2) { right: 58px; top: 6px; } #stimmen-stars .liste-eintrag-name a, #stimmen-stars .liste-eintrag-name a:hover { color: #ebebeb; text-decoration: underline; } .liste-eintrag-mobile-menu-content-details a, .liste-eintrag-mobile-menu-content-details a:hover { color: #ebebeb; } .liste-eintrag-mobile-menu-content-details-schauspieler a, .liste-eintrag-mobile-menu-content-details-schauspieler a:hover { color: #ebebeb; } .liste-eintrag-mobile-menu-content-close::after { display: block; content: ''; width: 265px; height: 400px; background-color: rgb(17 17 17 / 85%); top: -178px; right: 0px; position: absolute; z-index: -1; border-radius: 265px 0 0 265px; transform: scale(0); transition: transform 250ms ease-in; transform-origin: right center; } .liste-eintrag-mobile-menu-content.show .liste-eintrag-mobile-menu-content-close::after { transform: scale(1); transition: transform 250ms ease-out; transform-origin: right center; } .fa-star.onlist { color: var(--var_mp_red); } .mm-sound-playing { color: var(--var_mp_red); } .cookie-blocked-info { padding: 25px 20px; text-align: center; background-color: #484848; margin: 30px 0 15px 0; } .cookie-blocked-button { padding-top: 10px; } #mphinweis { width: 100%; text-align: center; padding: 30px 0; border-bottom: 1px solid #646464; margin-bottom: 18px; border-top: 1px solid #646464; margin-top: 18px; } #mphinweis-titel{ padding-bottom: 10px; } #mphinweis-bild { display: inline-block; } #mphinweis-bild img { } @media screen and (max-width: 1800px){ .sprecher-link-liste-link { flex: 0 0 20.8%; } } @media screen and (max-width: 1750px){ .box-leist { flex: 0 0 30.7%; } } @media screen and (max-width: 1700px){ .box-leist { flex: 0 0 30.4%; } .sprecher-link-liste-link { flex: 0 0 20.5%; } } @media screen and (max-width: 1600px){ .box-leist { flex: 0 0 30.1%; } .hide-more-than-3 { display: none; } #sprecher-youtube-more-than-4 { display: none; } #sprecher-youtube-more-than-3 { display: block; } .sprecher-youtube-video { flex: 0 0 32%; } .sprecher-link-liste-link { flex: 0 0 20.2%; } } @media screen and (max-width: 1500px){ .box-leist { flex: 0 0 29.8%; } .sprecher-link-liste-link { flex: 0 0 28.3%; } .sll-hide-more-than-6 { display: none; } #liste-hsv-more-than-9 { display: none; } #liste-hsv-more-than-6 { display: inline-block; } #liste-sa-more-than-9 { display: none; } #liste-sa-more-than-6 { display: inline-block; } } @media screen and (max-width: 1400px){ .box-leist { flex: 0 0 29.3%; } .hide-more-than-2 { display: none; } #sprecher-youtube-more-than-4 { display: none; } #sprecher-youtube-more-than-3 { display: none; } #sprecher-youtube-more-than-2 { display: block; } .sprecher-youtube-video { flex: 0 0 49%; } .sprecher-link-liste-link { flex: 0 0 27.7%; } } @media screen and (max-width: 1300px){ .hide-more-than-2 { display: block; } .hide-more-than-3 { display: none; } .sprecher-youtube-video { flex: 0 0 32%; } #sprecher-youtube-more-than-2 { display: none; } #sprecher-youtube-more-than-3 { display: block; } .sprecher-link-liste-link { flex: 0 0 29.3%; } .head-content-gala-blog #head-content-socialmedia { right: 405px !important; } } @media screen and (max-width: 1200px){ .sprecher-link-liste-link { flex: 0 0 29.15%; } } @media screen and (max-width: 1100px){ .sprecher-link-liste-link { flex: 0 0 28.8%; } #nav-punkte .mpbtn { font-size: 13pt; } } @media screen and (min-width: 1251px) and (max-width: 1350px){ .scntbox-desklink { width: 205px; } .box-inner { width: 205px; } .box-inner img { width: 100%; display: block; } } @media screen and (max-width: 1250px){ #rechts { padding-top: 45px; } } @media screen and (max-width: 1000px){ #head-desktop { display: none; } #inhalt { display: block; } #rechts { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; } #wrap { padding: 0 5px; } body { background-image: none; } .eintrags-liste-v2 li { flex: 0 0 100%; } #nav-close-button { position: fixed; top: 5px; right: 15px; color: #fff; font-size: 22pt; cursor: pointer; z-index: 75; } #siteoverlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; } #mnav-body { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; } #mnav-body a { text-decoration: none; font-weight: bold; } #mnav-body a:hover { } #mnav-body ul { list-style: none; padding: 0; margin: 0; } #mnav-body ul li a { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #565656; display: block; font-size: 12pt; } #mnav-body ul li { } .manv0 { padding-left: 20px; } .manv1 { padding-left: 40px; } .manv2 { padding-left: 60px; } .manv3 { padding-left: 80px; } .mnavli0 { position: relative; } .mnavli1 { position: relative; } .mnavli2 { position: relative; } .mnavli3 { } .show-sub-nav { position: absolute; top: 3px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; color: #fff; } .marrow { border: 6px solid #0067b3; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .isclicked .marrow { border-top-color: transparent; border-bottom-color: #0067b3; } .show-sub-nav.isclicked { top: -2px; padding-top: 0; padding-bottom: 12px; } .mnavul1 { display: none; } .mnavul2 { display: none; } .mnavul3 { display: none; } #mobile-navigation { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; max-width: 440px; visibility: hidden; -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear; } #mobile-navigation.open { opacity: 1; visibility: visible; left: 0; } #nav-content { width: 100%; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #222; max-width: 440px; } #ios-menu-korrektur { width: 100%; height: 70px; } #head-mobile { display: flex; position: fixed; width: 100%; align-items: center; z-index: 50; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#270101+0,530102+100 */ background: rgb(39,1,1); /* Old browsers */ background: -moz-linear-gradient(top, rgba(39,1,1,1) 0%, rgba(83,1,2,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(39,1,1,1) 0%,rgba(83,1,2,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(39,1,1,1) 0%,rgba(83,1,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#270101', endColorstr='#530102',GradientType=0 ); /* IE6-9 */ gap: 15px; } #head-mobile-nav { flex: 0 0 52px; } #menu-button { font-size: 20pt; color: #fff; padding: 14px; cursor: pointer; } #head-mobile-logo img { display: block; height: 30px; } #head-mobile-socialmedia { display: flex; flex-direction: row; gap: 10px; font-size: 22pt; line-height: 22pt; flex: 0 0 140px; margin-left: auto; padding-top: 4px; } #head-mobile-socialmedia a, #head-mobile-socialmedia a:hover { color: #fff; } #suche-mobile, #suche-mobile * { box-sizing: border-box; } #suche-mobile { display: block; position: relative; padding-top: 64px; width: 100%; max-width: 100%; overflow-x: hidden; margin-bottom: 30px; } #suche-mobile input[type=text] { background-color: #fff; border: 0; padding: 7px 8px 8px 8px; font-size: 13pt; width: 100%; } #suche-mobile button { position: absolute; top: 65px; right: 0; z-index: 10; color: #000; border: 0; height: 35px; width: 29px; font-size: 14pt; background-color: #fff; transform: rotate(90deg); } .liste-eintrag-mobile-menu { display: flex; } .liste-eintrag-anfrage-merken { display: none; } /*.liste-eintrag-audio { display: none; }*/ #alphabet ul { justify-content: center; } .sprecher-link-liste-link { flex: 0 0 27.8%; } } @media screen and (max-width: 840px){ #sprecher-merken { width: auto !important; } #sprecher-anfragen { width: auto !important; } .mpbtnmeranf { width: auto; } .box-leist { flex: 0 0 47%; } .hide-more-than-2 { display: none; } #sprecher-youtube-more-than-3 { display: none; } #sprecher-youtube-more-than-2 { display: block; } .sprecher-youtube-video { flex: 0 0 49%; } } @media screen and (max-width: 765px){ .flex-pic-text { flex-wrap: wrap; } .flex-pic { flex: 0 0 100%; } .flex-text { flex: 0 0 100%; } .box-leist { flex: 0 0 45%; } .sll-hide-more-than-3 { display: none; } #liste-hsv-more-than-6 { display: none; } #liste-hsv-more-than-3 { display: inline-block; } #liste-sa-more-than-6 { display: none; } #liste-sa-more-than-3 { display: inline-block; } .sprecher-link-liste-link { flex: 0 0 26.3%; } .video-content-50 { flex-direction: column; } .vc-50-text { padding-left: 0; } } @media screen and (max-width: 565px){ .box-leist { flex: 0 0 100%; } .sprecher-link-liste-link { flex: 0 0 calc(100% - 30px); } .sprecher-link-liste { gap: 10px; } } @media screen and (max-width: 540px){ .hide-more-than-1 { display: none; } #sprecher-youtube-more-than-2 { display: none; } #sprecher-youtube-more-than-1 { display: block; } .sprecher-youtube-video { flex: 0 0 100%; } } @media screen and (max-width: 425px){ #head-mobile-logo img { height: 25px; } #mphinweis { display: block; } } @media screen and (max-width: 360px){ #head-mobile-logo img { height: 19px; } #head-mobile-socialmedia { line-height: 20pt; font-size: 20pt; flex: 0 0 122px; } } /* Consent Banner */ #consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; } #consent-banner, #consent-banner * { box-sizing: border-box; } #consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; } #consent-banner-left { flex-grow: 1; } #consent-banner-right { flex: 0 0 175px; } #content-banner-buttons { display: flex; flex-direction: column; gap: 25px; } .consent-banner-button > button { width: 100%; } #consent-banner-text { padding-bottom: 10px; } #consent-banner-links { display: flex; gap: 20px; } /*#consent-banner-links a { text-decoration: underline; font-weight: bold; }*/ #consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; } /*.cb-btn { background-color: #3ca8cb; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }*/ .form-check { display: flex; gap: 5px; } /*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 75%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; } .consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; } .consent-banner-unblock-info-link { padding-top: 10px; } .consent-banner-unblock-info-button { padding-top: 15px; }*/ @media screen and (max-width: 1024px){ #consent-banner-center { flex-direction: column; gap: 15px; } #consent-banner-left { flex: 0 0 100%; } #consent-banner-right { flex: 0 0 auto; } #content-banner-buttons { flex-direction: row; justify-content: center; } .consent-banner-button { flex: 0 0 175px; } } @media screen and (max-width: 450px){ #content-banner-buttons { flex-direction: column; gap: 10px; } .consent-banner-button { flex: 0 0 auto; } } /* Consent Banner */ #designbody { background: none; color: #000; background-color: #fff; } #designbody p { padding-bottom: 17px; } #designbody ul { padding-left: 17px; } #designbody ol { padding-left: 34px; }