* { margin:0; padding:0; } *:focus { outline: 0; } /* montserrat-regular - latin_latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('/static/synca/fonts/montserrat-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/static/synca/fonts/montserrat-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin_latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700italic - latin_latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/synca/fonts/montserrat-v12-latin_latin-ext-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* roboto-slab-100 - latin_latin-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 100; src: url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-100.eot'); /* IE9 Compat Modes */ src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-100.woff') format('woff'), /* Modern Browsers */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-regular - latin_latin-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/synca/fonts/roboto-slab-v7-latin_latin-ext-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* karla-regular - latin_latin-ext */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; src: url('/static/synca/fonts/karla-v6-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Karla'), local('Karla-Regular'), url('/static/synca/fonts/karla-v6-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/synca/fonts/karla-v6-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/synca/fonts/karla-v6-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/static/synca/fonts/karla-v6-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/synca/fonts/karla-v6-latin_latin-ext-regular.svg#Karla') format('svg'); /* Legacy iOS */ } #drsuche { display: table; padding-bottom: 25px; width: 300px; } #drsuche-feld { display: table-cell; vertical-align: top; } #drsuche-feld input { width: 100%; box-sizing: border-box; border: 2px solid #000; padding: 5px; height: 30px; } #drsuche-button { display: table-cell; vertical-align: top; padding-left: 8px; width: 30px; } #drsuche-button div { border: 2px solid #000; box-sizing: border-box; height: 30px; text-align: center; width: 30px; color: #000; } #drsuche-button div i { padding-top: 2px; font-size: 17pt; padding-left: 2px; } html,body { width:100%; font-size:95%; color:#666C72; font-family:trebuchet ms,arial,verdana; position: relative; font-size: 11pt; -webkit-font-smoothing: antialiased; } body { /*background-color: #efefef;*/ background-color: #e0e0cd; } 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; } #page { max-width: 1260px; margin: 0 auto; background-color: #fff; min-height: 100vh; -webkit-box-shadow: 0px 0px 20px 3px rgba(214,214,214,1); -moz-box-shadow: 0px 0px 20px 3px rgba(214,214,214,1); box-shadow: 0px 0px 20px 3px rgba(214,214,214,1); position: relative; } h1 { font-family: 'Roboto Slab', serif; } .wrap { max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 0 50px; } #mobile-head { display: none; color: #25262E; position: fixed; z-index: 1000; width: 100%; top: 0; left: 0; background-color: #e6e6e6; } #mh-tbl { display: table; width: 100%; box-sizing: border-box; padding: 5px; } #mh-tr { display: table-row; } #mh-logo { display: table-cell; font-family: 'Montserrat', sans-serif; vertical-align: top; } #mh-logo a { display: inline-block; padding-left: 5px; color: #25262E; } #mh-logo a:hover { color: #25262E; } #mh-logo-big { font-size: 23pt; font-weight: 700; display: block; color: #25262E; } #mh-logo-small { font-size: 11pt; display: block; color: #25262E; } #mh-menu { display: table-cell; text-align: right; vertical-align: top; position: relative; } #mobile-menu-button { display: inline-block !important; padding: 15px 15px 10px 15px; cursor: pointer; } #mobile-menu-button i { font-size: 22pt; } #mh-youtube { display: block; position: absolute; top: 14px; right: 64px; } #mh-youtube a { display: block; } #mh-youtube a img { display: block; height: 28px; } #head { padding-top: 50px; } #head-logo { float: left; font-family: 'Montserrat', sans-serif; } #head-logo a { display: block; color: #25262E; } #head-logo a:hover { color: #25262E; } #logo-big { display: block; font-weight: 700; font-size: 23pt; } #logo-small { display: block; } #head-navigation { float: right; font-family: 'Montserrat', sans-serif; position: relative; } #head-navigation ul { list-style: none; } #head-navigation ul li { display: block; float: left; } #head-navigation ul li a { display: block; color: #25262E; } .head-nav-trenner { padding: 0 8px; font-size: 16pt; } .head-nav-punkt { font-size: 14pt; } .head-nav-punkt a { padding-top: 1px; } #head-youtube { position: absolute; left: -29px; top: -1px; } #head-youtube a { display: block; } #head-youtube a img { display: block; height: 28px; } #head-content { padding-top: 35px; } #big-picture { position: relative; } #big-picture img { display: block; width: 100%; } #big-picture-text { position: absolute; bottom: 30px; text-align: center; width: 100%; color: #fff; } #big-picture-text h1 { font-size: 50px; font-weight: 100; } #start-text { padding-top: 35px; text-align: center; } .inh-abs-text { font-family: 'Karla', sans-serif; font-size: 19px; line-height: 1.9; } .inh-abs-text p { margin: 0 0 1.4em 0; } .inh-abs-text ul { padding-left: 21px; } #inhalt-seitentitel h1 { font-size: 50px; font-weight: 700; color: #25262E; padding-top: 30px; font-family: 'Karla', sans-serif; } #content h2 { font-family: 'Karla', sans-serif; font-size: 28px; font-weight: normal; padding-bottom: 15px; color: #222222; } .content-trenner { width: 100%; height: 20px; } #liste-sortierung { font-family: 'Montserrat', sans-serif; padding-bottom: 35px; } #liste-sortierung label { display: block; padding-right: 5px; float: right; padding-top: 6px; } #liste-sortierung select { display: block; box-sizing: border-box; font-family: 'Montserrat', sans-serif; padding: 5px; float: right; } #sprecher-liste { } .sprecher { float: left; width: 25%; box-sizing: border-box; padding: 0 20px; margin-bottom: 75px; height: 435px; } .sprecher.sprecher-hidden { display: none; } .sprecher-name { text-transform: uppercase; color: #25262E; } .sprecher-name h2 { font-family: 'Karla', sans-serif; font-size: 24px; font-weight: normal; padding-bottom: 20px; height: 28px; } .sprecher-bild { padding-bottom: 20px; } .sprecher-bild img { display: block; width: 100%; } .sprecher-icons { padding-bottom: 16px; height: 48px; } .sprecher-icons div { display: inline-block; margin-right: 15px; } .sprecher-icons a { display: inline-block; margin-right: 15px; } .sprecher-icons span.fa-stack { font-size: 24px; } .sprecher-icons .fa-circle { color: #222222; } .sprecher-icons .fa-stop-circle { color: #222222; } .sprecher-icons .fa-youtube-play { font-size: 20pt; color: #df2926; } .sprecher-icons .fa-play { font-size: 22px; padding-left: 2px; } .sprecher-icons .fa-stack { cursor: pointer; } .sprecher-icons .fa-id-card { font-size: 15pt; } .sprecher-sync-info { } .sprecher-sync-info h2 { font-weight: normal; } .sprecher-sync-info h3 { font-weight: normal; } .sprecher-synchro-head { display: block; padding-bottom: 10px; font-size: 22px; font-family: 'Karla', sans-serif; color: #373737; } .sprecher-synchro-text { display: block; font-size: 12px; font-family: 'Montserrat', sans-serif; } #details-bild { padding: 0 0 20px 0; } #details-bild img { max-width: 300px; display: block; } #sp-desc { padding-top: 20px; margin-top: 1.4em; } #sp-filme { padding-top: 20px; } #mobile-navigation { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; } #nav-content { width: 90vw; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; } #ios-menu-korrektur { width: 100%; height: 70px; } #mnav-head { font-family: 'Montserrat', sans-serif; position: relative; text-align: center; padding-top: 15px; color: #002e56; font-size: 18pt; border-bottom: 2px solid #a0a0a0; padding-bottom: 10px; } #nav-close { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; } #mnav-body { padding-top: 5px; } #mnav-body a { text-decoration: none; color: #25262E; } #mnav-body ul { list-style: none; padding: 0; margin: 0; } #mnav-body ul li a { font-family: 'Montserrat', sans-serif; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; } #mnav-body ul li { } .manv0 { padding-left: 20px; text-transform: uppercase; } .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: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; } .marrow { border: 6px solid #002e56; 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: #002e56; } .show-sub-nav.isclicked { top: -2px; padding-top: 0; padding-bottom: 12px; } .mnavul1 { display: none; } .mnavul2 { display: none; } .mnavul3 { display: none; } #inhalt-text { padding-bottom: 20px; } #content { padding-top: 20px; } #small-footer-nav { text-align: center; padding-top: 20px; padding-bottom: 30px; font-size: 12px; font-family: 'Montserrat', sans-serif; } #small-footer-nav a { color: #666C72; } #page.startseite #small-footer-nav { padding-top: 0; } #sprecher-sync-info { display: block; } .sprecher-headline { display: block; font-family: 'Karla', sans-serif; font-size: 28px; font-weight: normal; padding-bottom: 15px; color: #222222; } .hidden-text-more { display: none; } .fancybox-slide--video .fancybox-content { width : 800px; height : 500px; max-width : 80%; max-height : 80%; } #alphabet { border: 2px solid #424242; background-color: #424242; padding: 4px 0; } #alphabet ul { list-style: none; } #alphabet li { float: left; /*padding-right: 2px;*/ padding-right: 1.1%; } #alphabet a { color: #fff; display: block; padding: 5px 8px; border: 1px solid transparent; font-family: 'Karla', sans-serif; font-weight: bold; font-size: 14pt; } .bst-selected { border: 1px solid #8c8c8c !important; padding: 7px; } .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 #424242; margin-bottom: 20px; position: relative; height: 36px; padding: 4px 0; } .treffer-nav-pages a { display: inline-block; color: #fff; } .treffer-nav-pages a:hover { color: #fff; } .treffer-nav-page { display: inline-block; padding: 4px 3px 2px 2px; font-size: 14pt; border: 1px solid transparent; width: 34.45px; text-align: center; box-sizing: border-box; color: #fff; } .treffer-nav-page.current-page { border: 1px solid #8c8c8c; } .treffer-nav-page-list { padding: 3px 30px 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: 100%; width: 30px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#424242+0,424242+60,ffffff+100&1+0,1+60,0+100 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(66,66,66,1) 0%, rgba(66,66,66,1) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(66,66,66,1)), color-stop(60%,rgba(66,66,66,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 60%,rgba(255,255,255,0) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 60%,rgba(255,255,255,0) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(66,66,66,1) 0%,rgba(66,66,66,1) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */ } .treffer-ovl-right { position: absolute; right: 0px; top: 0px; height: 100%; width: 30px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,424242+60,424242+100&0+0,1+60,1+100 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(66,66,66,1) 60%, rgba(66,66,66,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(66,66,66,1)), color-stop(100%,rgba(66,66,66,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(66,66,66,1) 60%,rgba(66,66,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#424242',GradientType=1 ); /* IE6-8 */ } #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 { text-decoration: underline; cursor: pointer; } .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; } .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: #060606; } .eintrags-liste a:hover { color: #060606; } .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: #dedede; /*border: 1px solid #000;*/ /*text-transform: uppercase;*/ } .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: 20px; } .liste-tbl-sync-info { color: #a6aaa8; } .film-liste-titel { padding: 5px 0; } #film-info { } #film-titel { font-size: 19pt; padding-bottom: 15px; } #film-titel h1 { font-size: 19pt; /*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 #000; width: 99%; } #film-text { float: left; width: 79%; padding-left: 15px; } #film-text div { color: #000; font-size: 16pt; 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; } .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; } #filmtabelle { width: 100%; padding-top: 20px; } #filmtabelle a { text-decoration: underline; } #filmtabelle-head { font-size: 16pt; font-weight: bold; font-family: 'Karla', sans-serif; color: #000; text-transform: uppercase; } #filmtabelle-head #filmtd1 { padding-bottom: 3px; border-bottom: 2px solid #000; } #filmtabelle-head #filmtd2 { padding-bottom: 3px; border-bottom: 2px solid #000; } #filmtabelle-head #filmtd3 { padding-bottom: 3px; border-bottom: 2px solid #000; } .filmtabelle-trennlinie div { /*background-image: url(/static/mp/perfor-red.png); background-repeat: repeat-x;*/ height: 3px; width: 100%; } .filmtabelle-daten { /*text-transform: uppercase;*/ } /*.filmtabelle-daten td { font-size: 10pt; background-color: #f2f2f2; color: #000; border: 1px solid #000; padding: 15px 15px; }*/ .filmtabelle-daten td { font-size: 10pt; background-color: #dedede; color: #000; /*border: 1px solid #000;*/ padding: 12px 13px; } .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; } .google-link { display: none !important; } #filmtabelle a { color: #000; } #filmtabelle a:hover { color: #000; } td.ftbl-film { width: 45%; } .filmtabelle-daten td.ftbl-inner-abstand { width: 5px; border: 0; } .abstand-links { padding: 0 5px; } #sync-info-sp-info { padding-right: 0; } .ftbl-trenner div { height: 5px; } .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; } .sp-video-more-button { margin-bottom: 25px; font-size: 21px; padding-bottom: 5px; text-align: center; } .sp-video-more-button div { display: inline-block; background-color: #f2f2f2; padding: 5px 60px; cursor: pointer; border: 1px solid #000; } .hide-rolle { display: none; } #rollen-show-more { margin-top: 30px; } .hide-film-rolle { display: none; } /* Repsonsive Styles */ @media screen and (min-width: 1000px) and (max-width: 1200px) { .sprecher { width: 33.33%; } .sprecher-bild img { max-width: 235px; } #film-text { width: 75%; } } @media screen and (min-width: 765px) and (max-width: 999px) { .sprecher { width: 50%; height: 500px; } .sprecher-bild img { max-width: 300px; } #film-text { width: 66%; } .head-nav-punkt { font-size: 9pt; } .head-nav-trenner { font-size: 9pt; } #head-navigation { padding-top: 5px; margin-top: 16px; } } @media screen and (min-width: 0px) and (max-width: 500px){ #big-picture-text { position: static; padding-top: 15px; color: #25262E; } #start-text { padding-top: 15px; } } @media screen and (min-width: 0px) and (max-width: 764px) { #filmtabelle-head { font-size: 10pt; } .filmtabelle-daten td { font-size: 8pt; } .filmtabelle-daten td { padding: 3px 7px; } .movie-db-logo { display: block; } .movie-db-infotext { display: block; padding-left: 0; padding-top: 5px; } #film-bild { float: none; } #film-text { padding-left: 0; float: none; max-width: 100%; width: auto; padding-top: 15px; } #page { padding-top: 67px; } .wrap { padding: 0 25px; } .sprecher { width: auto; float: none; height: auto; padding: 0; padding-bottom: 37.5px; margin-bottom: 37.5px; border-bottom: 1px solid #696969; } .sprecher:last-of-type { border-bottom: 0; } .sprecher-bild img { max-width: 300px; } #head { display: none; } #mobile-head { display: block; } #details-bild img { width: 100%; } .moving-text { -webkit-transition: height 1s; } .hidden-text { height: 285px; overflow: hidden; position: relative; } .unhidden-text { position: relative; padding-bottom: 10px; } .hidden-text-more { display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background-color: #ececec; } .hidden-text-more-click { display: inline-block; cursor: pointer; } .sprecher-bild a { display: inline-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; } } @media screen and (min-width: 0px) and (max-width: 450px){ #filmtabelle { word-break: break-all; } /*#filmtabelle-head { font-size: 7pt; } .filmtabelle-daten td { font-size: 7pt; padding: 3px; }*/ #drsuche { width: 100%; } } @media screen and (min-width: 0px) and (max-width: 390px){ #mobile-head { height: 66px; } #mh-logo-big { font-size: 21pt; } } @media screen and (min-width: 0px) and (max-width: 360px){ #mobile-head { height: 66px; } #mh-logo-big { font-size: 19pt; } #mh-logo-small { font-size: 10pt; } } #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; } #designbody { background: none; color: #000; background-color: #fff; } #designbody p { padding-bottom: 17px; } #designbody ul { padding-left: 17px; } #designbody ol { padding-left: 34px; }