@media (prefers-color-scheme: dark) { :root, body.poc-theme-dark { --table-stripe-odd: #222; --table-stripe-even: #000; --table-text-color: #eee; } } body.poc-theme-dark { --table-stripe-odd: #222; --table-stripe-even: #000; --table-text-color: #eee; } body.poc-theme-dark .uk-list-striped > li:nth-of-type(odd), body.poc-theme-dark .uk-table-striped > tbody > tr:nth-of-type(odd) { background-color: var(--table-stripe-odd, #333333); } body.poc-theme-dark .uk-list-striped > li:nth-of-type(even) body.poc-theme-dark .uk-table-striped > tbody > tr:nth-of-type(even) { background-color: var(--table-stripe-even, #606060); } body.poc-theme-dark .uk-list-striped > li, body.poc-theme-dark .uk-table-striped > tbody > tr > td, body.poc-theme-dark .uk-table-striped > tbody > tr > th { color: var(--table-text-color, #F2F2F2); } body.poc-theme-default { --uk-color-primary: #66ccff; --uk-color-muted: #666666; } body.poc-theme-dark { --uk-color-primary: #66ccff; --uk-color-muted: #CCC; --uk-color-background: var(--color-card-dark) !important; --uk-color-text: #eeeeee; --poc-icon-color: #eeeeee; --color1: var(--color1-dark); --color2: var(--color2-dark); --color-contrast: #FFF; --textcolor1: var(--textcolor-dark); --textcolor2: var(--textcolor-dark); --textcolor3: var(--textcolor-dark); --textcolor4: var(--textcolor-dark); --textcolor5: lightgreen; --textcolor6: deeppink; } body.poc-theme-dark a:not(.poc-navi-aktiv, .poc-formbuttonlink, .poc-buttonlink, .poc-comment-button, .ui-state-default, .poc-button-cancel), body.poc-theme-dark h1, body.poc-theme-dark h2, body.poc-theme-dark h3, body.poc-theme-dark h4:not(.poc-speisekarte-tx), body.poc-theme-dark h5, body.poc-theme-dark .uk-card-title, body.poc-theme-dark .uk-article-title, body.poc-theme-dark .poc-text-btitle, body.poc-theme-dark .uk-button-text, body.poc-theme-dark .uk-button-link, body.poc-theme-dark .uk-article-meta, body.poc-theme-dark .textcolor3, body.poc-theme-dark .uk-text-lead:not(.uk-input), body.poc-theme-dark .uk-text-small { color: white !important; } body.poc-theme-dark #pc-footer, body.poc-theme-dark .editorwindow, body.poc-theme-dark .uk-dropdown, body.poc-theme-dark .uk-label, body.poc-theme-dark .pc-grid-back, body.poc-theme-dark .poc-magazin-b-text, body.poc-theme-dark .poc-magazin-b-text .uk-input, body.poc-theme-dark .poc-magazin-b-text .uk-textarea, body.poc-theme-dark .poc-navi-mobil-top, body.poc-theme-dark .poc-navi-mobil-bottom, body.poc-theme-dark .poc-comment-atext, body.poc-theme-dark .uk-card-default, body.poc-theme-dark .uk-button-default, body.poc-theme-dark .uk-overlay-default, body.poc-theme-dark .uk-overlay-default > .uk-input, body.poc-theme-dark .pc-grid-background, body.poc-theme-dark .poc-comment-block, body.poc-theme-dark .poc-comment-image-rund, body.poc-theme-dark .poc-comment-topicbilder, body.poc-theme-dark .uk-background-default, body.poc-theme-dark .pc-titelthema, body.poc-theme-dark .product-info, body.poc-theme-dark .business-info, body.poc-theme-dark .business-info:hover, body.poc-theme-dark .business-tile, body.poc-theme-dark .theme-info, body.poc-theme-dark .theme-info:hover, body.poc-theme-dark .theme-tile, body.poc-theme-dark .product, body.poc-theme-dark .product-info, body.poc-theme-dark .uk-card-primary, body.poc-theme-dark .uk-background-muted, body.poc-theme-dark .block-title, body.poc-theme-dark .uk-modal-dialog, body.poc-theme-dark .poc-comment-topic-block, body.poc-theme-dark .uk-navbar-dropdown, body.poc-theme-dark .sprechblase, body.poc-theme-dark #contentplaceportrait { background: var(--color-card-dark) !important; background-color: var(--color-card-dark) !important; background-image: linear-gradient( 180.2deg, rgba(24,24,24,1) 1.2%, rgba(58,58,58,1) 89.8% ); border-color: #444 !important; color: white !important; } body.poc-theme-dark a:hover .uk-card-primary { top: 0px; background: rgba(255, 255, 255, 0.5); background: linear-gradient(to top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)); } body.poc-theme-dark table tbody tr:hover { background-color: var(--color-card-dark) !important; color: #FFF !important; } body.poc-theme-dark .product:hover .product-info { background-color: #2d2d2d; } body.poc-theme-dark .business-tile:hover .business-info { background-color: #2d2d2d; } body.poc-theme-dark .theme-tile:hover .theme-info { background-color: #2d2d2d; } body.poc-theme-dark a, body.poc-theme-dark .uk-button-text { } body.poc-theme-dark .poc-comment-text, body.poc-theme-dark .poc-comment-text > a, body.poc-theme-dark .poc-comment-button, body.poc-theme-dark .poc-buttonlink, body.poc-theme-dark .poc-dark, body.poc-theme-dark .uk-alert-success > a { color: black !important; } body.poc-theme-dark .poc-image-funny { border: var(--color-card-dark) solid 1px; } body.poc-theme-dark .highlighted { background-color: #3C3C3C; color: white !important; } body.poc-theme-dark .uk-button-primary { border: #ee6807 solid 1px; background-image: linear-gradient(180deg, #ff8d14 0%, #ee6807 100%); } body.poc-theme-dark .uk-button-secondary { border: #ee6807 solid 1px; background-image: linear-gradient(180deg, #fc910f 0%, #ff8d14 100%); } body.poc-theme-dark .poc-description-wrapper.fade-effect::after { content: ""; position: absolute; bottom: 30px; left: 0; right: 0; height: 60px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%); pointer-events: none; display: block; transition: opacity 0.3s ease; } body.poc-theme-dark ::selection { background: #FF8800 !important; color:#fff !important } body.poc-theme-dark ::-moz-selection { background: #FF8800 !important; color:#fff !important } body.poc-theme-dark .cke_textarea_inline a { color: orangered !important; } body.poc-theme-contrast #page-wrapper { --uk-color-primary: #ffea00; --uk-color-muted: #CCC; --uk-color-background: #000000; --uk-color-text: #ffffff; --poc-icon-color: #ffea00; --color1: white; --color2: white; --color-contrast: #000; --textcolor1: white; --textcolor2: white; --textcolor3: white; --textcolor4: white; } body.poc-theme-bw #page-wrapper { --uk-color-primary: #000000; --uk-color-muted: #555555; --uk-color-background: #ffffff; --uk-color-text: #000000; --poc-icon-color: #000000; filter: grayscale(100%); } body.poc-theme-nopics img:not(.poc-logo), body.poc-theme-nopics picture:not(.poc-logo), body.poc-theme-nopics svg:not(.poc-logo), body.poc-theme-nopics .uk-background-cover, body.poc-theme-nopics .uk-background-image { display: none !important; } body.poc-theme-nopics [style*="background-image"] { background-image: none !important; } body[data-werbung="1"] .poc-theme-bw #infoframe-oben, body[data-werbung="1"] .poc-theme-bw #infoframe-rechts, body[data-werbung="1"] .poc-theme-nopics #infoframe-oben, body[data-werbung="1"] .poc-theme-nopics #infoframe-rechts { display: none !important; } body[data-werbung="1"] .poc-theme-bw, body[data-werbung="1"] .poc-theme-nopics { padding-right: 0 !important; padding-top: 0 !important; } body.poc-font-normal { font-size: 100%; } body.poc-font-large { font-size: 120%; } body.poc-font-xlarge { font-size: 150%; } body, p, li, input, textarea { } h1 { font-size: 2.3rem; } h2 { font-size: 1.9rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.2rem; } .poc-font-xlarge .poc-content { max-width: 60ch; } body.poc-font-readable p, body.poc-font-readable h1, body.poc-font-readable h2, body.poc-font-readable h3, body.poc-font-readable h4, body.poc-font-readable a:not([class*="fa"]), body.poc-font-readable span:not([class*="fa"]) { font-family: Arial, Helvetica, sans-serif !important; font-weight: bold !important; letter-spacing: 0.03em; line-height: 1.5; } body.poc-blaufilter #page-wrapper { filter: sepia(60%) hue-rotate(-20deg) brightness(90%) saturate(140%); } body.poc-blaufilter .uk-sticky-placeholder { display: none !important; height: 0 !important; } body.poc-high-contrast #page-wrapper { filter: contrast(1.5) saturate(1.2); } body.poc-colorblind #page-wrapper { filter: url('#deuteranopiaFilter'); } body.poc-colorblind img, body.poc-colorblind .uk-background-primary, body.poc-colorblind .uk-button { filter: hue-rotate(30deg) saturate(1.2); } body.poc-no-animations *, body.poc-no-animations *::before, body.poc-no-animations *::after { animation: none !important; transition: none !important; } body.poc-audio-off audio, body.poc-audio-off video { display: none !important; } body[class^="poc-theme-"]:not(.uk-card-primary, .uk-card-default, .uk-card-body) { color: var(--uk-color-text); } body[class^="poc-theme-"] .uk-card:not(.uk-card-primary, .uk-card-default, .uk-card-body), body[class^="poc-theme-"] .uk-panel, body[class^="poc-theme-"] .uk-section:not(.uk-section-primary) { background-color: var(--uk-color-background); color: var(--uk-color-text); } body[class^="poc-theme-"] .uk-text-muted { color: var(--uk-color-muted) !important; } body[class^="poc-theme-"] .uk-background-muted { color: var(--uk-color-muted) !important; } .uk-text-lead { } .uk-light { color: white !important; }