/* Theme Name: screenmagazin Theme URI: https://screenmagazin.com Description: Mein Theme Author: Sam of Nine Author URI: http://www.samofnine.de Text Domain: smtheme */ html {line-height: 1.15; -webkit-text-size-adjust: 100%; display: flex; position: absolute; top: 0; bottom: 0; width: -webkit-fill-available;} main {display: flex;} hr {box-sizing: content-box; height: 0; overflow: visible; border-color: rgb(255 161 0); margin: 25px auto; min-width: 100px; max-width: 75%;} pre {font-family: monospace, monospace; font-size: 1em;} abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;} b, strong {font-weight: bolder;} code, kbd, samp {font-family: monospace, monospace; font-size: 1em;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} aside sup [display: none;] img {border-style: none; height: auto;} li {padding: 0;} p {margin: 0;} p:empty:before {content: none !important;} .blau {color: #6CF;} .mitte {text-align: center;} /* Forms */ button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;} button, input {overflow: visible;} button, select {text-transform: none;} button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: 0.35em 0.75em 0.625em;} legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} progress {vertical-align: baseline;} textarea {overflow: auto;} [type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield; outline-offset: -2px;} [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;} details {display: block;} summary {display: list-item;} template {display: none;} [hidden] {display: none;} input::placeholder {color: whitesmoke; font-family: Verdana;} table {width: 100%; border-collapse: collapse;} #jahr td {min-width: 50%;} .width15 {width: 15%;} /* Start Theme */ /* Fonts */ @font-face {font-family: 'Allan'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/allan.ttf) format('truetype');} @font-face {font-family: 'Bangers'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/bangers.ttf) format('truetype');} @font-face {font-family: 'Lobster'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/lobster.ttf) format('truetype');} @font-face {font-family: 'Marvel'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/marvel.ttf) format('truetype');} @font-face {font-family: 'Metrophobic'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/metrophobic.ttf) format('truetype');} @font-face {font-family: 'Orbitron'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/orbitron.ttf) format('truetype');} @font-face {font-family: 'Oswald'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/oswald300.ttf) format('truetype');} @font-face {font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/oswald.ttf) format('truetype');} @font-face {font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/oswald700.ttf) format('truetype');} @font-face {font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/ptsansnarrow.ttf) format('truetype');} @font-face {font-family: 'Pacifico'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/pacifico.ttf) format('truetype');} @font-face {font-family: 'Paytone One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/paytoneone.ttf) format('truetype');} @font-face {font-family: 'Play'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/play.ttf) format('truetype');} @font-face {font-family: 'Schoolbell'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/schoolbell.ttf) format('truetype');} @font-face {font-family: 'Six Caps'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/sixcaps.ttf) format('truetype');} @font-face {font-family: 'Sniglet'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/sniglet.ttf) format('truetype');} @font-face {font-family: 'Sue Ellen Francisco'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/suellenfrancisco.ttf) format('truetype');} @font-face {font-family: 'Voltaire'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/voltaire.ttf) format('truetype');} @font-face {font-family: 'Wire One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/wireone.ttf) format('truetype');} @font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/yanonexlight.ttf) format('truetype');} @font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/yanonelight.ttf) format('truetype');} @font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://screenmagazin.com/wp-content/themes/smtheme/fonts/yanone.ttf) format('truetype');} .oswald {font-family: 'Oswald'; font-style: normal; font-weight: 400;} .text {font-family: 'Play'; font-style: normal; font-size: 2em; font-weight: 400;} #wpadminbar {position: fixed;} .sw #wpadminbar, .dead #wpadminbar {position: fixed; top: -32px !important;} /* =================== */ body {display: flex; flex-direction: column; margin: 0; overflow-y: scroll; font-family: Verdana; font-size: 1em; line-height: 1.5em; color: lightgrey; text-rendering: optimizeLegibility; background: url(/wp-content/uploads/iss/moviebg.jpg) top center fixed no-repeat; background-size: cover; width: -webkit-fill-available;} body::-webkit-scrollbar {width: 1.5em;} body::-webkit-scrollbar-track {background: linear-gradient(0deg, #eee, #333); z-index: -1;} body::-webkit-scrollbar-thumb {background: linear-gradient(90deg, #333, #eee, #333); border-radius: 8px;} body.aktuell {background: url(/wp-content/uploads/iss/aktuellbg.jpg) center fixed no-repeat; background-size: cover;} body.dead {background: url(/wp-content/uploads/iss/deadtree.jpg) bottom fixed no-repeat; background-size: cover; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);} body.filmstarts, body.film, body.feature {background: url(/wp-content/uploads/iss/moviebg.jpg) center fixed no-repeat; background-size: cover;} body.advent {background: url(/wp-content/uploads/iss/adventbg.jpg) center fixed no-repeat; background-size: cover;} body.sw {-webkit-filter: grayscale(75%); -moz-filter: grayscale(75%); -ms-filter: grayscale(75%); -o-filter: grayscale(75%); filter: grayscale(75%);} body.magazin {background: url(/wp-content/uploads/iss/magazinbg.jpg) center fixed no-repeat; background-size: cover;} body.tv {background:url(/wp-content/uploads/iss/tvbg.jpg) bottom right fixed no-repeat; background-size:cover;} /* Hintergrundbild als Farbhintergrund */ .bgimgclr {background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;} /* Kopfbereich */ #top {display: flex; justify-content: space-between; width: 100%; max-width: 1600px; margin: 0 auto; background-color: rgba(0,0,0,0.6);} .menu {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 10px;} .menu li {margin: 0 10px;} .logo {display: flex; justify-content: center; padding-left: 10px;} #leiste, .leistew {display: flex; justify-content: space-between; width: 100%; max-width: 1600px; margin: 0 auto; font-size: .9em; line-height: 1em; padding: 5px 0; background: linear-gradient(135deg, #333, #eee, #333);} #search {padding-left: 105px;} .search-live-results-content {display: none; position: absolute; min-width: 245px; padding: 10px; background: linear-gradient(90deg, #333, #aaa); border-radius: 3px;} .search-live-form {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; width: 300px;} .search-live-form [type="submit"] {border-radius: 0 3px 3px 0;} .search-live-field {color: white; border: none; border-radius: 3px 0 0 3px; background-color: rgba(255,255,255,.2); padding: 0 10px; flex-grow: 5;} .search-results .result-info a {text-shadow: none; color: white; font-weight: normal;} #date {color: #ccc; text-shadow: none; font-size: .9em;} /* Navigation vor-zurück */ #navi {display: flex; width: 100%; max-width: 1600px; margin: 0 auto; background-color: rgba(0,0,0,0.6);} #navl {flex: 1; order: 1; background: linear-gradient(135deg, #333, #eee); border-left: #666 thin solid; border-top: #666 thin solid; border-bottom: #666 thin solid; border-radius: 45px 0 0 45px; margin: 25px auto 0 45px; padding: 10px 30px; font-size: .9em; align-content: center;} #navl a, #navr a {color: #eee;} #navr {flex: 1; order: 2; background: linear-gradient(135deg, #eee, #333); border-right: #666 thin solid; border-top: #666 thin solid; border-bottom: #666 thin solid; border-radius: 0 45px 45px 0; margin: 25px 45px 0 auto; padding: 10px 30px; text-align: right; font-size: .9em; align-content: center;} /* Titel */ #titel {display: flex; width: 100%; max-width: 1600px; margin: 0 auto; padding: 10px 0; justify-content: center; align-items: baseline; font-size: 48px; font-weight: 400; line-height: 1.25em; font-family: 'Oswald', sans-serif; color: white; text-align: center; border-bottom: thick solid #ffa100; background-color: rgba(0,0,0,0.6); text-shadow: 1px 1px 1px #ffa100;} #titel a {font-weight: normal;} .aktuell #titel {border-bottom: thick solid #320032; text-shadow: 1px 1px 1px #320032;} .aktuell #untertitel {text-shadow: 1px 1px 1px #320032;} .magazin #titel {border-bottom: thick solid #003300; text-shadow: 1px 1px 1px #001900;} .magazin #untertitel {text-shadow: 1px 1px 1px #001900;} .dead #titel {border-bottom: thick solid #000000; text-shadow: 1px 1px 1px #001900;} .titela, .untertitela, .subtitela {background: radial-gradient(circle, #000 0%, rgba(230, 230, 230,0) 100%);} .titelb, .untertitelb, .subtitelb {background: linear-gradient(180deg, rgba(0,0,0,0), rgba(255,255,255,.2), rgba(255,255,255,.5), #eee);} .titelc, .untertitelc, .subtitelc {background: black!important;} .titeld, .untertiteld, .subtiteld {background: radial-gradient(circle, rgba(204, 200, 194, 1) 0%, rgba(204, 204, 204, 1) 100%);} .titele, .untertitele, .subtitele {background: radial-gradient(circle, rgba(204, 204, 204, 1) 0%, rgba(10, 10, 10, 1) 75%);} .featureb .navi, .featureb .titel, .featureb .untertitel {background-color: rgba(62,80,98,0.6);} .featureb #main2, .featureb #links, .featureb #rechts {background-color: rgba(0,0,0,0.6);} .titelbild {border-radius: unset;} #untertitel, #originaltitel, #subtitel {display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; max-width: 1600px; margin: 0 auto;} .untertitel, .subtitel, .untertitela, .subtitela, .untertitelb, .subtitelb, .untertitelc, .subtitelc, .untertiteld, .subtiteld, .untertitele, .subtitele {text-align: center; background-color: rgba(0,0,0,0.6); text-shadow: 1px 1px 1px #ffa100; padding: 10px 0;} .originaltitel {background-color: rgba(0,0,0,0.75); text-shadow: 1px 1px 1px #ffa100; padding: 3px 0;} .dead #untertitel {color: whitesmoke; text-shadow: 1px 1px 1px #001900;} .untertitel {font-style: italic;} .untertitelb, .originaltitelb {background: linear-gradient(180deg, #eee, rgba(255,255,255,.5), rgba(255,255,255,.2), rgba(0,0,0,0));} /* Grundkonfiguration links-mitte-rechts (links-main2-aside) */ #main {display: flex; margin: 0; width: 100%;} .breit {flex-direction: column; width: 100%; background: rgba(0,0,0,.75);} #main2, #links, #rechts {background: rgba(0,0,0,.75);} .dead #main2, .dead #links, .dead #rechts {background-color: rgba(0,0,0,0.7);} aside {display: flex!important; flex-direction: column; font-size: 14px; line-height: 1.5em; color: lightgrey;} #main2 {text-align: justify;} #links {border-right: #804f00 thin solid;} .aktuell #links {border-right: #320032 thin solid;} .magazin #links {border-right: #003300 thin solid;} #links {border-right: #804f00 thin solid;} #rechts {border-left: #804f00 thin solid;} .aktuell #rechts {border-left: #320032 thin solid;} .magazin #rechts {border-left: #003300 thin solid;} #inhalt {display: flex; flex-direction: row; justify-content: space-evenly;} #abspann, #special, {padding: 25px 0;} #anzeige {padding: 25px 0 0 0;} /* Beitrag */ .entry {margin-bottom: 20px;} /* Startseite */ #startwrapper {display: flex; padding-bottom: 50px;} #startlinks {display: flex; flex-grow: 1; padding-right: 25px; border-right: thin solid lightgrey;} .jahresstarts {width: 100%;} #startrechts {display: flex; font-size: smaller; padding-left: 25px; min-width: fit-content;} /* dead */ .dead .main2 h3 a {font-weight: lighter;} .dead .entry img {border: black solid; margin: 0px auto;} .dead #main2 figcaption, .dead #main2 .caption {color: lightgrey; text-align: center;} .dead a.youtube {color: #ccaaaaad !important;} /* Bild */ figure {margin: 0;} figure img, .image img {width: 100%; height: auto; border-radius: 3px;} .dead #beitragsbild {padding-bottom: 25px;} .ausschnitt, figure img .ausschnitt {height: 500px; width: -webkit-fill-available; object-fit: cover;} .entry .rotunter img {border: none; width: auto;} .video {width: -webkit-fill-available; border-radius: 3px;} figcaption, .caption {text-align: justify;} #links .caption {text-align: right;} .copyright, .caption, .videocaption {font-size: .7em; line-height: 1.5;} aside div.copyright {margin: 5px 2px;} .flickr-embed-frame {border-radius: 3px; width: 100%;} .photonic-stream {margin: 0 !important;} /* Galerie */ #tab {margin-bottom: 10px;} #bild {width: auto; max-width: 100%; margin: auto; max-height: 600px; display: block;} .pfeil {font-size: large;} #Nummer {font-size: 22px; font-family: Oswald, sans-serif;} #utext {text-indent: unset; font-size: 14px; line-height: 1.5; text-align: center;} #linktext {position: relative; right: 15px; bottom: 50px; font-size: 48px; font-family: Oswald, sans-serif;} #linktext a {color: #6CF; text-shadow: 1px 1px 1px #000;} .galerielink {text-align: right; font-size: 12px;} .slidercontainer {border-radius: 3px; border: thin #999 solid; margin-bottom: 25px;} .n2-ss-slider .n2-ss-slide-background {border-radius: 3px;} .litebox-overlay img {border-radius: 20px;} /* Post Kinostarts */ #kinostarts {border-radius: 3px; border: thin #CCC solid;} h5, h5 a {text-align: left; color: lightgrey; font-size: xx-large; font-family: Oswald, sans-serif; font-weight: lighter; line-height: 40px; margin: 5px; padding-left: 5px;} div.kinostarts {background: rgba(255,255,255,.8); padding: 10px;} .kinostarts {color: black; font-size: .875em; line-height: 1.4em; text-align: justify; border-radius: 0 0 3px 3px;} /* Post Absatz */ #abs1, .absatz1 {color: black; background: rgba(255,255,255,.8); text-indent: 2em; text-align: justify; border-radius: 3px; border: thin #CCC solid; padding: 5px 10px; margin: 0 0 20px 0;} #kurz {display: block;} #coverlinks {max-width: 40%; margin-right: 20px; float: left;} #cover {padding: 10px 10px 0 10px;} #abs, .absatz {color: black; background: rgba(255,255,255,.8); text-indent: 2em; text-align: justify; border-radius: 3px; border: thin #CCC solid; padding: 5px 10px; margin: 15px 0 15px 0;} .abspad {color: black; background: rgba(255,255,255,.8); text-align: justify; border-radius: 3px; border: thin #CCC solid; padding: 25px;} #trenner, .trenner {margin: 25px auto; text-align: center; color: #ffa100; font-size: 2em; font-family: 'Oswald', sans-serif; line-height: normal;} #trenner img, .trenner img {border: none;} #main2 .excerpt {color: black; background: rgba(255,255,255,.8); text-indent: 2em; text-align: justify; border-radius: 3px; border: thin #CCC solid; padding: 5px 10px; margin: 15px 0 15px 0;} /* Absätze Interview */ #Q, .frage {color: black; margin-bottom: 0;margin-top: 20px; border-radius: 3px 3px 0 0; border: thin #CCC solid; border-bottom: none; text-indent: 2em; background-color: #ccc; background: rgba(225, 225, 225, .8); padding: 5px; text-shadow: 1px 1px 1px #fff; font-weight: bold; text-align: justify;} #Ax, .antx {color: black; margin-top: 0; margin-bottom: 0; border: thin #CCC solid; border-top: none; border-bottom: none; text-indent: 2em; text-align: justify; background: rgba(255, 255, 255, .8); padding: 5px;} #A, .antwort {color: black; margin-top: 0; border-radius: 0 0 3px 3px; border: thin #CCC solid; border-top: none; text-indent: 2em; text-align: justify; background: rgba(255, 255, 255, .8); padding: 5px; margin-bottom: 20px;} /* Absätze Zitate */ #za, .zita {color: black; text-indent: 2em; text-align: justify; border-radius: 3px 3px 0 0; border: thin #CCC solid; border-bottom: none; padding: 5px 10px 0 10px; margin: 0; background: rgba(255, 255, 255, .8);} #zx, .zitm {color: black; text-indent: 2em; text-align: justify; border: thin #CCC solid; border-top: none; border-bottom: none; padding: 0 10px; margin: 0; background: rgba(255, 255, 255, .8); text-shadow: 0px 0px 3px #666;} #zb, .zite {color: black; text-indent: 2em; text-align: justify; border-radius: 0 0 3px 3px; border: thin #CCC solid; border-top: none; padding: 0 10px 5px 10px; margin: 0 0 20px 0; background: rgba(255, 255, 255, .8); text-shadow: 0px 0px 3px #666;} #share {margin-top: 10px;} /* Zitat */ #quote {display: flex; flex-flow: column; order: 1; padding: 5px 20px; font-size: 16px; line-height: 1.5em;} .zitat #quote {padding: 15px 20px 20px 0;} .quote {font-weight: bold; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #6CF;} .quoter {font-weight: bold; font-family: Verdana, sans-serif; color: #fff; font-size: 70%; line-height: normal; padding-bottom: 10px;} .dead .main2 #quote {padding: 20px 25px 10px 25px;} .dead .main2 .quote {text-align: justify; align-self: start;} .dead .main2 .quote {border-bottom: thin solid #666; width: 100%;} .dead .main2 .quoter {font-weight: bold; font-family: Verdana, sans-serif; color: #fff; font-size: 70%; line-height: normal; padding: 3px 0 20px 0; align-self: end;} .aktuell .quote, .magazin .quote {color: #ffce66;} .zit {padding-bottom: 30px;} .zit .title a {opacity: .5;} /* Filmstarts */ #main2 .wochenstart, aside .wochenstart, #main2 .tagesstart, aside .tagesstart {display: block; text-align: right; font-size: .75em;} .tagesstart, .jahresstart {text-shadow: rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px; font-weight: bold; color: unset; text-decoration: none; margin: 5px 0 10px 0; border-bottom: solid thin #6CF;} #links .wochenstart, #links .tagesstart {font-size: .85em;} #links .jahresstart {display: block; text-align: left;} .filmstarts div.wochenstart, #main2 .jahresstart {display: none !important;} /* Sidebars */ /* Display Posts */ ul, li {list-style-type: none; margin: 0; padding: 0; text-align: left;} ul.links li:nth-child(even) a {color: #999;} .jahresstarts .listing-item:nth-child(odd) {background: rgba(200,200,200,.1); border-radius: 8px;} .listing-item, .links li {line-height: 1.25em;} .listing-item .title, .listing-item .excerpt {display: flex;} .category-display-label {display: none;} .dispostnail .listing-item .title {margin-top: 5px;} .dead .listing-item .excerpt {text-align: unset;} .listing-item .excerpt {color: darkgray; font-size: smaller;} .jahresstarts .listing-item {padding: 2px 8px;} #main2 .jahresstarts .listing-item {display: flex; align-items: center;} #main2 .jahresstarts .listing-item .title {flex-grow: 2; padding-right: 25px;} #main2 .jahresstarts .listing-item .category-display {display: flex; padding-right: 10px;} #main2 .display-posts-listing .listing-item .image {display: flex; width: 50%; padding: 0 20px;} #links .display-posts-listing .listing-item .image {text-align: justify;} #links .display-posts-listing .listing-item .image a img {width: 100%;} #main2 .display-posts-listing .listing-item .content {display: flex; flex-direction: column; justify-content: center;} .jahresstarts .listing-item {display: flex; justify-content: space-between;} .jahresstarts .listing-item .date {font-size: smaller; color: #6CF;} aside .jahresstarts .listing-item {flex-flow: row-reverse; align-items: center; text-align: end;} aside .jahresstarts .listing-item .category-display {flex-grow: 2; text-align: left; padding: 0 10px;} .jahresstarts .listing-item .content {width: -webkit-fill-available;} .listing-item .title {text-align: unset; font-size: smaller;} .display-posts-listing .listing-item {padding: 0;} .category-display a {color: #6CF; font-size: smaller;} .dispostnail .listing-item {padding-bottom: 40px; width: 100%;} .display-posts-listing {display: flex; flex-direction: column;/* padding-bottom: 30px;*/} aside .display-posts-listing {padding-bottom: 30px;} #main2 .display-posts-listing {padding-bottom: unset;} #main2 .display-posts-listing .listing-item {display: flex; justify-content: center;} .dead #main2 .display-posts-listing .listing-item {flex-direction: column-reverse; border: solid thin lightgrey; border-radius: 3px;} .dead #main2 .display-posts-listing .listing-item .title {opacity: .3; align-self: flex-end; padding: 0 20px 15px 20px;} .dead .mehr a {opacity: .3;} /* ratio 4x3 */ .embed-container.ratio4x3 {padding-bottom: 75%;} /* FSK img */ #inh {display: inherit; float: left; width: 100px; height:100px; padding: 0 10px 10px 0;} #inh img {border: none;} #inhl {display: inherit; float: left; height:100px;} #inhl img {width: auto; height: auto; max-width: 200px; max-height: 100px;} select {width: 100%!important; height: 2em; color: white; border: none; border-radius: 3px; background-color: rgba(255,255,255,.2); padding: 0 10px;} option {color: black;} #links img {border: thin #999 solid; border-radius: 3px;} .leftie {font-size: .875em; line-height: 1.4em; text-align: justify; border-radius: 0 0 3px 3px; padding: 0 10px;} /* Audio Player*/ .tv .plyr__tooltip {background: none;} /* Hier ansehen */ div.hier {display: flex; flex-flow: column;} .links div.hier {align-items: flex-end;} div.hierein {display: flex;} .hierein {font-size: 14px; align-items: center; line-height: 3em;} .hierein a {margin: 0 5px;} div.emoji {font-size: 3em; display: flex; margin: 5px;} .pretext {padding-left: 5px;} /* .hier:before {content: ""; } */ /* Just Watch */ .jw-widget-iframe {padding: 10px 0 0 0; font-size: small;} /* Styles */ h1 {text-align: left; margin: 0 0 5px 0; border-bottom: thin solid #C03; background-color: transparent; font-size: xx-large; font-family: Oswald, sans-serif; font-weight: lighter; color: lightgrey;} h2, h2 a {text-align: left; margin: 0 0 10px 0; padding: 5px 0; color: #6CF; border-bottom: thin solid lightgrey; font-size: xx-large; font-family: Oswald, sans-serif; font-weight: lighter; line-height: 1.2em;} h3 {clear: both; text-align: left; margin: 0 0 10px 0; padding: 5px 0; color: #ffa100; font-size: xx-large; font-family: Oswald, sans-serif; font-weight: lighter; text-transform: uppercase; line-height: 1.2em; border-bottom: thin lightgrey solid;} .aktuell h3, .magazin h3 {color: #ffa100;} .tv h3 {color: #D39000;} h4 {display: flex; margin: 0; padding: 5px 0; margin-bottom: 5px; color: #ffa100; border-bottom: thin solid lightgrey; font-size: xx-large; font-family: Oswald, sans-serif; font-weight: lighter; line-height: 1.2em;} #main2 h4 {display: none;} h3 a, h4 a {font-weight: lighter; color: #ffa100;} .filmstarts h4 a {display: none;} .unterstrich {text-shadow: rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px; font-weight: bold; color: unset; text-decoration: none; margin: 5px 0 10px 0; border-bottom: solid thin #ffa100;} .strike {text-decoration: line-through;} a.allmusic {color: #6CF !important;} a.imdb {color: #FC0 !important;} a.youtube {color: #C03 !important;} h3.hrws {padding: 10px;} .grossb {text-transform: uppercase;} /* Votes */ .imdbRatingPlugin {font-family: Verdana !important; border-radius: 0 0 0 3px !important; -webkit-border-radius: 0 0 0 3px !important; margin: 0 !important; color: whitesmoke !important;} #gelb .imdbRatingPlugin {display: block;} #gelb span.ofTen, #gelb span.votes {color: black !important;} span.ofTen {display: none;} span.ofTen, span.votes, span.rating {color: #aaa !important;} #main2 .imdb-rating {color: black !important; margin-left: 5px;} #links .imdb-rating {color: #aaa !important; margin-left: 5px;} #gelb .imdbRatingStyle5 {border: none !important; width: 99% !important; font-size: .9em !important; line-height: 1.6em !important; margin: 0;} span.imdby.imdbRatingPlugin.imdbRatingStyle4 {color: #fc0 !important;} .imdbRatingStyle4 {font-size: 1em !important;} #gelbrot {margin-top: 15px; margin-bottom: 15px;} #gelbrot td {padding: 0;} .gelbunter, .rotunter {margin: 20px 10px 10px 10px;} .gelbrotunter {margin: 10px; text-align: left;} #rot {text-align: right;} #rotunter {vertical-align: top;} #rotunter .rotunter {text-align: right; float: right;} .gelb {width: 99%; background: rgba(255,204,0,.8); border-radius: 3px 0 0 3px!important;} .gelb a {width: 100%; margin-left: 10px; color: black; text-shadow: none;} .rot {width: 100%; background: rgba(255,0,0,.7); border-radius: 0 3px 3px 0; line-height: 1.6;} .rot a {width: 100%; text-align: right; margin-right: 10px; color: whitesmoke;} /* Externe Links */ #main a[href^="http://"]:not([href*="screenmagazin.com"]):not([href*="smkeycdn-22846.kxcdn.com"]):before, #main a[href^="https://"]:not([href*="screenmagazin.com"]):not([href*="smkeycdn-22846.kxcdn.com"]):before {font-weight: normal; font-family: 'FontAwesome'; content: "\f08e"; padding-right: 5px; font-size: smaller;} a.imglink:before {content: none!important; padding: 0;} /* Links */ a {background-color: transparent; text-shadow: rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px; font-size: inherit; font-weight: bold; color: inherit; text-decoration: none; border: none;} a:hover {color: #ffa100 !important;} a:hover.dead {color: #ffa100 !important; opacity: 1;} a:hover.yt {color: #ffa100 !important;} a:hover.kino {color: #ffa100 !important;} a:hover.heimkino {color: #ffa100 !important;} a:hover.amazon {color: #ffa100 !important;} a:hover.apple {color: #ffa100 !important;} a:hover.disney {color: #ffa100 !important;} a:hover.mubi {color: #ffa100 !important;} a:hover.netflix {color: #ffa100 !important;} a:hover.para {color: #ffa100 !important;} a:hover.sky {color: #ffa100 !important;} a.aktuell {color: #cc99ff !important;} a.frisch {color: #ffff00 !important;} a.dead {color: #fff!important; opacity: .3;} a.yt {color: #C03 !important;} a.kino {color: #009933 !important;} a.heimkino {color: #fad000 !important;} a.prime-video {color: #1998ff !important;} a.apple-tv {color: lightgrey !important; text-shadow: rgb(0, 0, 0) 0px 2px 2px, rgb(0, 0, 0) 0px -2px 2px, rgb(0, 0, 0) 2px 0px 2px, rgb(0, 0, 0) -2px 0px 2px!important;} a.disney {color: #fff !important;} a.mubi {color: #eee !important;} a.netflix {color: #e60a15 !important;} a.paramount {color: #0064ff !important;} a.sky {color: #4db3b3 !important;} :focus {outline: none;} #abs a, .absatz a, .antwort a, .antx a, .zita a, #menu a, #mmenu a, #cookie a, .kinostarts a {text-shadow: 1px 1px 1px #fff; color: black;} .amazonh:after {content: " ▌"; color: #0066ff; margin-left: 5px; font-size: .75em; vertical-align: top;} .appleh:after {content: " ▌"; color: #ff00ff; margin-left: 5px; font-size: .75em; vertical-align: top;} .disneyh:after {content: " ▌"; color: #e6e7e8; margin-left: 5px; font-size: .75em; vertical-align: top;} .heimkinoh:after {content: " ▌"; color: #fccb65; margin-left: 5px; font-size: .75em; vertical-align: top;} .kinoh:after {content: " ▌"; color: #009933; margin-left: 5px; font-size: .75em; vertical-align: top;} .netflixh:after {content: " ▌"; color: #dc3146; margin-left: 5px; font-size: .75em; vertical-align: top;} .parah:after {content: " ▌"; color: #ff8000; margin-left: 5px; font-size: .75em; vertical-align: top;} .skyh:after {content: " ▌"; color: #99ccff; margin-left: 5px; font-size: .75em; vertical-align: top;} .amazonv:before {content: " ▌"; color: #0066ff; margin-left: 5px; font-size: .7em; vertical-align: top;} .applev:before {content: " ▌"; color: #ff00ff; margin-left: 5px; font-size: .7em; vertical-align: top;} .disneyv:before {content: " ▌"; color: #e6e7e8; margin-left: 5px; font-size: .7em; vertical-align: top;} .heimkinov:before {content: " ▌"; color: #fccb65; margin-left: 5px; font-size: .7em; vertical-align: top;} .kinov:before {content: " ▌"; color: #009933; margin-left: 5px; font-size: .7em; vertical-align: top;} .netflixv:before {content: " ▌"; color: #dc3146; margin-left: 5px; font-size: .7em; vertical-align: top;} .parav:before {content: " ▌"; color: #ff8000; margin-left: 5px; font-size: .7em; vertical-align: top;} .skyv:before {content: " ▌"; color: #99ccff; margin-left: 5px; font-size: .7em; vertical-align: top;} .kinolinks {display: flex;} .vspacer {padding: 0 5px;} .inhaltlink {width: 100%; display: flex;} .ilink {text-align: start; flex: 1; order: 1; max-width: fit-content; margin-right: 10px;} .klink {text-align: end; flex: 1; order: 2;} .klink a {font-style: italic; font-weight: normal; color: #6CF;} .jahr {font-size: xx-large; font-family: Oswald, sans-serif; font-weight: lighter; line-height: 1.2em; padding: 0 10px;} .jahr a {color: #6CF; font-weight: lighter;} #menu-jahresmenue {display: flex; flex-flow: wrap; justify-content: space-between;} #menu-jahresmenue li a {font-size: xx-large; font-family: Oswald, sans-serif; font-weight: lighter; line-height: 1.2em; color: #6CF;} .tag {text-decoration: none!important; font-size: .8em; text-shadow: none;} .tag, a.tag {color: inherit;} #tags {font-size: .7em; text-align: justify; border-top: solid 2px rgba(255, 255, 255, .4); padding-top: 5px;} #tags a {font-weight: normal;} .tax, a.tax {text-decoration: none!important; font-size: .8em; text-shadow: none;} .tax:before {content: " | ";} .entry #gelb a {color: black;} a.tag-cloud-link:hover {opacity: 1!important; color: lightgrey!important;} a.tag-cloud-link { opacity: .3;} menu, dir {margin: 0;} .copy {font-weight: normal; font-size: 50%; text-align: right; font-style: normal;} .pub {font-size: .8em;} .credits {color: #D9D98D; font-size: 1em; line-height: 1.4em; font-weight: bold;} .klammer, .klammer a {color: #707070;} .klammer:hover {color: inherit;} .klammer .name, .klammer .namep, .klammer .movie, .klammer .moviep, .klammer .serie, .klammer .seriep, .klammer .live {border-bottom: thin solid #909090;} .klammer .live:hover {border-bottom: thin solid #909;} .klammer .livep:hover {border-bottom: thin solid #909;} .klammer .name:hover, .klammer .namep:hover {border-bottom: thin solid #090;} .klammer .movie:hover {border-bottom: 2px solid #900;} .klammer .moviep:hover {border-bottom: thin solid #900;} .klammer .serie:hover {border-bottom: 2px solid #D39000;} .klammer .seriep:hover {border-bottom: thin solid #D39000;} .name, a.name {border-bottom: 2px solid #090;} .namep {border-bottom: thin solid #090;} .movie, a.movie {border-bottom: 2px solid #900;} .moviep {border-bottom: thin solid #900;} .livep {border-bottom: thin solid #909;} .live, a.live {border-bottom: 2px solid #909;} .serie, a.serie {border-bottom: 2px solid #D39000;} .seriep {border-bottom: thin solid #D39000;} .quote .seriep {border-bottom: none; font-style: italic;} .Frage {font-weight: bold; color: #006;} .Zitat {text-shadow: 0px 0px 3px #666;} .sync {color: #999;} .hide {border-top: thin #666 solid; margin: 5px 0 15px 0; padding: 5px 0; font-size: .9em; text-align: justify;} .kinounter {color: #ffa100;} div.kinounter {text-align: left;} .kinountername {color: lightgrey;} .kinotext {margin-left: 15px;} .verluft {padding-bottom: 5px;} .verleih {padding: 15px;} .verleiho {height: auto; max-width: 100%;} .verleih15 {max-height: 15px; max-width: 100%;} .verleih25 {max-height: 25px; max-width: 100%;} .verleih50, .verleih50b {max-height: 50px; max-width: 100%;} .verleih75 {max-height: 75px; max-width: 100%;} .verleih100 {max-height: 100px; max-width: 100%;} .verleih150 {max-height: 150px; max-width: 100%;} img.verleih, img.verleih15, img.verleih25, img.verleih50, img.verleih75, img.verleih100, img.verleih150 {border-radius: unset; border: none; padding: 15px;} #verleih, .verleih {display: flex; flex-flow: column; align-items: center; justify-content: space-evenly;} .tdlinks {width: 5%; height: 24px; text-align: left;} .tdrechts {width: 95%; height: 24px; text-align: right;} .format-status #main2, .format-status #links, .format-status #rechts {display: none!important;} #menu {flex: 1; order: 2; flex-grow: 6; text-align: center; z-index: 10;} #date {flex: 1; text-align: right; padding: 0 30px; align-self: center;} #main {display: flex; margin: 0 auto; max-width: 1600px; width: -webkit-fill-available; justify-content: space-between;} .dead #main {display: flex; margin: 0 auto; width: 100%;} #main2 {order:2; width: inherit; padding: 20px 20px 100px 20px;} .zitat #main2 {width: -webkit-fill-available;} div.n2-ss-widget.nextend-thumbnail.nextend-thumbnail-default.nextend-thumbnail-horizontal.n2-ow-all {width: 759px;} #links {order: 1; min-width: 22.5%; max-width: 22.5%; padding: 20px 20px 100px 20px;} #rechts {order: 3; min-width: 22.5%; max-width: min-content; padding: 20px 20px 100px 20px;} @media screen and (max-width: 1600px) and (min-width: 1200px) { #startwrapper {flex-flow: column;} #startlinks {display: flex; flex-direction: column; width: 100%; padding-bottom: 25px; padding-right: 0; border: none;} #startrechts {display: flex; flex-direction: column; width: 100%; font-size: smaller; padding-left: 0;} div.n2-ss-widget.nextend-thumbnail.nextend-thumbnail-default.nextend-thumbnail-horizontal.n2-ow-all {width: 526px;} } @media screen and (max-width: 1200px) and (min-width: 825px) { #top {flex-direction: column;} .logo {padding-left: 0;} #search {padding-left: 10px;} #date {width: 50%; align-content: center; text-align: end; padding-right: 10px;} #mobis {max-width: 300px; text-align: center;} .menu {margin: 0 auto 5px auto; font-size: 12px;} #navi {order: 2;} #titel {order: 3;} #untertitel {order: 4;} #main {display: flex; flex-direction: column; order: 5; margin: 0;} #main2 {order: 1; width: -webkit-fill-available; border-bottom: #804f00 thin solid; padding: 20px 20px 100px 20px;} #main2 #kalender {display: none !important;} #quote {text-align: center;} #plakat {display: none;} div.n2-ss-widget.nextend-thumbnail.nextend-thumbnail-default.nextend-thumbnail-horizontal.n2-ow-all {width: 100%;} #film {width: 100%; padding: 0;} #links {order: 2; width: -webkit-fill-available; min-width: unset; max-width: unset; padding: 50px 20px 50px 20px; border: none;} #links figure {width: fit-content; align-self: center;} .dead #links {order: 1; padding: 20px; margin: 0; border: none;} .dispostnail {display: flex; flex-direction: column; align-items: center; margin: 30px auto 50px auto;} #rechts {order: 3; width: -webkit-fill-available; min-width: unset; max-width: unset; border-bottom: #804f00 thin solid; border-left: none; padding: 50px 20px 50px 20px; align-items: center;} #verleih {display: inline-flex;} #anzeige {display: flex; flex-direction: column; width: 100%;} #info, #abspann, #special, #poweredby {width: 100%;} h4 {width: 100%;} #foot {order: 6;} #startwrapper {flex-flow: column;} #startlinks {display: flex; flex-direction: column; width: 100%; padding-bottom: 25px; padding-right: 0; border: none;} #startrechts {display: flex; flex-direction: column; width: 100%; font-size: smaller; padding-left: 0;} } @media screen and (max-width: 825px) { #top {flex-direction: column;} .logo {padding-left: 0;} #logo {height: 80%;} #leiste {flex-direction: column;} #search {padding: 0 0 5px 0; align-self: center;} .search-live-field {color: black;} #date {width: 100%; text-align: center; color: black;} .menu {margin: 5px auto; font-size: 11px;} #navi {order: 2;} #titel {order: 3; font-size: 2.5em;} #untertitel {order: 4;} #main {flex-direction: column; order: 5; align-items: center; padding-bottom: 50px;} #main2 {order: 1; width: -webkit-fill-available; border-bottom: #804f00 thin solid; padding: 20px;} #main2 #kalender {display: none !important;} #quote {text-align: center;} #plakat {display: none;} div.n2-ss-widget.nextend-thumbnail.nextend-thumbnail-default.nextend-thumbnail-horizontal.n2-ow-all {width: 100%;} #film {width: 100%; padding: 0;} #links {order: 2; width: -webkit-fill-available; min-width: unset; max-width: unset; padding: 20px 20px 50px 20px; border-bottom: #804f00 thin solid;} #rechts {order: 3; width: -webkit-fill-available; min-width: unset; max-width: unset; padding: 20px 20px 50px 20px; align-items: center; border: none;} h4 {width: 100%;} #info, #abspann, #special, #anzeige, #poweredby {width: 100%;} .dead #links {order: 1; padding: 20px; margin: 0; border: none;} .dispostnail {display: flex; flex-direction: column; align-items: center; margin: 30px auto 50px auto;} .links {text-align: left;} #foot {order: 6;} .fmenu {display: flex; flex-wrap: wrap;} .aom {width: 100%; text-align: center;} #startwrapper {flex-flow: column;} #startlinks {display: flex; flex-direction: column; width: 100%; padding-bottom: 25px; padding-right: 0; border: none;} #startrechts {display: flex; flex-direction: column; width: 100%; font-size: smaller; padding-left: 0;} } @media screen and (min-width: 782px) {.sw #wpadminbar, .dead #wpadminbar {position: fixed; top: -32px !important;} } @media screen and (max-width: 782px) {.sw #wpadminbar, .dead #wpadminbar {position: fixed; top: -46px !important;} } /* Spoiler */ div.spoiler-wrap {background: unset !important; border: none !important; margin: unset; width: 100%;} .spoiler-head {color: unset; font-size: 1em;} .spoiler-wrap {width: 100% !important; border: none !important; background-color: unset !important;} div.spoiler-body {background: unset !important; border-top: 1px solid darkred !important; border-bottom: 1px solid darkred !important; padding: 0; margin-bottom: 20px;} .su-spoiler-style-simple {border-top: 2px solid #ffa100!important; border-bottom: 2px solid #ffa100!important;} .su-spoiler-style-simple>.su-spoiler-content {padding: 0!important; background: unset!important; color: unset!important;} .su-u-trim>:first-child {margin-top: 15px!important;} .su-u-trim>:last-child {margin-bottom: 15px!important;} .su-spoiler-style-simple>.su-spoiler-title {padding: 7px 7px 7px 34px!important; background: unset!important; color: unset!important; font-size: .9em;} .su-spoiler-style-simple>.su-spoiler-title>.su-spoiler-icon {display: unset!important;} .su-spoiler {margin-top: 15px; margin-bottom: 15px!important;} .main2 .su-spoiler {margin-bottom: 0!important; margin-top: 15px;} /* dead */ .dead #main2 #capalign {background-color: unset; border: none; display: flex; flex-direction: column; align-items: center;} .deadlinks {text-align: center;} .geboren {text-align: left;} .gestorben {text-align: right;} /* magazin */ .magazin #main2 #capalign { display: flex; flex-direction: column; align-items: center; } /* Image */ figure {width: 100%; text-align: center;} /*figure img {max-height: 550px; width: auto;}*/ .twitter-tweet {margin: 0!important;} /* Hier ansehen Abstand zum Bild */ #ansehen {padding: 5px;} /* Copyright */ .ucm {padding-top: 15px; font-size: 24pt; font-weight: 700; font-family: arial, helvetica, sans-serif;} .fkt {padding-top: 15px; font-size: large; font-family: arial, helvetica, sans-serif;} /* Getty */ .getty iframe {background-color: transparent !important; border-radius: 3px; margin-bottom: 20px;} .getty {background-color: transparent !important;} .getty div iframe {border-radius: 3px; background-color: transparent !important;} /* Details */ #details{font-weight: 600; font-size: 1em; line-height: 1.45em; align-self: auto; height: 100px;} /* Tooltips */ .tooltips a, .tooltips a:hover, .tooltips:hover, .ut, .ut a {color: rgb(255, 235, 204);} .absatz .tooltips, .zita .tooltips, .zite .tooltips, .zitm .tooltips, .antx .tooltips, .frage .tooltips, .antwort .tooltips, .absatz .tooltips a {color: rgb(128, 77, 0);} .kinounter .tooltips {color: #bf9140;} #dlsky .tooltips {color: rgb(171, 146, 109);} .featured .untertitel .tooltips {color: whitesmoke;} .Zebra_Tooltip {min-width: fit-content !important; width: unset !important;} .Zebra_Tooltip .klammer {color: darkgrey;} .Zebra_Tooltip_Message {max-width: 100% !important; top: -40px;} .Zebra_Tooltip_Arrow {position: relative !important; top: -40px;} .magazin .Zebra_Tooltip_Message {background-color: rgba(200 , 0, 200)!important;} .magazin .Zebra_Tooltip_Arrow div {border-color: rgb(200, 0, 200) transparent transparent !important;} /* Credits Mitte */ #main2 #credits {font-size: .875em; line-height: 1.5em; color: lightgrey;} /* Footer */ .dead #foot, .sw #foot {position: sticky; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; z-index: 100;} #foot {position: fixed; left: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 10px 0; background: linear-gradient(90deg, #000, #333, #333, #eee); z-index: 100;} .menu-monatsmenue-container {width: 100%;} #menu-monatsmenue .menu {display: flex; flex-wrap: nowrap;} #menu-monatsmenue .menu-item {margin: 0 5px;} #foot, #foot a {font-size: 12px; line-height: 1.5em; text-shadow: 1px 1px 1px #000;} .fmenu {display: flex;} /* Cookies */ #cookie img {width: 200px; position: fixed; left: 0; bottom: -3px; z-index: -1;} #cookie {text-align: justify; padding-right: 470px;} iframe.dsgvoaiyout {border-radius: 3px;} #dsgvo_service_control a, .wse-widget a {text-shadow: none;} #tarteaucitronRoot * {font-family: unset !important; font-size: unset !important;} .dsdvo-cookie-notice.style1 #tarteaucitronDisclaimerAlert {width: 100% !important; float: unset !important;} #tarteaucitronDisclaimerAlert::before {content: url(/wp-content/uploads/iss/cookie.png); width: 200px; position: fixed; left: -60px; bottom: -100px; transform: scale(.5);} #tarteaucitronDisclaimerAlert p {font-family: Verdana, sans-serif !important; font-size: 1em !important; color: black !important; margin: 5px 10px 0 225px !important;} #tarteaucitronDisclaimerAlert .tarteaucitronDisclaimerAlertInner {text-align: unset !important; margin: 0; display: inline !important;} .dsdvo-cookie-notice.style1 #tarteaucitronAlertBig {border-top: 5px solid #000000; background-color: #D4A8A8 !important; padding: 0 !important; width: 100% !important;} .dsdvo-cookie-notice.style1 #tarteaucitronAlertBig a {font-family: Verdana, sans-serif !important; font-size: 1em !important; color: black !important;} .dsgvonoticebtns {display: flex !important; position: unset !important;} #tarteaucitronAccept {flex: 1 !important; order: 1 !important; position: relative !important; left: 220px !important; min-width: 120px !important; max-width: fit-content !important;} #tarteaucitronPersonalize {flex: 1 !important; order: 2 !important; position: relative !important; left: 220px !important; min-width: 120px !important; max-width: fit-content !important;} #tarteaucitronCloseAlert {flex: 1 !important; order: 3 !important; position: relative !important; left: 220px !important; min-width: 120px !important; max-width: fit-content !important; margin-bottom: 0 !important; padding: 0 !important!;} @media screen and (max-width: 640px) { #kurz {display: block;} .dsgvonoticebtns {flex-flow: column;} #tarteaucitronAccept {flex: 1 !important; order: 1 !important; position: relative !important; left: 220px !important; min-width: 120px !important; max-width: fit-content !important;} #tarteaucitronPersonalize {flex: 1 !important; order: 2 !important; position: relative !important; left: 220px !important; min-width: 120px !important; max-width: fit-content !important;} #tarteaucitronCloseAlert {flex: 1 !important; order: 3 !important; position: relative !important; left: 220px !important; min-width: 120px !important; max-width: fit-content !important; margin-bottom: 0 !important; padding: 0 !important!;} } /* DSGVO YouTube Shortcode */ .youtube_player {float: unset !important; height: unset !important;} .embed-container .dsgvoaiokomoot, .embed-container .dsgvoaiyout, .embed-container .dsgvoaiyoutplaylst, .embed-container .vim {position: inherit!important; border: thin solid lightgrey;} .dead .main2 .youtube_player .embed-container, .dead .main2 .youtube_playlist_player .embed-container {padding-bottom: 0!important; height: 100px;} /* A-Z Index */ #letters {text-align: center;} .az-links {display: inline-flex;} .has-posts, .no-posts {width: auto !important; border: none !important; background: inherit !important;} .has-posts a, .no-posts span {padding: 0 7px 0 7px; color: lightgrey !important;} /* Presseseite */ .breit table {width: -webkit-fill-available; margin: 20px 20px 100px 20px;} .breit tr {border-bottom: solid thin #666;} .breit tr#last {border-bottom: none;} /* Instagram */ .dead .instagram-media, .dead .twitter-tweet {border: thin solid black !important; border-radius: 3px !important; max-width: 370px !important;} /* Facebook */ .fb-post {background-color: lightgrey;}