@charset "UTF-8";
/* bundling styles/a-reset.sass */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

pre { font-family: monospace; }

textarea { font-size: 100%; }

table { border-collapse: collapse; }

ul { list-style-type: disc; }

ul ul { list-style-type: square; }

ul ul ul { list-style-type: circle; }

ol { list-style-type: decimal; }

ol ol { list-style-type: lower-alpha; }

ol ol ol { list-style-type: lower-roman; }

ol, ul { padding-left: 1em; }

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* bundling styles/b-colors.sass */
/* bundling styles/basics.sass */
table.noborder { border-width: 0px; }

table.simpleborder { border: 1px solid; border-collapse: collapse; padding-left: 0.5em; }

table.simpleborder th, table.simpleborder td { border: 1px solid; }

.center { text-align: center; margin-left: auto; margin-right: auto; }

.la, th.la, td.la { text-align: left; }

.ra, th.ra, td.ra { text-align: right; }

table.center { margin-left: auto; margin-right: auto; }

/* bundling styles/bbb.sass */
dd { margin-left: 1em; margin-bottom: .5em; }

/* bundling site/themes/rk2011/rk_content_header.sass */
#mainmenu { display: none; background-color: #585858; width: 100%; border-top: 1px solid black; border-bottom: 1px solid black; margin: 0; padding-left: 0; }

#mainmenu .pathaddon { justify-self: left; }

#mainmenu.rk_mode2, #mainmenu.rk_mode3 { justify-content: flex-start; }

#mainmenu.rk_mode2 td:first-child, #mainmenu.rk_mode3 td:first-child { padding-left: 1em; }

#mainmenu .pathaddon { display: inline; }

#mainmenu .naviblock { display: flex; flex-wrap: wrap; border-bottom: none; border-top: none; justify-content: left; }

#mainmenu .naviblock1 > div { width: 16%; text-align: left; }

#mainmenu .naviblock1 > div.fivecols { width: 83%; }

#smallscreenmenu { display: flex; flex-wrap: wrap; justify-content: space-between; display: none; }

#smallscreenmenu:target { display: block; position: fixed; margin-left: 0; margin-top: 0; margin: 0; border: 1px solid green; z-index: 10; border-right: 2px solid #888; border-bottom: 2px solid #888; top: 0; left: 0; right: 0; bottom: 0; padding-left: 0; text-align: left; display: flex; align-items: stretch; }

#smallscreenmenu:target .catcher { position: absolute; content: " "; top: 0; left: 0; right: 0; bottom: 0; }

#smallscreenmenu:target .naviblock { z-index: 11; position: relative; max-width: 50vw; font-size: 125%; padding-left: 0.25em; padding-right: 0.25em; display: flex; flex-flow: column; justify-content: space-between; background-color: #181818; border-right: 2px solid #404040; }

#smallscreenmenu:target .naviblock div { display: block; width: max-content; margin: 0.5em 0; max-width: 50vw; }

#smallscreenmenu:target .naviblock .page-hilfe, #smallscreenmenu:target .naviblock .page-gbuch { display: none; }

@media (min-width: 1000px) { #rk_header #rk_header1 { margin: 7px 0 5px 9px; } #rk_header #rk_header1 #hamburger_menu { display: none; } #rk_header #rk_header2 { line-height: 180%; margin: 0 0 6px 9px; } #rk_header #rk_header2 #gordana_ralf_logo { font-size: 120%; padding-left: 3px; } #mainmenu { display: table; } #rk_header #hamburger_menu { display: none; } #rk_header #mainmenu.rk_mode0 td, #rk_header #mainmenu.rk_mode1 td { text-align: center; } body.img #rk_header #gordana_ralf_logo { font-size: 100%; display: none; } body.img #rk_header #rk_header1 { margin-top: 0; margin-bottom: 0; } body.img #rk_header #rk_header2 { line-height: 10%; margin-top: 0; margin-bottom: 2px; } body.img #rk_header #suchblock { position: relative; top: -10px; } body.img #rk_header #ds-imp-block { position: relative; top: -10px; text-align: right; } body.img #rk_header .crosssitelink { position: relative; top: -20px; } body.img .rk_mode2 td:first-child { width: 10em; } }

#sizesaway { display: none; }

#sizes span { display: none; margin: 2px auto; background-color: blue; font-size: xx-small; color: white; }

@media (min-width: 960px) { #sizes span:nth-child(1) { display: block; width: 960px; } }

@media (min-width: 980px) { #sizes span:nth-child(2) { display: block; width: 980px; } }

@media (min-width: 1000px) { #sizes span:nth-child(3) { display: block; width: 1000px; } }

@media (min-width: 1008px) { #sizes span:nth-child(4) { display: block; width: 1008px; } }

@media (min-width: 1016px) { #sizes span:nth-child(5) { display: block; width: 1016px; } }

@media (min-width: 1024px) { #sizes span:nth-child(6) { display: block; width: 1024px; } }

.lang-en #mainmenu.rk_mode1 tr:nth-child(2) { visibility: hidden; }

body.img .crosssitelink { display: none; }

#rel_info { font-size: smaller; text-align: right; padding-right: 1em; display: inline-block; float: right; }

.lang-en #mainmenu.rkmode1 tr:nth-child(2) { visibility: hidden; }

/* bundling site/themes/rk2011/rk_footer.sass */
#pagefooter { position: relative; }

#pagefooter > a { float: right; padding-right: 10px; opacity: 0.75; }

@media (max-width: 767px) { #pagefooter > a { float: none; text-align: center; width: 100%; display: block; } #pagefooter p { font-size: 90%; } }

#loginhack { left: 0; bottom: 0; height: 100%; width: 4vw; }

/* bundling site/themes/rk2011/page.sass */
html, body { height: 100%; }

#generic_main { background-color: #e4e4e4; }

#header { background-color: #b0b0b0; }

#page-container-outer { height: 100%; }

#page { min-height: 100%; display: flex; flex-flow: column; position: relative; }

#page #rk_header { flex-grow: 0; flex-shrink: 0; }

#page #content { flex-grow: 1; flex-shrink: 0; }

#page #pagefooter { flex-grow: 0; flex-shrink: 0; }

#content { padding-bottom: 2em; }

#generic_container { padding-bottom: 3em; }

#generic_footer { margin-bottom: -3em; }

html .thumbarea .thumbnail { background-repeat: no-repeat; width: 155px; height: 155px; padding: 0; border: 0; margin: 5px; float: left; display: table; text-align: center; }

html .thumbarea .thumbnail.thumbnailwithinfo { background-image: none; border: 1px solid #444; padding-top: 2px; }

html .thumbarea .thumbnail .thumbnailcontainer { display: table-cell; margin: 0; padding: 0; vertical-align: middle; text-align: center; }

html .thumbarea .thumbnail.thumbnailwithinfo .thumbnailcontainer { height: 135px; }

html .thumbarea .thumbnailotherinfo { height: 53px; /* 190-135 minus 2 padding */ overflow: hidden; }

html .thumbarea .thumbnail .thumbnailcontainer a { display: block; margin: 0 auto; max-height: 135px; padding: 0; }

html .thumbarea .thumbnail { background-color: #e6e6e6; }

html .thumbnail { position: static; }

html .thumbnail.inactive .inactivetext { position: static; }

html .thumbnail.inactive .inactivetext { margin: 0 20px; width: 110px; height: 10px; margin-top: -10px; font-size: 10px; background-color: #ccc; color: #222; border: 0; }

html #generic_info { margin: 0; }

#generic_debug { background-color: #eee; }

/* bundling site/themes/rk2011/index.sass */
div#index { margin: 0 auto; display: block; }

div#index .indexhead { box-sizing: border-box; height: auto; font-size: 130%; font-weight: bold; display: block; text-align: center; margin: 1.5em 0em 1em 0em; width: 200px; justify-self: flex-start; }

div#index .onesizecontainer { display: none; }

div#index .onesizecontainer .onesize { display: none; }

div#index .indexrow { display: flex; flex-wrap: wrap; justify-content: space-between; }

div#index .indexrow a, div#index .indexrow .rk_teaser { flex-shrink: 0; flex-grow: 0; }

div#index .indexrow.imagearchive { margin-top: 12px; justify-content: space-between; }

div#index .indexrow.newimages { margin-top: 12px; }

div#index .indexrow.indexthemes { text-align: right; justify-content: space-between; }

div#index .rk_xth_teaser { margin-left: 2px; margin-right: 2px; }

@media (min-width: 636px) and (max-width: 960px) { div#index .indexrow.imagearchive, div#index .indexrow.newimages, div#index .indexrow.indexthemes { justify-content: inherit; } div#index .indexrow.imagearchive.row1 { display: none; } div#index .indexrow a:nth-child(5) { display: none; } div#index .indexrow a:nth-child(6) { display: none; } div#index .indexrow.indexthemes .rk_xth_teaser:nth-child(4) { display: none; } }

@media (max-width: 767px) { div#index { text-align: justify; } div#index .indexhead { width: 100%; } div#index .indexrow { margin-top: 1em; display: block; width: 100%; } div#index .indexrow .indexhead { margin: 0; margin-bottom: 0.25em; } div#index .indexrow .indexhead a { left: 0; right: 0; top: 0; bottom: 0; } div#index .indexrow .indexhead a span { margin: 0; right: 11px; bottom: 17px; } div#index .indexrow.imagearchive .indexhead a, div#index .indexrow.indexthemes .indexhead a { text-align: center; } div#index .indexrow.imagearchive .indexhead a span, div#index .indexrow.indexthemes .indexhead a span { line-height: 100%; font-size: 100%; width: 100%; text-align: center; right: 0; bottom: calc(50% - ( 1em / 2 )); } div#index .indexrow.newimages .thumb { display: none; } div#index .indexrow .onesizecontainer { display: inline; } div#index .indexrow .onesizecontainer .onesize { display: inline; max-width: 100%; height: auto; } div#index .indexrow.imagearchive .thumb { display: none; } div#index .indexrow.indexthemes .rk_xth_teaser { display: none; } div#index .indexrow.indexthemes { text-align: center; } }

@media (max-width: 767px) and (orientation: landscape) { div#index .indexrow { margin: 1em auto 0 auto; } }

/* bundling site/themes/rk2011/rk_header.sass */
#rk_header { text-align: center; }

#rk_header1 { display: flex; justify-content: space-between; align-items: center; }

#rk_header1 #hamburger_menu { box-sizing: border-box; margin: 10px; width: 24px; height: 18px; display: flex; flex-flow: column; padding: 0px 5px; order: 2; flex-grow: 0; flex-shrink: 0; }

#rk_header1 #hamburger_menu span { display: inline-block; background-color: white; height: 2px; width: 100%; margin-top: 2px; margin-bottom: 2px; }

#rk_header1 #wunderbare_erde_logo { font-size: 250%; display: block; order: 2; color: #313131; font-style: italic; text-decoration: none; flex-shrink: 1; flex-grow: 0; text-align: center; text-shadow: 1px 1px 1px #ffcd7a, -1px 1px 1px #ffcd7a, -1px 1px 1px #ffcd7a, -1px -1px 1px #ffcd7a; }

#rk_header1 #wunderbare_erde_logo img { max-width: 100%; }

#rk_header1 #wunderbare_erde_logo img.en { filter: "brightness(2) saturate(1.5)"; }

@media (max-width: 555px) { #rk_header1 #wunderbare_erde_logo { font-size: 125%; } }

@media (max-width: 999px) { #rk_header1 #wunderbare_erde_logo { font-size: 175%; } }

#rk_header1 #specialfuncs { order: 3; }

#rk_header1 #specialfuncs #quickeditlink { padding: 4px; border: 1px dotted #888; }

#rk_header1 #suchblock { float: none; order: 5; flex-grow: 0; flex-shrink: 0; min-width: auto; margin: 10px; }

#rk_header1 #suchblock #suchblock_button { background-color: inherit; border: none; padding: 4px; }

#rk_header1 #suchblock #suchblock_button svg { margin-top: 1px; height: 17px; width: 17px; }

#rk_header1 #suchblock input#q { display: none; }

#rk_header2 { display: flex; justify-content: space-between; align-items: top; }

#rk_header2 #gordana_ralf_logo { text-decoration: none; order: 1; font-size: small; padding-left: 12px; flex-grow: 1; text-align: left; }

#rk_header2 #naturfotografie_logo { display: none; order: 2; }

#rk_header2 .crosssitelink { order: 6; flex-shrink: 1; flex-basis: auto; width: 30px; top: 0; right: 0; padding-right: 10px; padding-left: 10px; padding-top: 4px; }

#rk_header2 .crosssitelink img { max-height: 18px; }

@media (max-width: 639px) { #rk_header2 .crosssitelink { display: none; } }

#rk_header2 #ds-imp-block { order: 4; font-size: small; padding-right: 25px; }

@media (min-width: 1000px) { #rk_header1 { padding-top: 4px; padding-bottom: 1px; padding-left: 1px; } #rk_header1 #suchblock input#q { display: inline; } #rk_header2 { padding-left: 1px; padding-bottom: 2px; justify-content: flex-end; } }

a.uf_draggable_object { cursor: pointer; }

#suchlink { position: absolute; top: 2px; right: 2px; border-radius: 0; color: #DBD4C7; border: 0; text-decoration: underline; background-color: inherit; }

.deutsch { width: 32px; height: 6px; background: #f00; border-top: 6px solid #000; border-bottom: 6px solid #fc0; }

/* bundling site/themes/rk2011/rk2011.sass */
@ufmodal_background_color =rgba(0,0,0,0.75);
@background_color =rgb(49,49,49);
@color =rgb(219,212,199);
#theimage { max-width: 100%; height: auto; }

h1, h2 { box-sizing: border-box; height: auto; font-size: 130%; font-weight: bold; display: block; margin: 1.5em 1em 1em 1em; text-align: center; }

.rk_teaser { position: relative; border: 1px solid #888; display: inline-block; vertical-align: top; }

.rk_teaser a { display: block; width: 100%; height: 100%; text-align: center; }

.rk_teaser a h4 { opacity: 0.5; background-color: white; margin: 0.5em 0 0 0; color: black; position: absolute; top: 0px; left: 0px; right: 0px; }

.rk_xth_teaser { width: 396px; height: 260px; margin: 12px 10px; border: 0; display: inline-block; padding-top: 20px; text-align: center; }

@media (max-width: 390px) { html .rk_xth_teaser { margin: 0; width: auto; background-color: inherit; } html .rk_xth_teaser img { max-width: 100%; } }

.rk_xth_teaser_inner { vertical-align: middle; }

.rk_xth_teaser a { margin: 0; padding: 0; }

.rk_xth_teaser a img { border: 0; width: 360px; height: 240px; }

.thumbarea.nobackground .rk_rub_teaser { background-color: inherit; }

.rk_rub_teaser { width: 300px; height: 200px; border: 0; }

#imageblock { position: relative; }

#img_last_link2 { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; z-index: 1000; height: 100%; display: block; border: 1px solid black; }

#img_last_link2 div { color: black; height: 100%; width: 100%; display: none; text-align: left; border: 1px solid green; }

#img_last_link2:hover div { z-index: 10; display: block; position: relative; border: 1px solid red; }

#img_last_link2 span { position: absolute; top: 50%; left: 0; border: 1px solid #f88; }

#img_next_link2 { position: absolute; top: 0; right: 0; bottom: 0; width: 30%; height: 100%; z-index: 10; display: block; border: 0px solid black; }

#img_next_link2 div { color: black; width: 100%; height: 100%; display: none; }

#img_next_link2:hover div { z-index: 10; display: block; }

#img_nav_links { position: relative; height: 1em; }

#img_next_link { position: absolute; right: 12px; }

#img_last_link { position: absolute; left: 12px; }

#pagefooter { border-top: 2px solid #585858; }

#pagefooter table { width: 100%; table-layout: fixed; display: none; }

#pagefooter table td { text-align: center; }

#pagefooter p { line-height: 1.5em; text-align: center; }

#pagefooter p a { color: #ADB2BD; text-decoration: none; }

#pagefooter p a:hover { color: #ffebca; text-decoration: none; }

#pagefooter a, #content a { cursor: hand; cursor: pointer; }

#loginhack { position: absolute; right: 0; bottom: 0; height: 20px; width: 20px; }

html body { font-family: 'Verdana', sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html input, html button { font-family: 'Verdana', sans-serif; }

html { overflow-y: scroll; }

html #page { width: auto; margin: 0 auto; }

@media (min-width: 1100px) { html #page { width: 1000px; } }

html #generic_main { padding: 0; margin-top: 6px; margin-bottom: 1em; }

.rk_index_img { display: inline-block; width: 320px; border: 1px solid blue; height: 140px; position: relative; }

.rk_index_img .boxpreview { margin: 0; }

.rk_index_img_desc { display: inline-block; position: absolute; left: 145px; top: 40px; font-size: 85%; }

.rk_index_img_desc i { font-size: 85%; }

.boxpreview.img .boxpreviewcontainer { padding: 0; }

.rk_rub_teaser h4 { font-size: 90%; }

#contentheader { padding: 0px 0 2px; }

#contentheader table { width: 100%; table-layout: fixed; }

#contentheader table td { text-align: center; width: 16.66%; }

#contentheader table td.fivecols { text-align: left; width: 83%; }

#contentheader table td.underfivecols { text-align: left; }

#contentheader table td.threecols { text-align: left; width: 50%; }

.imgname i { font-weight: normal; }

body { background-color: #3e3e3e; line-height: 1.25em; }

html #page { background-color: #313131; }

html #generic_main { background-color: #313131; }

html .uf_thumbcontainer { background-color: #383838; }

.rk_teaser { background-color: #383838; }

.naviblock { background-color: #585858; border-top: 1px solid black; border-bottom: 1px solid black; }

.ufmodal_background .ufmodal_window { background-color: #383838; color: #fff; font-size: 14px; }

.ufmodal_background .ufmodal_window a { color: #eee; }

#page, a:link { color: #edd0a2; color: #dbd4c7; }

a:visited { color: #edd0a2; color: #dbd4c7; }

a:active, a:hover { color: #ffcd7a; color: #edd0a2; }

.odata.art td:first-child { padding-left: 12px; padding-right: 24px; font-size: 16px; line-height: 20px; }

.odata.img { font-size: 87.5%; }

.odata.img th { width: 12em; }

.odata.img .imageblock td { padding-left: 0px; padding-right: 0px; }

.odata.img th { padding-left: 40px; }

.odata.img td { padding-right: 24px; }

.metadata { padding-top: 12px; }

#quickmessages_note { right: 250px; position: absolute; }

.objectpath { display: inline-block; }

.uf_thumbcontainer { width: 196px; height: 196px; }

.uf_thumbcontainer a.thumb { width: 196px; height: 196px; }

.snippet.img { width: 200px; height: 200px; margin: 0; min-height: inherit; border: 0px solid transparent; background-color: transparent; }

.searchdescriptionmain:after { content: "'"; }

.searchdescriptionmain:before { content: "'"; }

.pager_pagingarea { margin-top: 0.5em; font-size: 90%; }

.pager_optionarea { text-align: center; margin-right: 12px; }

.rk_infotext { margin: 2em 3em 1em; border: 1px solid #888; padding: 3px 3px 3px 6px; font-size: 100%; }

.pager_optionarea, .search_noresult { margin-left: 12px; font-size: 90%; }

#key_other_click { color: #ADB2BD; text-decoration: underline; }

#key_other_click:hover { color: #ffebca; text-decoration: underline; }

#key_other_area h3 { font-size: 100%; margin-bottom: 0.5em; }

#key_other_area { border: 1px solid #888; font-size: 100%; margin: 1em 3em; }

.lb-not-so-colored, .lb-not-so-colored a:link, .lb-not-so-colored a:hover, .lb-not-so-colored a:visited, .lb-not-so-colored a:active, a.lb-not-so-colored:link, a.lb-not-so-colored:hover, a.lb-not-so-colored:visited, a.lb-not-so-colored:active { color: #edd0a2; }

.navcurrent { color: #ffcd7a; }

.navcurrent a:link, .navcurrent a:hover, .navcurrent a:visited, .navcurrent a:active, a.navcurrent:link, a.navcurrent:hover, a.navcurrent:visited, a.navcurrent:active { color: #ffcd7a; }

.bold { font-weight: bold; color: #ffcd7a; }

a.bold:link, a.bold:hover, a.bold:visited, a.bold:active { font-weight: bold; color: #ffcd7a; }

#lightbox-table { width: 90%; tabled-layout: fixed; }

#lightbox-table .lb-col1 { width: 196px; }

#lightbox-table .lb-col3 { text-align: right; width: 8em; }

html form.nightform#imgcomment .formline label { display: block; float: none; width: 100%; text-align: left; }

html form.nightform#imgcomment .formline .formlinecontent { display: block; margin-left: 0; float: none; }

#imgcomment input { border-radius: 0px; }

form.nightform .submitline { text-align: right; margin-top: 1em; background-color: transparent; border-top-width: 0px; }

form.nightform { width: 100%; }

form.nightform .formline:nth-child(even) { background-color: inherit; }

form.nightform .row1, form.nightform .row2 { background-color: inherit; }

form.nightform .formline label:after { content: " "; display: inline-block; width: 1em; }

form.nightform .formline.required label:after { content: " *"; width: 1em; }

html form.nightform .formwrapper { border: none; }

html form.nightform input, html form.nightform textarea { border-radius: 0px; }

html form.nightform .infoline { display: none; }

form .formline { padding-top: 3px; padding-bottom: 3px; }

form .formline input { font-size: 100%; }

form .error { color: red; background-color: black; }

.rk-text { padding-left: 12px; padding-right: 24px; }

.form-submitarea { text-align: right; margin-top: 1em; }

.subtitle { font-weight: normal; text-align: center; margin-top: -1em; margin-bottom: 2em; }

.rk_news_entry { overflow: auto; margin-bottom: 2em; }

.rk_news_entry .rk_news_entry_date { float: left; width: 12em; }

.rk_news_entry .rk_news_entry_content { margin-left: 12em; }

@media (max-width: 768px) { .rk_news_entry .rk_news_entry_date { float: none; width: 100%; margin-bottom: 1em; font-weight: bold; } .rk_news_entry .rk_news_entry_content { margin-left: 1em; } }

body.art .odata-main { padding: 0 0.5em; }

.search-output .info { border: 1px solid #888; font-size: 100%; margin: 1em 3em; padding: 3px 3px 3px 6px; }

.img.boxpreview .uf_imagecontainer { *padding-top: 10px; }

.bbcodeoutput { max-width: 60em; }

body.art #content .bbcodeoutput { max-width: 100%; }

html .thumb_box { -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; border-radius: inherit; }

html form .button { border-radius: 0; padding: 0; }

#suchblock_button .button { margin-top: 2px; }

html .thumb_box.size184 { padding: 6px; margin: 2px; background-color: #383838; width: 196px !important; height: 196px !important; border-radius: 0; }

#suchlink { position: absolute; top: 2px; right: 0px; border-radius: 0; padding: 4px; width: 150px; text-align: center; }

form.simple17 .formwrapper label { padding-top: 4px; }

body.img form#edit { max-width: inherit; }

@media (max-width: 999px) { body.art table.odata.art tbody tr td.odata-main { padding-left: 4px; padding-right: 4px; } body.art img { max-width: calc(100% - 2em); } }

@media (max-width: 768px) { #contentheader table tr { display: inline; } #contentheader table td { width: auto; display: inline-block; padding: 2px 8px; } #contentheader table .page-zufall { display: none; } #contentheader table .uf_oid4346 { display: none; } #contentheader table .uf_oid4622 { display: none; } table#page_gbuch { display: block; } table#page_gbuch tr { display: inline; } table#page_gbuch td { display: block; width: 100%; } table#page_gbuch td#links { width: auto; } table#page_gbuch td#links h2 { width: 100%; } table#page_gbuch td#links ul { width: 100%; } table#page_gbuch #iframewrapper { display: none; } body.img .odata.img th { padding-left: 4px; } }

.thumb.framed_thumb.thumb2021-184 { padding: 6px; height: 196px; width: 196px; border-radius: 0px; background-color: #383838; margin: 2px; }

body.art .field-attachments { display: none; }

.img_image { height: auto; }

/* bundling modules/search/search.sass */
.searchsnippet { width: 45%; margin: 1%; max-width: 27em; min-height: 15em; display: inline-block; }

.searchsnippet_wide { width: 90%; max-width: inherit; min-height: 1em; }

#suchblock_x { text-align: left; }

#suchblock_x label { display: block; width: 10em; float: left; }

#suchblock_x .sep { margin-top: 1em; }

#search_output { text-align: center; }

#search_feedback ul { list-style-type: none; }

/* bundling modules/sharing/sharing.sass */
.sharing-button { background-color: #222222; color: #eeeeee; border-color: #444444; }

.sharing-button:disabled { color: #888; }

.sharing-button svg { height: 1em; width: 1em; stroke: white; position: relative; top: 2px; }

#sharing-popover main, #sharing-copy-popover main { display: grid; grid-template-columns: var(--iconcolsize) 1fr; }

#sharing-popover main a, #sharing-copy-popover main a { display: contents; }

.sharing-popover { --border-color: #444444; --background-color: #eeeeee; --foreground-color: #222222; --link-color: #000000; --link-color-hover: #2244cc; --stroke-color: #111111; --mainsize: 22px; --iconcolsize: 50px; box-shadow: #fff 1px 1px 5px 2px; border: 1px solid var(--border-color); background-color: var(--background-color); color: var(--foreground-color); }

.sharing-popover a { color: var(--link-color); }

.sharing-popover a:link { color: var(--link-color); }

.sharing-popover a:visited { color: var(--link-color); }

.sharing-popover a:hover { color: var(--link-color-hover); }

.sharing-popover a:active { color: var(--link-color); }

.sharing-popover table { border: 2px solid var(--border-color); border-collapse: collapse; }

.sharing-popover table th, .sharing-popover table td { border: 1px solid var(--border-color); }

.sharing-popover table td { font-face: "fixed"; text-align: right; }

.sharing-popover footer { border-top: 1px solid var(--border-color); font-size: smaller; max-width: 18em; }

.sharing-popover footer h2 { text-align: center; font-size: 1.0em; }

.sharing-popover header { border-bottom: 1px solid var(--border-color); }

.sharing-popover header h1 { text-align: center; font-size: 1.4em; }

.sharing-popover main { font-size: var(--mainsize); }

.sharing-popover main .icon { grid-column: 1; width: 100%; text-align: center; }

.sharing-popover main .icon.texticon { height: var(--mainsize); -webkit-text-stroke-width: 1.0px; -webkit-text-stroke-color: var(--stroke-color); color: transparent; justify-self: center; }

.sharing-popover main .icon.texticon:is(.copylink) { letter-spacing: -5px; }

.sharing-popover main .icon.texticon svg { height: var(--mainsize); width: var(--mainsize); color: var(--foreground-color); fill: var(--foreground-color); }

.sharing-popover main .icon.texticon .pinteresticon { color: #e60023; fill: #e60023; }

.sharing-popover main .icon.texticon .pocketicon { color: #ef4056; }

.sharing-popover main .name { grid-column: 2; padding-right: 3px; }

/* bundling modules/plus/plus.sass */
#plus .ufmodal_window h1 { margin: 0px auto 5px; padding: 0; font-size: 40px; line-height: 30px; font-family: Arial; }

#plus .plus_typesel { display: inline-block; border: 1px solid #888; font-size: larger; padding: 3px; margin: 0px 2px 2px 2px; text-decoration: underline; cursor: pointer; }

#plus .plus_add_content_parents_title { display: none; }

#plus .plus_parentsel { display: inline-block; border: 1px solid #888; font-size: normal; padding: 3px; margin: 0px 2px 2px 2px; text-decoration: underline; cursor: pointer; }

.plus_button { text-decoration: none; font-weight: bold; cursor: pointer; }

/* bundling modules/uisortable/uisortable.sass */
#ui_sortable_container { width: auto; max-width: 100%; }

#ui_sortable_container li { display: block; height: auto; overflow: hidden; vertical-align: top; border: 1px solid black; padding: 5px; }

#ui_sortable_container.imagesonly li { display: inline-block; }

/* bundling modules/follow/follow.sass */
.followmain .pager_pagingarea { margin-left: 0; max-width: 1024px; }

.followmain .pager > table { display: block !important; }

.followmain .pager > table tr { display: block; clear: both; }

.followmain .pager > table tr.nextdiscussion { margin-top: 2em; }

.followmain .refinfo { text-align: center; width: 100% !important; display: block; margin-bottom: 0.5em; }

.followmain .theitemcheckbox { display: block; width: 2em; float: left; }

.followmain .thesnippet { display: block; margin-left: 2.1em; }

.followmain .thesnippet .snippet_image { display: none; }

.followmain .thesnippet article { margin-top: 0; }

@media (max-width: 719px) { .followmain .follow-ignoremarked, .followmain .follow-ignoreinfo { display: none; } .followmain .refinfo br { display: none; } .followmain .theitemcheckbox { display: none; } .followmain .thesnippet { margin-left: 0; } .followmain .thesnippet article { margin-left: 0; margin-right: 0; } .followmain input[type='checkbox'] { display: none; } }

/* bundling modules/management/management.sass */
#management_sitename { display: inline-block; padding-right: 1em; }

.mm-extra { display: inline-block; padding-right: 1em; text-decoration: underline; cursor: pointer; }

.mm-entry { display: inline-block; position: relative; }

.mm-entry.grouped { padding-left: 1.5em; }

.mm-entry1 { padding-right: 1em; }

.mm-entry2 { width: 100%; }

.menugrouping { display: inline-block; width: 100%; border-top: 1px dotted #888; }

.menugrouping:first-child { border-top: 0; }

.menu { border: 1px solid #888; padding: 2px; z-index: 1; }

.menu .menu { max-width: 40em; margin: 0 0.4em; max-width: 13em; column-width: 12em; column-gap: 5px; column-rule: 1px dotted #888; z-index: 2; }

.menu .menublock { width: 12em; display: inline-block; vertical-align: top; border-right: 1px solid #888; }

.menu .menublock:last-child { border-right: 0; }

.mm-entry2:hover { background-color: #fff; }

.mm-entry.red:hover { background-color: #f88; }

#management_header { position: fixed; top: 0; left: 0; right: 0; z-index: 1; }

#management_header:hover .menu { background-color: #ffc; }

#management_header, #management_header .menu { background-color: white; color: black; }

#management_header a:link, #management_header a:visited, #management_header a:hover, #management_header a:active { color: black; }

#management_menu { position: relative; }

#management_content { position: relative; width: 100%; height: 500px; }

/* bundling modules/metadb/metadb.sass */
#metadb_extend_list_versiontable tr.updated td { color: green; }

#metadb_extend_list_versiontable tr.backdated td { color: red; }

.metadb_fields_list_table .handle { width: 1em; background-color: #888; cursor: crosshair; }

/* bundling modules/object/object_linkage_scroll.sass */
.common_object_linkage .ols-area { height: 100%; min-height: 90px; position: relative; padding-left: 25px; }

.common_object_linkage .ols-area .ols-more { width: 25px; height: 25px; }

.common_object_linkage .ols-area .ols-more-after { position: absolute; bottom: 9px; left: 0px; }

.common_object_linkage .ols-area .ols-more-before { position: absolute; left: 0px; top: 9px; }

/* bundling modules/object/object.sass */
#object_multi_edit_container fieldset.formlevel1 .row1 { background-color: transparent; }

#object_multi_edit_container fieldset.formlevel1 .row2 { background-color: transparent; }

#object_multi_edit_container #object_multi_edit fieldset.formlevel1 { position: relative; }

#object_multi_edit_container .over-hide-line label { display: none; }

.metadata .onemetadata.metadatafeature { float: right; }

.metadata .onemetadata.metadatafeature .onemetadatahead { display: none; }

.object_show_versions td, .object_show_versions th { padding: 2px; }

#object_assignment_page #oass { margin: 1em auto; }

#object_assignment_page #oass td { padding: 2px; }

#object_assignment_page #oass th { padding: 2px; font-weight: bold; background-color: #222; }

#object_assignment_page .green { color: green; }

#object_assignment_page .filter.active { color: green; }

#object_assignment_page .filterselect { font-size: smaller; max-width: 8em; }

#object_assignment_page .ass_do { cursor: pointer; }

#object_link_select .remove span.label:before { content: "-"; width: 1em; height: 1em; margin-right: 0.5em; display: block; background-color: red; }

#object_link_select .add span.label:before { content: "+"; width: 1em; height: 1em; margin-right: 0.5em; display: block; background-color: green; }

#object_link_select .linkselectinfo span.label:before { content: "!"; width: 1em; height: 1em; margin-right: 0.5em; display: block; background-color: #000; color: white; border: 1px solid orange; }

.object_multiple_select { margin-left: 1em; }

.object_multiple_select .omsel_label { font-weight: bold; clear: both; }

.object_multiple_select .omsel_inline { display: inline-block; width: 12em; height: 1.2em; line-height: 1.2em; overflow: hidden; float: left; }

.object_multiple_select .omsel_inline span { border-bottom: 1px dotted #888; }

.object_multiple_select .omsel_fix, .object_multiple_select .omsel_new { margin: 0.25em 0 0.25em 1em; }

.object_multiple_select .object_multiple_select .omsel_fix input[type=radio], .object_multiple_select .object_multiple_select .omsel_new input[type=radio], .object_multiple_select .object_multiple_select .omsel_fix input[type=checkbox], .object_multiple_select .object_multiple_select .omsel_new input[type=checkbox] { margin-right: 0.5em; }

/* bundling modules/itk/itk.sass */
/* common things for all forms */
.itk_ele, .itk_abutton, .itk_button { color: #fff; text-decoration: underline; background-color: #333333; }

.itk_ele:link, .itk_abutton:link, .itk_button:link { color: #fff; }

.itk_ele:visited, .itk_abutton:visited, .itk_button:visited { color: #fff; }

.itk_ele:hover, .itk_abutton:hover, .itk_button:hover { color: #fff; }

.itk_ele:active, .itk_abutton:active, .itk_button:active { color: #fff; }

.itk_button { border-radius: 5px; padding: 2px; font-size: 85%; margin-right: 10px; min-width: 60px; border: 2px inset #888; }

.itk_button.primary, .itk_button.submit { padding: 4px; min-width: 100px; margin-right: 20px; }

.itk_button.neutral { color: #fff; background-color: black; background-color: if false, white, #d9d9d9; border-color: if false, white, #b3b3b3; }

.itk_button.secondary { border: none; text-decoration: underline; background-color: transparent; color: if false, white, #bfbfbf; }

.itk_button.submit { background-color: #4d4; color: #fff; border: 2px outset #22ff22; }

.itk_button.maylooseinput { background-color: #f00; color: #fff; border: none; }

.itk_badge { border-radius: 9px/50%; background-color: #dd0; padding: 1px 4px; }

.itk_abutton { border-radius: 9px/50%; border: 1px solid #888; padding: 2px 4px; margin: 1px; }

.itk_abutton.primary, .itk_abutton.itk_button.submit { border: 2px solid #888; padding: 1px 3px; }

/* bundling modules/viewlet/viewlet.sass */
#vps-container { overflow: hidden; margin: 0 auto; }

.vps-area-container { float: left; width: 45%; margin: 1em 2%; border: 1px solid black; }

.vps-area { overflow: auto; min-height: 500px; background-color: white; }

.vps-area li { background-color: #eee; list-style-type: none; padding: 0.5em; margin: 0.25em 0.5em; border: 1px solid #ccc; }

ul.vps-area { padding-left: 0; }

body.pagetype-viewlet_page #interval_select.warn0 { background-color: red; }

.viewlet-select-container label { display: block; border-bottom: 1px dotted #888; }

.viewlet-select-container label span { display: block; padding-left: 2em; }

.viewlet-config-container label { display: block; border-bottom: 1px dotted #888; }

.viewlet-config-container label span { display: block; padding-left: 2em; }

#viewlet-main { display: table; flex-flow: row wrap; font-size: 85%; border-spacing: 0.66em; border-collapse: separate; }

#viewlet-main .viewletcol { min-width: 90px; background-color: #222; }

#viewlet-main[data-columns='2'] .viewletcol { max-width: 67vw; min-width: 33vw; }

#viewlet-main[data-columns='3'] .viewletcol { max-width: 50vw; min-width: 25vw; }

#viewlet-main[data-columns='4'] .viewletcol { max-width: 33vw; min-width: 20vw; }

#viewlet-main[data-columns='5'] .viewletcol { max-width: 25vw; min-width: 15vw; }

#viewlet-main[data-columns='6'] .viewletcol { max-width: 20vw; min-width: 10vw; }

#viewlet-main[data-columns='7'] .viewletcol { max-width: 17vw; min-width: 9vw; }

#viewlet-main[data-columns='8'] .viewletcol { max-width: 15vw; min-width: 8vw; }

#viewlet-main > tbody, #viewlet-main > tbody tr { width: 95%; max-width: 95vw; }

#viewlet-main.equalcolumnsize .viewletcol { max-width: inherit; min-width: inherit; }

#viewlet-main.equalcolumnsize[data-columns='2'] .viewletcol { width: 49.5%; }

#viewlet-main.equalcolumnsize[data-columns='3'] .viewletcol { width: 33.0%; }

#viewlet-main.equalcolumnsize[data-columns='4'] .viewletcol { width: 24.5%; }

#viewlet-main.equalcolumnsize[data-columns='5'] .viewletcol { width: 19.75%; }

#viewlet-main.equalcolumnsize[data-columns='6'] .viewletcol { width: 16.5%; }

#viewlet-main.equalcolumnsize[data-columns='7'] .viewletcol { width: 14.0%; }

#viewlet-main.equalcolumnsize[data-columns='8'] .viewletcol { width: 12.25%; }

#viewlet-main .warning { background-color: #800; color: #fff; }

.viewlet-container { display: block; background-color: #262626; border: 2px solid #262626; color: white; margin-bottom: 3px; }

.viewlet-container.hiddenviewlet { display: none; }

.viewlet-container:not(.autoupdate) .viewlet-title::before { content: "static"; color: red; }

.viewlet-container .viewlet-head { border-bottom: 1px solid #262626; line-height: 1.5; position: relative; background-color: #4d4d4d; }

.viewlet-container .viewlet-title { padding-left: 1.75em; padding-right: 1.75em; vertical-align: top; color: #ffe; font-size: 115%; }

.viewlet-container .viewlet-title a { color: #ffe; }

.viewlet-container .viewlet-handle { top: 0; left: 0; bottom: 0; position: absolute; width: 1.55em; background-color: #666; display: inline-block; }

.viewlet-container .viewlet-config { top: 0; right: 0; bottom: 0; position: absolute; width: 1.55em; text-align: center; color: black; background-color: #666; display: inline-block; }

.viewlet-container .viewlet-content > table { width: 100%; background-color: #262626; }

.viewlet-container .viewlet-content > table tr { background-color: #262626; }

.viewlet-container .viewlet-content { word-break: break-all; /* $fb_color_admin: #88f; $fb_color_mod: #afb; $fb_color_watchflag: #f44; */ }

.viewlet-container .viewlet-content tr.current { background-color: #550; }

.viewlet-container .viewlet-content tr.new { background-color: #600; }

.viewlet-container .viewlet-content td { padding-left: 2px; border: 1px dotted #433; }

.viewlet-container .viewlet-content td:first-child { padding-left: 2px; }

.viewlet-container .viewlet-content td.isodatetime { font-size: 90%; }

.viewlet-container .viewlet-content td.viewlet-guess-num { text-align: right; }

.viewlet-container .viewlet-content .highlight { color: red; }

.viewlet-container .viewlet-content a.watchflag { color: #f44; }

.viewlet-container .viewlet-content a.admin { color: #f4f; }

.viewlet-container .viewlet-content a.moderator { color: #afb; }

.viewlet-container[data-conf_lines='1'] .viewlet-tbody tr:nth-child(1n + 2) { display: none !important; }

.viewlet-container[data-conf_lines='2'] .viewlet-tbody tr:nth-child(1n + 3) { display: none !important; }

.viewlet-container[data-conf_lines='3'] .viewlet-tbody tr:nth-child(1n + 4) { display: none !important; }

.viewlet-container[data-conf_lines='4'] .viewlet-tbody tr:nth-child(1n + 5) { display: none !important; }

.viewlet-container[data-conf_lines='5'] .viewlet-tbody tr:nth-child(1n + 6) { display: none !important; }

.viewlet-container[data-conf_lines='6'] .viewlet-tbody tr:nth-child(1n + 7) { display: none !important; }

.viewlet-container[data-conf_lines='7'] .viewlet-tbody tr:nth-child(1n + 8) { display: none !important; }

.viewlet-container[data-conf_lines='8'] .viewlet-tbody tr:nth-child(1n + 9) { display: none !important; }

.viewlet-container[data-conf_lines='9'] .viewlet-tbody tr:nth-child(1n + 10) { display: none !important; }

.viewlet-container[data-conf_lines='10'] .viewlet-tbody tr:nth-child(1n + 11) { display: none !important; }

.viewlet-container[data-conf_lines='11'] .viewlet-tbody tr:nth-child(1n + 12) { display: none !important; }

.viewlet-container[data-conf_lines='12'] .viewlet-tbody tr:nth-child(1n + 13) { display: none !important; }

.viewlet-container[data-conf_lines='13'] .viewlet-tbody tr:nth-child(1n + 14) { display: none !important; }

.viewlet-container[data-conf_lines='14'] .viewlet-tbody tr:nth-child(1n + 15) { display: none !important; }

.viewlet-container[data-conf_lines='15'] .viewlet-tbody tr:nth-child(1n + 16) { display: none !important; }

.viewlet-container[data-conf_lines='16'] .viewlet-tbody tr:nth-child(1n + 17) { display: none !important; }

.viewlet-container[data-conf_lines='17'] .viewlet-tbody tr:nth-child(1n + 18) { display: none !important; }

.viewlet-container[data-conf_lines='18'] .viewlet-tbody tr:nth-child(1n + 19) { display: none !important; }

.viewlet-container[data-conf_lines='19'] .viewlet-tbody tr:nth-child(1n + 20) { display: none !important; }

.viewlet-container[data-conf_lines='20'] .viewlet-tbody tr:nth-child(1n + 21) { display: none !important; }

.viewlet-container[data-conf_lines='21'] .viewlet-tbody tr:nth-child(1n + 22) { display: none !important; }

.viewlet-container[data-conf_lines='22'] .viewlet-tbody tr:nth-child(1n + 23) { display: none !important; }

.viewlet-container[data-conf_lines='23'] .viewlet-tbody tr:nth-child(1n + 24) { display: none !important; }

.viewlet-container[data-conf_lines='24'] .viewlet-tbody tr:nth-child(1n + 25) { display: none !important; }

.viewlet-container[data-conf_lines='25'] .viewlet-tbody tr:nth-child(1n + 26) { display: none !important; }

.viewlet-container[data-conf_lines='26'] .viewlet-tbody tr:nth-child(1n + 27) { display: none !important; }

.viewlet-container[data-conf_lines='27'] .viewlet-tbody tr:nth-child(1n + 28) { display: none !important; }

.viewlet-container[data-conf_lines='28'] .viewlet-tbody tr:nth-child(1n + 29) { display: none !important; }

.viewlet-container[data-conf_lines='29'] .viewlet-tbody tr:nth-child(1n + 30) { display: none !important; }

.viewlet-container[data-conf_lines='30'] .viewlet-tbody tr:nth-child(1n + 31) { display: none !important; }

.viewlet-container[data-conf_lines='31'] .viewlet-tbody tr:nth-child(1n + 32) { display: none !important; }

.viewlet-container[data-conf_lines='32'] .viewlet-tbody tr:nth-child(1n + 33) { display: none !important; }

.viewlet-container[data-conf_lines='33'] .viewlet-tbody tr:nth-child(1n + 34) { display: none !important; }

.viewlet-container[data-conf_lines='34'] .viewlet-tbody tr:nth-child(1n + 35) { display: none !important; }

.viewlet-container[data-conf_lines='35'] .viewlet-tbody tr:nth-child(1n + 36) { display: none !important; }

.viewlet-container[data-conf_lines='36'] .viewlet-tbody tr:nth-child(1n + 37) { display: none !important; }

.viewlet-container[data-conf_lines='37'] .viewlet-tbody tr:nth-child(1n + 38) { display: none !important; }

.viewlet-container[data-conf_lines='38'] .viewlet-tbody tr:nth-child(1n + 39) { display: none !important; }

.viewlet-container[data-conf_lines='39'] .viewlet-tbody tr:nth-child(1n + 40) { display: none !important; }

.viewlet-container[data-conf_lines='40'] .viewlet-tbody tr:nth-child(1n + 41) { display: none !important; }

.viewlet-container[data-conf_lines='41'] .viewlet-tbody tr:nth-child(1n + 42) { display: none !important; }

.viewlet-container[data-conf_lines='42'] .viewlet-tbody tr:nth-child(1n + 43) { display: none !important; }

.viewlet-container[data-conf_lines='43'] .viewlet-tbody tr:nth-child(1n + 44) { display: none !important; }

.viewlet-container[data-conf_lines='44'] .viewlet-tbody tr:nth-child(1n + 45) { display: none !important; }

.viewlet-container[data-conf_lines='45'] .viewlet-tbody tr:nth-child(1n + 46) { display: none !important; }

.viewlet-container[data-conf_lines='46'] .viewlet-tbody tr:nth-child(1n + 47) { display: none !important; }

.viewlet-container[data-conf_lines='47'] .viewlet-tbody tr:nth-child(1n + 48) { display: none !important; }

.viewlet-container[data-conf_lines='48'] .viewlet-tbody tr:nth-child(1n + 49) { display: none !important; }

.viewlet-container[data-conf_lines='49'] .viewlet-tbody tr:nth-child(1n + 50) { display: none !important; }

.viewlet-container[data-conf_lines='50'] .viewlet-tbody tr:nth-child(1n + 51) { display: none !important; }

.viewlet-container[data-conf_lines='51'] .viewlet-tbody tr:nth-child(1n + 52) { display: none !important; }

.viewlet-container[data-conf_lines='52'] .viewlet-tbody tr:nth-child(1n + 53) { display: none !important; }

.viewlet-container[data-conf_lines='53'] .viewlet-tbody tr:nth-child(1n + 54) { display: none !important; }

.viewlet-container[data-conf_lines='54'] .viewlet-tbody tr:nth-child(1n + 55) { display: none !important; }

.viewlet-container[data-conf_lines='55'] .viewlet-tbody tr:nth-child(1n + 56) { display: none !important; }

.viewlet-container[data-conf_lines='56'] .viewlet-tbody tr:nth-child(1n + 57) { display: none !important; }

.viewlet-container[data-conf_lines='57'] .viewlet-tbody tr:nth-child(1n + 58) { display: none !important; }

.viewlet-container[data-conf_lines='58'] .viewlet-tbody tr:nth-child(1n + 59) { display: none !important; }

.viewlet-container[data-conf_lines='59'] .viewlet-tbody tr:nth-child(1n + 60) { display: none !important; }

.viewlet-container[data-conf_lines='60'] .viewlet-tbody tr:nth-child(1n + 61) { display: none !important; }

.viewlet-container[data-conf_lines='61'] .viewlet-tbody tr:nth-child(1n + 62) { display: none !important; }

.viewlet-container[data-conf_lines='62'] .viewlet-tbody tr:nth-child(1n + 63) { display: none !important; }

.viewlet-container[data-conf_lines='63'] .viewlet-tbody tr:nth-child(1n + 64) { display: none !important; }

.viewlet-container[data-conf_lines='64'] .viewlet-tbody tr:nth-child(1n + 65) { display: none !important; }

.viewlet-container[data-conf_lines='65'] .viewlet-tbody tr:nth-child(1n + 66) { display: none !important; }

.viewlet-container[data-conf_lines='66'] .viewlet-tbody tr:nth-child(1n + 67) { display: none !important; }

.viewlet-container[data-conf_lines='67'] .viewlet-tbody tr:nth-child(1n + 68) { display: none !important; }

.viewlet-container[data-conf_lines='68'] .viewlet-tbody tr:nth-child(1n + 69) { display: none !important; }

.viewlet-container[data-conf_lines='69'] .viewlet-tbody tr:nth-child(1n + 70) { display: none !important; }

.viewlet-container[data-conf_lines='70'] .viewlet-tbody tr:nth-child(1n + 71) { display: none !important; }

.viewlet-container[data-conf_lines='71'] .viewlet-tbody tr:nth-child(1n + 72) { display: none !important; }

.viewlet-container[data-conf_lines='72'] .viewlet-tbody tr:nth-child(1n + 73) { display: none !important; }

.viewlet-container[data-conf_lines='73'] .viewlet-tbody tr:nth-child(1n + 74) { display: none !important; }

.viewlet-container[data-conf_lines='74'] .viewlet-tbody tr:nth-child(1n + 75) { display: none !important; }

.viewlet-container[data-conf_lines='75'] .viewlet-tbody tr:nth-child(1n + 76) { display: none !important; }

.viewlet-container[data-conf_lines='76'] .viewlet-tbody tr:nth-child(1n + 77) { display: none !important; }

.viewlet-container[data-conf_lines='77'] .viewlet-tbody tr:nth-child(1n + 78) { display: none !important; }

.viewlet-container[data-conf_lines='78'] .viewlet-tbody tr:nth-child(1n + 79) { display: none !important; }

.viewlet-container[data-conf_lines='79'] .viewlet-tbody tr:nth-child(1n + 80) { display: none !important; }

.viewlet-container[data-conf_lines='80'] .viewlet-tbody tr:nth-child(1n + 81) { display: none !important; }

.viewlet-container[data-conf_lines='81'] .viewlet-tbody tr:nth-child(1n + 82) { display: none !important; }

.viewlet-container[data-conf_lines='82'] .viewlet-tbody tr:nth-child(1n + 83) { display: none !important; }

.viewlet-container[data-conf_lines='83'] .viewlet-tbody tr:nth-child(1n + 84) { display: none !important; }

.viewlet-container[data-conf_lines='84'] .viewlet-tbody tr:nth-child(1n + 85) { display: none !important; }

.viewlet-container[data-conf_lines='85'] .viewlet-tbody tr:nth-child(1n + 86) { display: none !important; }

.viewlet-container[data-conf_lines='86'] .viewlet-tbody tr:nth-child(1n + 87) { display: none !important; }

.viewlet-container[data-conf_lines='87'] .viewlet-tbody tr:nth-child(1n + 88) { display: none !important; }

.viewlet-container[data-conf_lines='88'] .viewlet-tbody tr:nth-child(1n + 89) { display: none !important; }

.viewlet-container[data-conf_lines='89'] .viewlet-tbody tr:nth-child(1n + 90) { display: none !important; }

.viewlet-container[data-conf_lines='90'] .viewlet-tbody tr:nth-child(1n + 91) { display: none !important; }

.viewlet-container[data-conf_lines='91'] .viewlet-tbody tr:nth-child(1n + 92) { display: none !important; }

.viewlet-container[data-conf_lines='92'] .viewlet-tbody tr:nth-child(1n + 93) { display: none !important; }

.viewlet-container[data-conf_lines='93'] .viewlet-tbody tr:nth-child(1n + 94) { display: none !important; }

.viewlet-container[data-conf_lines='94'] .viewlet-tbody tr:nth-child(1n + 95) { display: none !important; }

.viewlet-container[data-conf_lines='95'] .viewlet-tbody tr:nth-child(1n + 96) { display: none !important; }

.viewlet-container[data-conf_lines='96'] .viewlet-tbody tr:nth-child(1n + 97) { display: none !important; }

.viewlet-container[data-conf_lines='97'] .viewlet-tbody tr:nth-child(1n + 98) { display: none !important; }

.viewlet-container[data-conf_lines='98'] .viewlet-tbody tr:nth-child(1n + 99) { display: none !important; }

.viewlet-container[data-conf_lines='99'] .viewlet-tbody tr:nth-child(1n + 100) { display: none !important; }

.viewlet-container[data-conf_spalten='2'] .viewlet-content { columns: 2; column-rule: 2px solid black; }

.viewlet-container[data-conf_spalten='3'] .viewlet-content { columns: 3; column-rule: 2px solid black; }

.viewlet-container[data-conf_fontsize='xx-small'] .viewlet-content { font-size: xx-small; }

.viewlet-container[data-conf_fontsize='x-small'] .viewlet-content { font-size: x-small; }

.viewlet-container[data-conf_fontsize='small'] .viewlet-content { font-size: small; }

.viewlet-container[data-conf_fontsize='medium'] .viewlet-content { font-size: medium; }

.viewlet-container[data-conf_fontsize='large'] .viewlet-content { font-size: large; }

.viewlet-container[data-conf_fontsize='x-large'] .viewlet-content { font-size: x-large; }

.viewlet-container[data-conf_fontsize='xx-large'] .viewlet-content { font-size: xx-large; }

#viewlet-container-cht-overview tr.head td { border: 0; }

#viewlet-container-cht-overview tr:not(.head) td { border: 0; border-bottom: 1px solid #4d4d4d; }

#viewlet-container-nf-new_img .viewlet-content .viewlet-tbody tr td, #viewlet-container-img-hot .viewlet-content .viewlet-tbody tr td { vertical-align: top; border-bottom: 1px solid #262626; }

#viewlet-container-nf-new_img .viewlet-content .viewlet-tbody tr td div, #viewlet-container-img-hot .viewlet-content .viewlet-tbody tr td div { display: block; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

#viewlet-container-nf-new_com .viewlet-tbody tr { display: none; border-bottom: 1px solid #262626; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#viewlet-container-nf-new_com .viewlet-tbody tr b { display: block; }

#viewlet-container-nf-new_com .viewlet-tbody tr td { display: contents; }

#viewlet-main.hideme { display: none; }

/* bundling modules/autocomplete/autocomplete.sass */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; min-width: 30em; color: #000; }

.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }

.ac_results ul li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /*  if width will be 100% horizontal scrollbar will apear  when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /*  it is very important, if line-height not setted or setted  in relative units scroll will be broken in firefox */ line-height: 16px; line-height: 150%; font-size: 100%; overflow: hidden; }

.ac_results strong { font-weight: bold; }

.ac_results .ac_goodmatch { color: #060; }

.ac_loading { background: white url("indicator.gif") right center no-repeat; }

.ac_odd { background-color: #eee; }

.ac_over { background-color: #cccccc; color: black; }

.ac_info { font-size: 66%; line-height: 66%; }

/* bundling modules/calendar2/calendar2.sass */
.calendar2 .day { background-color: white; }

.calendar2 .day.day6 { background-color: #ddd; }

.calendar2 .day.day7, .calendar2 .day.holiday { background-color: #fbb; }

.calendar2 .day.today { background-color: #ffc; }

.calendar2.month .weeknum { height: 6em; }

.calendar2.month th.day { text-align: center; }

.calendar2.month .day ul { padding-left: 0; }

.calendar2.month .title { font-weight: bold; font-size: 125%; text-align: center; }

.calendar2.week .weeknum { height: 6em; }

.calendar2.week th.day { text-align: center; }

.calendar2.week .day ul { padding-left: 0; }

.calendar2.week .title { font-weight: bold; font-size: 125%; text-align: center; }

.calendar2[data-write_url] td.day { cursor: pointer; }

/* bundling modules/uf/uf.sass */
#uf_messages { padding: 5px; margin: 5px 1em; }

#uf_messages .uf_message { color: #fff; background-color: black; padding: 0.125em; }

#uf_messages .uf_message.ok { border: 2px solid #4d4; }

#uf_messages .uf_message.ok:before { content: "Information: "; color: #4d4; }

#uf_messages .uf_message.warning { border: 3px solid #f60; }

#uf_messages .uf_message.warning:before { content: "Achtung:  "; color: #f60; }

#uf_messages .uf_message.error { border: 5px solid #f00; }

#uf_messages .uf_message.error:before { content: "Fehler:  "; color: #f00; }

#uf_messages .uf_message .warning:before { content: "Achtung:  "; color: #f60; }

#uf_messages .uf_message .warning { font-weight: bold; color: #fff; border-bottom: 1px dotted #f60; display: inline-block; }

.uf_clickable { cursor: pointer; }

.javascript-only-visible { visibility: hidden; }

.thumb { display: inline-block; box-sizing: border-box; background-repeat: no-repeat; margin: 0 4px 4px; position: relative; background-position: center center; background-repeat: no-repeat; background-origin: content-box; background-size: contain; display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; /* we are playing with inline, after all */ }

.thumb picture img { display: block; }

.thumb.framed_thumb { border-radius: 20px; padding: 10px; width: calc(135px + 2 * 8px); height: calc(135px  + 2 * 8px); background-color: #222; }

.thumb.auto-size { width: auto; height: auto; }

.thumb.framed_thumb.thumb2021-135 { width: 155px; height: 155px; }

.thumb.framed_thumb.thumb2021-170 { width: 190px; height: 190px; }

.thumb.framed_thumb.thumb2021-180 { width: 200px; height: 200px; }

.thumb.framed_thumb.thumb2021-220 { width: 240px; height: 240px; }

.thumb.framed_thumb.thumb2021-300 { width: 320px; height: 320px; }

.thumb.framed_thumb.thumb2021-320 { width: 340px; height: 340px; }

.thumb .thumb_info { position: absolute; top: 10px; left: 10px; right: 10px; display: block; }

.thumb .imginfo { position: absolute; z-index: 10; left: 0; top: 0; bottom: 0; right: 0; padding: 0.5em; color: white; text-align: left; overflow: hidden; display: none; grid-template-rows: auto auto auto 1fr auto; }

.thumb .imginfo.shown { display: grid; }

.thumb .imginfo span { display: block; font-size: small; background-color: #0008; }

.thumb .imginfo span.comments { grid-row: 5; }

.thumb .imginfo a:any-link { color: blue; text-decoration: underline; }

@media (max-width: 720px) { .thumbarea .thumb.framed_thumb { background-color: inherit; width: 100%; height: auto; padding: 0; border-radius: 0; margin: 10px 0; touch-action: pan-y pinch-zoom; } .thumbarea .thumb.framed_thumb img { max-width: inherit !important; max-height: inherit !important; max-width: 100% !important; max-height: 100vh !important; } }

/* XXX */
#uf_current_object_menu_box { display: block; position: absolute; left: 0; top: 0; border: 1px solid black; text-decoration: none; background-color: white !important; color: black !important; z-index: 3; }

#uf_current_object_menu_box a:link, #uf_current_object_menu_box a:visited, #uf_current_object_menu_box a:hover, #uf_current_object_menu_box a:active { color: black !important; }

.thumbarea, .boxarea { text-align: center; }

.oldthumb_box { border: 0; margin: 4px; height: 135px; width: 135px; display: inline-block; zoom: 1; position: relative; vertical-align: middle; /* opera */ border-radius: 10px; background-color: red; padding: 8px; text-align: center; }

.oldthumb_box.unframed { padding: 0; background-color: transparent; }

.oldthumb_box.inactive::after { filter: opacity(0.5); position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; top: 0; background-color: #888; content: ""; border-radius: 10px; }

.thumb_box.inactive .thumb_info { position: relative; z-index: 5; display: block; }

.thumb_box.inactive::before { content: "Inaktives Object"; position: absolute; bottom: 0; left: 0; right: 0; z-index: 5; }

/* would love to use somthing like: background-image:url(attr(data-thumb-url url) but no browser has implemented CSS3 attr() */
.thumb_box.uf_thumbcontainer_with_info { padding-bottom: 2em; }

.uf_thumbcontainer { position: relative; vertical-align: middle; /* opera */ display: inline-block; }

.uf_thumbcontainer a.thumb, .uf_thumbcontainer span.thumb, .thumb_box a.thumb, .thumb_box span.thumb { display: inline; display: table-cell; vertical-align: middle; overflow: hidden; height: 135px; width: 135px; }

.thumb_box .object_menu_box { top: 0; left: 0; }

.uf_thumbcontainer.inactive .inactive { height: 12px; font-size: 10px; margin-top: 0px; background-color: #d0d0d0; color: #222; position: absolute; width: 4em; text-align: center; top: 0px; left: 0px; }

.uf_thumbcontainer.inactive { position: relative; }

.boxpreviewwithinfo { height: 210px; }

.thumb_box img { border: 0; padding: 0; margin: 0; overflow: hidden; }

.thumb_box.img a.thumb, .thumb_box.img .a { display: inline; display: table-cell; overflow: hidden; height: 135px; width: 135px; border: 0; margin: 0; vertical-align: middle; }

.uf_hidebydefault { display: none !important; }

header.pagetitle { margin-bottom: 1em; }

header.pagetitle h1 { margin-bottom: 0; margin-top: 0; padding: 0.25em 0; }

header.pagetitle h2 { font-size: inherit; font-weight: normal; margin-top: 0; font-style: italic; text-align: center; }

.uf_clickable { cursor: pointer; text-decoration: underline; }

.threedots { display: inline-block; float: right; }

.threedots::after { content: '\2807'; color: #888; }

.kind-sel-deprecated { text-decoration: line-through; }

.smiley.uf_svg_smiley { max-height: 20px; }

.uf_overlay_bg { z-index: 100000; display: block; position: fixed; width: 100%; height: 100%; }

.uf_overlay_bg .uf_overlay { display: flex; flex-wrap: wrap; justify-content: space-around; align-content: space-around; align-items: center; height: 100%; }

.uf_overlay_bg .uf_overlay .inner { border: 2px solid white; padding: 2px; background-color: black; box-shadow: 3px 3px 1px 1px #666; overflow: auto; /* no-max-height:calc(100vh - 16px); no-max-width:calc(100vw - 24px); height:100%; width:100%; */ }

.uf_overlay_bg .uf_overlay .inner img { object-fit: scale-down; height: auto; width: auto; max-height: calc(100vh - 16px); max-width: calc(100vw - 24px); vertical-align: top; }

.uf_overlay_bg.small { height: min-content; width: max-content; }

.uf_overlay_bg.small .uf_overlay .inner img { max-width: 100%; max-height: 100%; }

.uf_overlay_bg.small.small25 { max-width: 25%; max-height: 25%; }

.uf_overlay_bg.small.small33 { max-width: 33%; max-height: 33%; }

.uf_overlay_bg.small.small50 { max-width: 50%; max-height: 50%; }

#timingdebugtable .warning { color: red; }

#timingdebugtable .info { color: yellow; }

.uf_debuginfo_container { background-color: #eee; color: black; }

.uf_debuginfo_container a:link, .uf_debuginfo_container a:visited { color: #22f; }

.uf_debuginfo_container a:active, .uf_debuginfo_container a:hover { color: #282; }

.uf_debuginfo_container table th, .uf_debuginfo_container table td, .uf_debuginfo_container .uf_debuginfo_performance th, .uf_debuginfo_container .uf_debuginfo_performance td { padding-right: 0.5em; }

.uf_debuginfo_container table .ra, .uf_debuginfo_container .uf_debuginfo_performance .ra { text-align: right; }

.uf_debuginfo_container .uf_timinginfo div { margin-right: 1em; border-right: 1px solid black; }

.uf_debuginfo_container .uf_timinginfo div:last-child { margin-right: 0; border-right: 0; }

.uf_debuginfo_container .info { color: #ee0; background-color: #222; }

.uf_debuginfo_container .warning { color: red; }

.keyword_input_area .sortable-placeholder + .tag { outline: 1px solid green; }

.keyword_input_area .sortable-placeholder::after { content: 'Ziel?'; width: 4em; padding: 0 1em; background-color: #ddd; color: #333; border: 1px dotted green; }

.keyword_input_area .sortable-placeholder::before { content: ' '; width: 3px; background-color: #0f0; height: 100%; }

.uf_popover { margin: auto; padding: auto; padding: 6px; border: 2px solid #444; color: black; background-color: white; border-radius: 5px; }

.uf_popover input { color: #333; background-color: white; }

.uf_popover input:focus { color: black; border-color: blue !important; }

.uf_popover::backdrop { backdrop-filter: blur(2px) sepia(0.25); }

/* bundling modules/uf/dragdrop.sass */
.draginprocess { opacity: 0.4; }

[draggable] { cursor: crosshair; }

.dragdrop-possible-target { outline: 2px dotted #0f0; }

.dragenterinprocess { outline: 2px solid #0f0; }

/* bundling modules/uf/uf_accesskeys.sass */
[accesskey]:hover:after { content: "Shortcut: " attr(accesskey); position: absolute; z-index: 5000; background-color: #ddd; color: black; border: 2px solid #fff; margin-left: 1em; margin-top: -0.05em; padding: 2px 4px; }

.markItUpContainer *[accesskey]:hover:after { content: "Shortcut: Ctrl+" attr(accesskey); }

/* bundling modules/uf/uf_quickfunctions.sass */
#uf_quickfunctions { text-align: right; }

/* bundling modules/uf/uf_tricks.sass */
.uf_tablesorter .header:after { content: "\2195"; font-size: x-small; float: right; color: red; background-color: rgba(255, 255, 255, 0.5); }

/* bundling modules/uf/uf_functionblock.sass */
.uf_functionblock ul { border: 1px solid black; list-style-type: none; margin: 0; padding-left: 3px; }

.uf_functionblock ul ul { list-style-type: disc; margin-left: 2em; }

.uf_functionblock li { padding: 0 0.5em; margin: 1px 0.20em; }

.uf_functionblock li.unhider { opacity: 0.66; }

/* bundling modules/uf/uf_dragdrop.sass */
.uf_draggable_object { -khtml-user-drag: element; /* to get drag/drop working in safari */ -webkit-user-drag: element; }

.uf_draggable_object { cursor: move; }

.uf_draggable_object:hover { mouse: hand; }

body.droptarget-highlight .uf_filedrop_allowed { outline: 3px solid #0f8; outline: 3px solid rgba(0, 255, 127, 0.75); }

#uf_dragdrop_container { position: fixed; top: 0; left: 0; z-index: 1000; min-width: 100px; min-height: 100px; background-color: white; border: 2px solid #888; color: black; }

#uf_dragdrop_container * { color: black; }

#uf_dragdrop_container h6 { margin: 0 0.25em; font-weight: normal; }

#uf_dragdrop_container h6 a { font-style: italic; font-weight: bold; }

#uf_dragdrop_container p { margin: 0.25em 0.25em 0 0.25em; }

.uf_dragdrop_droparea { display: inline-block; font-size: small; width: 14em; height: 8em; margin: 4px; border: 1px solid black; vertical-align: top; position: relative; z-index: 1002; }

.uf_dragdrop_droparea * { position: relative; z-index: 1001; }

.uf_dragdrop_over { background-color: #ddd; }

.uf_dragdrop_clickarea, .uf_dragdrop_clickarea ul { list-style-type: none; }

.uf_dragdrop_mayhave:before { content: "+"; float: left; line-height: 1em; width: 1em; height: 1em; border: 1px solid #888; border-radius: 0.5em; background-color: green; text-align: center; color: black; }

.uf_dragdrop_mayhave.uf_dragdrop_have:before { content: "-"; float: left; line-height: 1em; width: 1em; height: 1em; border: 1px solid #888; border-radius: 0.5em; background-color: red; text-align: center; color: black; }

#uf_dragdrop_container_close:before { content: "!"; float: left; line-height: 1em; width: 1em; height: 1em; border: 1px solid #888; border-radius: 0.5em; background-color: yellow; text-align: center; color: black; }

#uf_dragdrop_search { -webkit-appearance: none; }

#uf_dropdrop_typedrop .onetypelist { width: 48%; margin: 0 1%; min-width: 32em; float: left; }

/* bundling modules/uf/uf_cookie_warning.sass */
#komplett-bescheuerte-cookie-warnung { font-size: 100%; background-color: black; color: white; padding: 0.5em 2em; left: 0; right: 0; position: fixed; display: none; line-height: 150%; bottom: 0; z-index: 9999999; border-top: 2px solid white; }

#komplett-bescheuerte-cookie-warnung.visible { display: block; }

/* bundling modules/uf/uf_quickedit.sass */
.uf_quickeditable:hover { position: relative; outline: 1px dotted rgba(128, 128, 128, 0.5); /* firefox doesn't like generated content for td */ }

.uf_quickeditable:hover:after { content: "Q"; position: absolute; right: 0; bottom: 0; border: 2px dotted blue; font-size: 125%; display: block; background-color: white; color: #800; z-index: 7777; outline: 1px solid red; }

/* bundling modules/uf/nightform.sass */
form.nightform { border: 1px solid #888; border-radius: 10px; min-width: 400px; display: inline-block; display: table; margin-left: auto; margin-right: auto; }

form.nightform.withformwrapper { border: none; }

form.nightform .formwrapper { border: 1px solid #888; border-radius: 10px; }

form.nightform h1 { margin: 0; background-color: inherit; background-color: rgba(255, 255, 255, 0.2); border-bottom: 1px solid #888; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 3px 5px; font-size: inherit; font-weight: normal; }

form.nightform .formline:after, form.nightform .submitline:after { visibility: hidden; content: ""; height: 0; clear: both; display: block; }

form.nightform .formline label { float: left; width: 12em; padding: 3px 5px; text-align: right; }

form.nightform .formlinecontent label { float: none; display: inline; text-align: left; }

form.nightform .formline.required label { font-weight: bold; }

form.nightform .formline.required label:after { content: " *"; color: red; font-size: larger; font-weight: normal; }

form.nightform .infoline { margin: 0.25em 1em; }

form.nightform .info-required { font-weight: bold; }

form.nightform .info-required:after { content: " *"; }

form.nightform .formlinecontent { padding-right: 2px; margin-left: 13em; display: block; }

form.nightform input, form.nightform textarea { border-radius: 5px; padding: 2px 2px; }

form.nightform input:focus { background-color: #ff0; color: black; }

form.nightform .formline:nth-child(even) { background-color: inherit; background-color: rgba(255, 255, 255, 0.15); }

form.nightform .submitline.topsubmitline { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-top: 0px; }

form.nightform .submitline { background-color: inherit; background-color: rgba(255, 255, 255, 0.2); border-top: 1px solid #888; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 3px 5px; font-size: inherit; font-weight: normal; margin-top: 5px; }

form.nightform fieldset.formlevel1 { border-width: 2px 0 0 0; border-style: solid; border-top: 2px solid; border-right: none; padding: 0.5em 0.5em; max-width: 99%; display: block; clear: both; margin: 2px 0px 10px 0px; }

form.nightform fieldset.formlevel2 { border-style: solid; border-width: 1px; padding: 0.5em 1em; border-radius: 7px; }

form.nightform legend { border: 1px solid #888; }

form.nightform fieldset.formlevel1 fieldset.formlevel2 legend { font: 80%/1.25 sans-serif; }

form.nightform .uf_draft_container { margin-top: 10px; }

form.nightform .uf_draft_container fieldset { border-style: solid; border-width: 1px; padding: 0.5em 1em; border-radius: 7px; }

/* bundling modules/uf/uf_waitinfo.sass */
#uf_waitinfo_bg.active { background-color: #888; background-color: rgba(128, 128, 128, 0.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; }

#uf_waitinfo { width: 48px; height: 48px; border-radius: 24px; background-color: #fff; position: fixed; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; zoom: 1; display: none; z-index: 10001; }

#uf_waitinfo.with-compat-loader { background: url(/styles/ajax-loader.gif); height: 48px; width: 48px; }

#uf_waitinfo .infobg { position: absolute; top: 18px; height: 12px; width: 48px; text-align: center; font-size: 10px; display: none; }

#uf_waitinfo .counter { color: #000; line-height: 48px; width: 48px; text-align: center; font-size: 10px; display: block; z-index: 10002; position: relative; }

#uf_waitinfo .line { width: 48px; height: 2px; background-color: transparent; /* background-image:linear-gradient(to right, #000,#000,#fff,#fff,#fff,#fff); not too good supported */ display: none; position: absolute; top: 23px; left: 0px; }

#uf_waitinfo .line span { width: 12px; height: 2px; background-color: black; border-radius: 2px; display: inline-block; position: absolute; top: 0px; left: 0px; }

#uf_waitinfo.active .line { -webkit-animation: ajaxloaderanim 1s infinite linear; -webkit-animation-timing-function: steps(8); animation: ajaxloaderanim 1s infinite linear; animation-timing-function: steps(8); }

@-webkit-keyframes ajaxloaderanim { from { -webkit-transform: rotate(90deg) translate(0, 0); }
  to { -webkit-transform: rotate(450deg) translate(0, 0); } }

@-moz-keyframes ajaxloaderanim { from { -moz-transform: rotate(90deg); }
  to { -moz-transform: rotate(450deg); } }

@-o-keyframes ajaxloaderanim { from { -o-transform: rotate(9deg); }
  to { -o-transform: rotate(450deg); } }

@-ms-keyframes ajaxloaderanim { from { -ms-transform: rotate(90deg); }
  to { -ms-transform: rotate(450deg); } }

@keyframes ajaxloaderanim { from { transform: rotate(90deg); }
  to { transform: rotate(450deg); } }

.uf_waitinfo { color: black; background-color: #aaa; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7; }

.uf_waitinfo b { position: absolute; left: 0; right: 0; top: 0; display: block; }

.uf_waitinfo b span { display: block; }

.uf_waitinfo i { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #000; animation: "ajaxloaderanim 1s infinite linear"; animation-timing-function: "steps(8)"; }

/* bundling modules/uf/glossary_link.sass */
.glossary_link { text-decoration: none; display: inline-block; vertical-align: top; border: 1px dotted #888; border-radius: 0.5em; padding: 1px 2px; font-size: smaller; }

a.glossary_link:hover { background-color: #ff0; }

a.glossary_link:hover:link, a.glossary_link:hover:visited, a.glossary_link:hover:hover, a.glossary_link:hover:active { color: #000; }

/* bundling modules/uf/tooltips.sass */
span.tool { position: relative; /* this is key */ cursor: help; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; }

span.tool span.tip { display: none; /* so is this */ }

/* tooltip will display on :hover event */
span.tool:hover span.tip { display: block; float: left; position: absolute; background-color: #eec; color: #220; z-index: 300; top: 2.5em; left: 0; width: 25em; line-height: 1.2em; padding: 3px 7px 4px 6px; border-width: 1px; border-style: solid; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; text-align: left; overflow: visible; /* doesn't really help, anyway */ }

[data-tooltip] { border-bottom: 1px dotted #888; }

[data-tooltip]:hover { outline: 1px dotted #ff0; position: relative; }

.tooltip-preformatted[data-tooltip]:hover:before { white-space: pre-wrap; }

[data-tooltip]:hover:before { content: attr(data-tooltip); padding: 0.5em; position: fixed; top: 0; left: 0; right: 0; margin: 1em; box-sizing: border-box; max-width: 100%; z-index: 2147483647; background: #000; border: 2px solid #ff0; outline: 1em solid #fff; outline: 1em solid rgba(255, 255, 255, 0.5); color: #fff; text-align: left; }

/* bundling modules/uf/uf_object_hover.sass */
#uf_object_hover { position: fixed; z-index: 110; /* 104 is nyromodal */ top: 0; left: 0; min-width: 250px; max-width: 500px; overflow: hidden; }

/* bundling modules/uf/uf_thirdparty.sass */
.uf_thirdpartyprotect { display: block; margin: 1em; min-width: 20em; border: 2px solid #888; padding: 3px; }

/* bundling modules/stat/stat.sass */
#activitytable .green1 { color: #0d0; }

#activitytable .green2 { color: #d80; }

#activitytable .green3 { color: #F00; }

body.pagetype-stats_page .head2 { font-weight: bold; background-color: #222; }

.stat_table { margin: 0 auto; table-layout: fixed; }

.stat_table th { font-weight: bold; }

.stat_table td, .stat_table th { padding: 2px 4px; border: 1px solid #888; }

.stat_table td { text-align: right; font-family: monospace; font-family: monospace; }

.stat_table [title] { text-decoration: 1px wavy underline #888; }

.stat_table tbody th { text-align: left; }

.stat_table thead th { text-align: center; }

/* bundling modules/form/form_simple22.sass */
form.simple22 { max-width: 55em; margin-left: auto; margin-right: auto; text-align: left; background-color: #000; }

form.simple22 .formwrapper { border: 5px solid #76B3D4; max-width: 100%; }

form.simple22 .formwrapper input[name="back"] { display: none; }

form.simple22 .formwrapper input[type="reset"] { font-size: smaller; }

form.simple22 .formwrapper .submitline { background-color: #76B3D4; padding: 0.25em; }

form.simple22 .formwrapper h1 { display: none; }

form.simple22 .formwrapper fieldset { margin-top: 0.5em; }

form.simple22 .formwrapper fieldset legend { color: #FFF260; background-color: #266384; width: 100%; }

form.simple22 .formwrapper > tbody > tr, form.simple22 .formwrapper > tbody > tr > td, form.simple22 .formwrapper > tbody > tr > th { display: block; }

form.simple22 .formwrapper > tbody > tr > th, form.simple22 .formwrapper label, form.simple22 .formwrapper .uf-labelreplacement { margin-top: 12px; display: block; max-width: calc(100% - 16px); padding-left: 8px; padding-right: 8px; }

form.simple22 .formwrapper > tbody > tr > th span.label, form.simple22 .formwrapper label span.label, form.simple22 .formwrapper .uf-labelreplacement span.label { display: block; color: #76B3D4; font-size: smaller; font-weight: bold; }

form.simple22 .formwrapper > tbody > tr > th span.label.kindbool, form.simple22 .formwrapper label span.label.kindbool, form.simple22 .formwrapper .uf-labelreplacement span.label.kindbool { display: inline-block; }

form.simple22 .formwrapper > tbody > tr > th.required span.label:not([generated]):after, form.simple22 .formwrapper label.required span.label:not([generated]):after, form.simple22 .formwrapper .uf-labelreplacement.required span.label:not([generated]):after { content: "    Pflichtfeld"; padding-left: 0.5em; font-size: 75%; color: red; color: #ff8000; font-weight: normal; }

form.simple22 .formwrapper > tbody > tr > th input, form.simple22 .formwrapper > tbody > tr > th textarea, form.simple22 .formwrapper > tbody > tr > th select, form.simple22 .formwrapper label input, form.simple22 .formwrapper label textarea, form.simple22 .formwrapper label select, form.simple22 .formwrapper .uf-labelreplacement input, form.simple22 .formwrapper .uf-labelreplacement textarea, form.simple22 .formwrapper .uf-labelreplacement select { box-sizing: border-box; max-width: 100%; }

form.simple22 .formwrapper > tbody > tr > th input[type='text'], form.simple22 .formwrapper > tbody > tr > th textarea, form.simple22 .formwrapper label input[type='text'], form.simple22 .formwrapper label textarea, form.simple22 .formwrapper .uf-labelreplacement input[type='text'], form.simple22 .formwrapper .uf-labelreplacement textarea { display: block; }

form.simple22 .formwrapper > tbody > tr > th textarea, form.simple22 .formwrapper label textarea, form.simple22 .formwrapper .uf-labelreplacement textarea { width: calc(100% - 16px); }

form.simple22 .formwrapper > tbody > tr > th select, form.simple22 .formwrapper label select, form.simple22 .formwrapper .uf-labelreplacement select { width: 90%; }

form.simple22 .formwrapper > tbody > tr > th input#form_image_date, form.simple22 .formwrapper label input#form_image_date, form.simple22 .formwrapper .uf-labelreplacement input#form_image_date { width: auto; }

form.simple22 .formwrapper #fieldset1_zugriffsrechte { margin-bottom: 0.5em; }

form.simple22 .formwrapper .markItUpHeader > ul { display: flex; min-height: 2em; height: auto; flex-wrap: wrap; }

form.simple22 .formwrapper .markItUpHeader > ul > li { border: 1px solid #888; border: 1px solid rgba(128, 128, 128, 0.5); flex-grow: 1; flex-shrink: 1; }

form.simple22 legend { color: #FFF260; background-color: #266384; width: 100%; }

form.simple22 fieldset.fieldset-hide-by-default:not(.fieldset-shown) > label, form.simple22 fieldset.fieldset-hide-by-default:not(.fieldset-shown) > fieldset { display: none; }

form.simple22 ul { list-style-type: none; padding-left: 0; margin-left: 0; }

form.simple22 input, form.simple22 textarea { font-size: 100%; }

form.simple22 select { font-size: 80%; }

/* bundling modules/form/form_simple17.sass */
form.simple17 { max-width: 50em; margin-left: auto; margin-right: auto; text-align: left; }

form.simple17 .formwrapper { border: 5px solid #76B3D4; }

form.simple17 .formwrapper input[name="back"] { display: none; }

form.simple17 .formwrapper input[type="reset"] { font-size: smaller; }

form.simple17 .formwrapper .submitline { background-color: #76B3D4; padding: 0.25em; }

form.simple17 .formwrapper h1 { display: none; }

form.simple17 .formwrapper .infoline { display: none; }

form.simple17 .formwrapper fieldset { margin-top: 0.5em; }

form.simple17 .formwrapper fieldset legend { color: #FFF260; background-color: #266384; width: 100%; }

form.simple17 .formwrapper > tbody > tr, form.simple17 .formwrapper > tbody > tr > td, form.simple17 .formwrapper > tbody > tr > th { display: block; }

form.simple17 .formwrapper > tbody > tr > th, form.simple17 .formwrapper label { padding-left: 8px; padding-top: 15px; font-size: smaller; color: #76B3D4; font-weight: bold; display: block; }

form.simple17 .formwrapper .formlinecontent label { display: inline; padding-top: 0; font-weight: normal; color: #76B3D4; }

form.simple17 .formwrapper .formlinecontent { margin-left: 16px; }

@media (max-width: 768px) { form.simple17 .formwrapper .formlinecontent { width: 98%; width: calc(100% - 10px); margin: 0 5px; } }

@media (min-width: 769px) { form.simple17 .formwrapper .formlinecontent { max-width: calc(100% - 32px); } }

form.simple17 .formwrapper .formlinecontent select { width: 90%; }

form.simple17 .formwrapper input[type="text"][size] { max-width: 100%; }

form.simple17 .formwrapper input[type="text"]:not([size]), form.simple17 .formwrapper textarea { width: calc(100% - 32px); }

form.simple17 .formwrapper input#form_image_date { width: auto; }

form.simple17 .formwrapper .info-required { font-weight: bold; display: none; }

form.simple17 .formwrapper .info-required:after { content: " Pflichtfeld"; font-size: 75%; color: red; color: #ff8000; }

form.simple17 .formwrapper .formline.required label { font-weight: bold; }

form.simple17 .formwrapper .formline.required .label:not([generated]):after { content: "    Pflichtfeld"; padding-left: 0.5em; font-size: 75%; color: red; color: #ff8000; font-weight: normal; }

form.simple17 .formwrapper .tooltip-alt { display: inline; background-color: #3f3f3f; border: 1px dotted black; color: white; margin-left: 1em; }

form.simple17 .formwrapper #fieldset1_zugriffsrechte { margin-bottom: 0.5em; }

form.simple17 .formwrapper .markItUpHeader > ul { display: flex; min-height: 2em; height: auto; flex-wrap: wrap; }

form.simple17 .formwrapper .markItUpHeader > ul > li { border: 1px solid #888; border: 1px solid rgba(128, 128, 128, 0.5); flex-grow: 1; flex-shrink: 1; }

form.simple17 ul { list-style-type: none; padding-left: 0; margin-left: 0; }

form.simple17 input, form.simple17 textarea { font-size: 100%; }

form.simple17 select { font-size: 80%; }

/* bundling modules/form/form_simple20.sass */
form.simple20 { max-width: 55em; margin-left: auto; margin-right: auto; text-align: left; background-color: #000; }

form.simple20 .formwrapper { border: 5px solid #76B3D4; }

form.simple20 .formwrapper input[name="back"] { display: none; }

form.simple20 .formwrapper input[type="reset"] { font-size: smaller; }

form.simple20 .formwrapper .submitline { background-color: #76B3D4; padding: 0.25em; }

form.simple20 .formwrapper h1 { display: none; }

form.simple20 .formwrapper fieldset { margin-top: 0.5em; }

form.simple20 .formwrapper fieldset legend { color: #FFF260; background-color: #266384; width: 100%; }

form.simple20 .formwrapper > tbody > tr, form.simple20 .formwrapper > tbody > tr > td, form.simple20 .formwrapper > tbody > tr > th { display: block; }

form.simple20 .formwrapper > tbody > tr > th, form.simple20 .formwrapper label, form.simple20 .formwrapper .uf-labelreplacement { margin-left: 6px; margin-top: 12px; display: block; }

form.simple20 .formwrapper > tbody > tr > th span.label, form.simple20 .formwrapper label span.label, form.simple20 .formwrapper .uf-labelreplacement span.label { display: block; color: #76B3D4; font-size: smaller; font-weight: bold; }

form.simple20 .formwrapper > tbody > tr > th span.label.kindbool, form.simple20 .formwrapper label span.label.kindbool, form.simple20 .formwrapper .uf-labelreplacement span.label.kindbool { display: inline-block; }

form.simple20 .formwrapper > tbody > tr > th.required span.label:not([generated]):after, form.simple20 .formwrapper label.required span.label:not([generated]):after, form.simple20 .formwrapper .uf-labelreplacement.required span.label:not([generated]):after { content: "    Pflichtfeld"; padding-left: 0.5em; font-size: 75%; color: red; color: #ff8000; font-weight: normal; }

@media (max-width: 768px) { form.simple20 .formwrapper > tbody > tr > th input, form.simple20 .formwrapper > tbody > tr > th textarea, form.simple20 .formwrapper > tbody > tr > th select, form.simple20 .formwrapper label input, form.simple20 .formwrapper label textarea, form.simple20 .formwrapper label select, form.simple20 .formwrapper .uf-labelreplacement input, form.simple20 .formwrapper .uf-labelreplacement textarea, form.simple20 .formwrapper .uf-labelreplacement select { width: calc(100% - 14px); padding: 0; margin: 0 5px; } }

@media (min-width: 769px) { form.simple20 .formwrapper > tbody > tr > th input, form.simple20 .formwrapper > tbody > tr > th textarea, form.simple20 .formwrapper > tbody > tr > th select, form.simple20 .formwrapper label input, form.simple20 .formwrapper label textarea, form.simple20 .formwrapper label select, form.simple20 .formwrapper .uf-labelreplacement input, form.simple20 .formwrapper .uf-labelreplacement textarea, form.simple20 .formwrapper .uf-labelreplacement select { max-width: calc(100% - 32px); } }

form.simple20 .formwrapper > tbody > tr > th select, form.simple20 .formwrapper label select, form.simple20 .formwrapper .uf-labelreplacement select { width: 90%; }

form.simple20 .formwrapper > tbody > tr > th input[type="text"][size], form.simple20 .formwrapper label input[type="text"][size], form.simple20 .formwrapper .uf-labelreplacement input[type="text"][size] { max-width: 100%; }

form.simple20 .formwrapper > tbody > tr > th input[type="text"]:not([size]), form.simple20 .formwrapper > tbody > tr > th textarea, form.simple20 .formwrapper label input[type="text"]:not([size]), form.simple20 .formwrapper label textarea, form.simple20 .formwrapper .uf-labelreplacement input[type="text"]:not([size]), form.simple20 .formwrapper .uf-labelreplacement textarea { width: calc(100% - 16px); }

form.simple20 .formwrapper > tbody > tr > th input#form_image_date, form.simple20 .formwrapper label input#form_image_date, form.simple20 .formwrapper .uf-labelreplacement input#form_image_date { width: auto; }

form.simple20 .formwrapper #fieldset1_zugriffsrechte { margin-bottom: 0.5em; }

form.simple20 .formwrapper .markItUpHeader > ul { display: flex; min-height: 2em; height: auto; flex-wrap: wrap; }

form.simple20 .formwrapper .markItUpHeader > ul > li { border: 1px solid #888; border: 1px solid rgba(128, 128, 128, 0.5); flex-grow: 1; flex-shrink: 1; }

form.simple20 legend { color: #FFF260; background-color: #266384; width: 100%; }

form.simple20 fieldset.fieldset-hide-by-default:not(.fieldset-shown) > label, form.simple20 fieldset.fieldset-hide-by-default:not(.fieldset-shown) > fieldset { display: none; }

form.simple20 ul { list-style-type: none; padding-left: 0; margin-left: 0; }

form.simple20 input, form.simple20 textarea { font-size: 100%; }

form.simple20 select { font-size: 80%; }

/* bundling modules/form/form.sass */
/* common things for all forms */
form .button { border-radius: 5px; padding: 2px 2px; }

/* white on red */
/* black on grey */
form .button.secondary, form .button.tertiary { border: none; text-decoration: underline; }

legend[data-tooltip] { border-bottom: 1px dotted !important; }

html body label.error[generated] { background-color: #000; border: 2px solid red; color: white; display: block; width: auto; }

#form_keywords { display: flex; flex-wrap: wrap; }

#form_keywords .tag { margin-right: 0.25em; font-style: italic; font-size: 120%; }

#form_keywords .form_keyword_remover { font-size: 83%; vertical-align: super; color: #d44; margin-left: 4px; padding: 1px 4px; content: "x"; cursor: pointer; }

#form_keywords .form_keyword_remover:hover { outline: 1px solid #d44; }

/* bundling modules/notifications/notifications.sass */
#uf_notifications { background-color: #dd0; color: black; font-size: smaller; cursor: pointer; padding: 2px 3px; text-align: center; min-width: 40px; }

#uf_notifications[data-count="0"] { display: none; }

#uf_notifications.pms::after { content: " PM"; font-size: xx-small; }

@media (min-width: 1024px) { #uf_notifications { min-width: 1em; } }

#uf_notifications_overview a { text-decoration: underline; }

#uf_notifications_overview a::after { font-size: small; content: " (hier)"; }

#uf_notifications_overview a[href]::after { font-size: small; content: " (eigene Seite)"; }

/* bundling modules/export/export.sass */
body.pagetype-export_page .plus { text-decoration: underline; }

body.pagetype-export_page .minus { text-decoration: underline; }

body.pagetype-export_page .toggle { text-decoration: underline; }

body.pagetype-export_page .plus, body.pagetype-export_page .minus, body.pagetype-export_page .toggle { font-size: x-small; }

body.pagetype-export_page #moreoptionsinfo { display: none; }

body.pagetype-export_page #export_rubric_table { display: none; }

body.pagetype-export_page #export_object_select .plus, body.pagetype-export_page #export_object_select .minus, body.pagetype-export_page #export_object_select .toggle { display: none; }

body.pagetype-export_page #moreoptions { margin-bottom: 1em; }

body.pagetype-export_page #moreoptionsinfo { margin-bottom: 0.5em; }

body.pagetype-export_page #export_rubric_table { margin-bottom: 1em; }

body.pagetype-export_page #export_keyword_table_wrap { display: none; }

body.pagetype-export_page #keywordselectstart { text-decoration: underline; }

/* bundling modules/ufmodal/ufmodal.sass */
body .ufmodal_window { padding: 0; background-color: black; color: #fff; border: 4px solid #888; position: fixed; top: 0; bottom: 0; max-height: calc(100vh - 24px); max-width: calc(100vw - 24px); display: flex; flex-direction: column; }

body .ufmodal_window.ufgrowl { top: initial; }

body .ufmodal_window .ufmodal_header { flex-shrink: 0; height: 20px; margin-bottom: 4px; border-bottom: 1px solid #888; }

body .ufmodal_window .ufmodal_header .ufmodal_title { margin: 5px 25px; }

body .ufmodal_window .ufmodal_header .ufmodal_closer { right: 0; top: 0; width: 19px; height: 19px; border-left: 1px solid #888; border-bottom: 1px solid #888; position: absolute; }

body .ufmodal_window .ufmodal_header .ufmodal_closer span { transform: rotate(45deg); }

body .ufmodal_window .ufmodal_header .ufmodal_closer span:first-child { display: block; width: 19px; margin-top: 9px; border-bottom: 1px solid #888; }

body .ufmodal_window .ufmodal_header .ufmodal_closer span:last-child { display: block; position: absolute; top: 0px; right: 9px; height: 19px; border-right: 1px solid #888; }

body .ufmodal_window .ufmodal_header .ufmodal_mover { left: 0; top: 0; width: 20px; height: 20px; background-color: #888; position: absolute; cursor: move; }

body .ufmodal_window .ufmodal_content { flex-grow: 1; padding: 5px; overflow-x: auto; overflow-y: auto; }

body .ufmodal_window .ufmodal_content .ufmodal_single_item { max-width: 100%; max-height: 100vh; }

body .ufmodal_window .ufmodal_content.autoscale:before { display: inline-block; content: "Auf Bildschirmgröße skaliert. Anklicken für volle Größe."; }

body .ufmodal_window .ufmodal_content.autoscale img { max-width: 100%; max-height: 100%; }

body .ufmodal_window::backdrop { background-color: rgba(128, 128, 128, 0.33); backdrop-filter: blur(0.1rem); }

dialog { position: absolute; left: 0; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; margin: auto; border: solid; padding: 1em; background: white; color: black; display: none; }

dialog[open] { display: block; }

dialog.fixed { position: fixed; top: 50%; transform: translate(0, -50%); }

dialog + .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); }

._dialog_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

/* bundling modules/ufstat.sass */
.ufstat-table .mark_star:before, .ufstat-table .mark_star:before { content: "*"; }

#ufstat_select { float: right; }

#ufstat_saveselect_wrapper { margin-top: 0.5em; margin-bottom: 1em; }

/* bundling modules/uffile/uffile.sass */
.uffile_vdir_container { border: 2px solid #888; }

.uffile_vdir_container table { margin-left: auto; margin-right: auto; }

.uffile_vdir_container div { text-align: center; }

.uffile_vdir_container .uffile_op { border: 2px solid #888; margin-right: 2px; padding: 2px; display: inline-block; background-color: #ddd; color: #000; }

.uffile_vdir_container .uffile_op.uffile_op_delete { color: #f00; }

.uffile_vdir_container .uffile_op.uffile_op_readable { color: #080; }

.uffile_vdir_container .uffile_op.uffile_op_unreadable { color: #000; }

.uffile_vdir_container table td { border: 2px solid #888; padding: 4px; }

.uffile_vdir_container table td.typeinfo { border-left: 2px solid #888; }

.uffile_vdir_container table td.preview img { max-width: 300px; }

.uffile_dir_listing .uffile_dir_listing_entry { display: grid; border-bottom: 1px solid #888; padding: 1px; text-align: left; }

.uffile_dir_listing .uffile_dir_listing_entry .img_post_usethis { display: none; }

.uffile_dir_listing .uffile_dir_listing_entry.bad4imgpost .imgpostreason { color: red; }

.uffile_dir_listing .uffile_dir_listing_entry.bad4imgpost .imgpostreason::before { content: "!!!"; font-size: 125%; color: orange; text-shadow: -1px 1px red; display: inline-block; }

.uffile_dir_listing .uffile_dir_listing_entry:first-child { border-top: 1px solid #888; }

.uffile_dir_listing .uffile_dir_listing_entry .image { padding: 2px 0; grid-row: 1 / span 5; grid-column: 1; width: 135px; }

.uffile_dir_listing .uffile_dir_listing_entry .name { grid-row: 1; grid-column: 2 / span 3; overflow: hidden; }

.uffile_dir_listing .uffile_dir_listing_entry .filetype { grid-row: 2; grid-column: 2 / span 2; }

.uffile_dir_listing .uffile_dir_listing_entry .filesize { grid-row: 3; grid-column: 2; }

.uffile_dir_listing .uffile_dir_listing_entry .dimensions { grid-row: 3; grid-column: 3; }

.uffile_dir_listing .uffile_dir_listing_entry .uploaddate { grid-row: 4; grid-column: 2 / span 2; }

.uffile_dir_listing .uffile_dir_listing_entry .functions { grid-row: 2 / span 3; grid-column: 4; text-align: right; }

.uffile_dir_listing .uffile_dir_listing_entry .reason { grid-row: 5; grid-column: 2 / span 2; color: #fff; }

.uffile_dir_listing_sortable_header { text-decoration: underline; }

.uffile_dir_listing_row.bad { background-color: #EE4253; }

.uffile_dir_listing_row.bad input[type='radio'] { display: none; }

.uffile_dir_listing_row.bad img { opacity: 0.5; }

#multiupload_wrapper #multiupload_form .threerows { padding: 0; }

#multiupload_wrapper #multiupload_form .disabled { color: grey; }

#multiupload_wrapper #multiupload_form .previewimage { width: 202px; padding: 2px; display: inline-block; }

#multiupload_wrapper #multiupload_form .onepreview { margin-bottom: 5px; }

#multiupload_wrapper #multiupload_form .clear { display: inline-block; vertical-align: top; }

#multiupload_wrapper #multiupload_form .preview img { max-width: 200px; max-height: 150px; }

#multiupload_wrapper #multiupload_form td, #multiupload_wrapper #multiupload_form th { vertical-align: top; }

#multiupload_wrapper .progressthing { margin: 1em; padding: 1em; border: 2px solid #888; }

#multiupload_wrapper .progressthing table { margin-left: auto; margin-right: auto; min-width: 40em; }

#multiupload_wrapper .progressthing table td, #multiupload_wrapper .progressthing table th { padding: 4px; }

#multiupload_wrapper .progressthing table td { width: 12em; }

#multiupload_wrapper .progressthing table .ra { width: 9em; }

#multiupload_wrapper .progressthing table .progress_bytes_meter, #multiupload_wrapper .progressthing table .progress_files_meter { vertical-align: middle; text-align: center; width: 220px; }

#multiupload_wrapper .progressthing table .progress_bytes_meter div, #multiupload_wrapper .progressthing table .progress_files_meter div { background-color: #888; margin-left: auto; margin-right: auto; width: 200px; height: 1em; text-align: left; }

#multiupload_wrapper .progressthing table .progress_bytes_meter span, #multiupload_wrapper .progressthing table .progress_files_meter span { background-color: #5f4; display: inline-block; width: 0%; height: 1em; }

#multiupload_wrapper .progressthing table .progress_bytes_meter b, #multiupload_wrapper .progressthing table .progress_files_meter b { background-color: red; display: inline-block; width: 0%; height: 1em; }

#multiupload_wrapper .progressthing .ra { font-family: monospace; }

#multiupload_wrapper .multiupload-input { margin-top: 20px; padding: 20px; min-width: 240px; width: 100%; box-sizing: border-box; }

#multiupload_wrapper .multiupload-input::file-selector-button { border: 2px solid #888; padding: 0.2em 0.4em; border-radius: 0.2em; background-color: black; background-image: url(/modules/uffile/inputbackground.png); background-blend-mode: normal; background-repeat: no-repeat; background-position: left bottom; height: 160px; width: 160px; line-height: 40px; vertical-align: top; text-shadow: 1 1 black; filter: brightness(120%); font-size: 115%; text-decoration: underline overline #0008 solid 2px; color: #EEF; }

#multiupload_wrapper .multiupload-input::file-selector-button:hover { filter: brightness(100%); color: white; }

#multiupload_wrapper .info { color: yellow; padding-bottom: 1em; }

/* bundling modules/avatar/avatar.sass */
.uf_avatar { background-color: #222; border: 1px solid transparent; color: white; display: inline-block; text-align: center; display: flex; display: inline-flex; justify-content: center; align-items: center; }

.uf_avatar img { margin: 0; padding: 0; object-fit: cover; }

.uf_avatar.uf_avatar_30 { width: 30px; height: 30px; border-radius: calc( 30px / 2); }

.uf_avatar.uf_avatar_30 img { width: 30; height: 30; clip-path: circle(calc(30px / 2) at calc(30px / 2)); }

.uf_avatar.uf_avatar_45 { width: 45px; height: 45px; border-radius: calc( 45px / 2); }

.uf_avatar.uf_avatar_45 img { width: 45; height: 45; clip-path: circle(calc(45px / 2) at calc(45px / 2)); }

.uf_avatar.uf_avatar_60 { width: 60px; height: 60px; border-radius: calc( 60px / 2); }

.uf_avatar.uf_avatar_60 img { width: 60; height: 60; clip-path: circle(calc(60px / 2) at calc(60px / 2)); }

.uf_avatar.uf_avatar_90 { width: 90px; height: 90px; border-radius: calc( 90px / 2); }

.uf_avatar.uf_avatar_90 img { width: 90; height: 90; clip-path: circle(calc(90px / 2) at calc(90px / 2)); }

.uf_avatar.uf_avatar_120 { width: 120px; height: 120px; border-radius: calc( 120px / 2); }

.uf_avatar.uf_avatar_120 img { width: 120; height: 120; clip-path: circle(calc(120px / 2) at calc(120px / 2)); }

.uf_avatar.uf_avatar_150 { width: 150px; height: 150px; border-radius: calc( 150px / 2); }

.uf_avatar.uf_avatar_150 img { width: 150; height: 150; clip-path: circle(calc(150px / 2) at calc(150px / 2)); }

.uf_avatar.hash0 { background-color: #403030; }

.uf_avatar.hash1 { background-color: #403430; }

.uf_avatar.hash2 { background-color: #403830; }

.uf_avatar.hash3 { background-color: #403C30; }

.uf_avatar.hash4 { background-color: #404030; }

.uf_avatar.hash5 { background-color: #3C4030; }

.uf_avatar.hash6 { background-color: #384030; }

.uf_avatar.hash7 { background-color: #344030; }

.uf_avatar.hash8 { background-color: #304030; }

.uf_avatar.hash9 { background-color: #304034; }

.uf_avatar.hash10 { background-color: #304038; }

.uf_avatar.hash11 { background-color: #30403C; }

.uf_avatar.hash12 { background-color: #304040; }

.uf_avatar.hash13 { background-color: #303C40; }

.uf_avatar.hash14 { background-color: #303840; }

.uf_avatar.hash15 { background-color: #303440; }

.uf_avatar.hash16 { background-color: #303040; }

.uf_avatar.hash17 { background-color: #343040; }

.uf_avatar.hash18 { background-color: #383040; }

.uf_avatar.hash19 { background-color: #3C3040; }

.uf_avatar.hash20 { background-color: #403040; }

.uf_avatar.hash21 { background-color: #40303C; }

.uf_avatar.hash22 { background-color: #403038; }

.uf_avatar.hash23 { background-color: #403034; }

/* bundling modules/ss/ss.sass */
body.pagetype-ss, body.pagetype-ss_standalone, body.pagetype-ss_page, body.pagetype-ss_standalone_page { background-color: black; color: white; }

body.pagetype-ss a:link, body.pagetype-ss a:visited, body.pagetype-ss a:hover, body.pagetype-ss a:active, body.pagetype-ss_standalone a:link, body.pagetype-ss_standalone a:visited, body.pagetype-ss_standalone a:hover, body.pagetype-ss_standalone a:active, body.pagetype-ss_page a:link, body.pagetype-ss_page a:visited, body.pagetype-ss_page a:hover, body.pagetype-ss_page a:active, body.pagetype-ss_standalone_page a:link, body.pagetype-ss_standalone_page a:visited, body.pagetype-ss_standalone_page a:hover, body.pagetype-ss_standalone_page a:active { color: white; }

body.pagetype-ss h2, body.pagetype-ss_standalone h2, body.pagetype-ss_page h2, body.pagetype-ss_standalone_page h2 { margin: 1em; }

body.pagetype-ss p, body.pagetype-ss_standalone p, body.pagetype-ss_page p, body.pagetype-ss_standalone_page p { margin: 1em 2em; }

body.pagetype-ss #ss_2012_img, body.pagetype-ss_standalone #ss_2012_img, body.pagetype-ss_page #ss_2012_img, body.pagetype-ss_standalone_page #ss_2012_img { margin: 0 auto; }

/* bundling modules/contentmoderation/contentmoderation.sass */
#contentmoderation_nerv { margin: 2px 1em 1em 1em; padding: 4px; border: 2px solid #f80; }

/* bundling modules/errors/errors.sass */
.errors_content { white-space: pre-wrap; }

.error_date span { white-space: nowrap; }

.error_date span:first-child { font-size: smaller; }

.errors-onefiledisplay { counter-reset: eofdline; }

.errors-onefiledisplay code div { display: block; line-height: 1.5rem; }

.errors-onefiledisplay code div:before { counter-increment: eofdline; content: counter(eofdline); display: inline-block; border-right: 1px solid #888; min-width: 3em; text-align: right; padding: 0 0.15em; margin-right: 0.5em; color: #888; }

/* bundling modules/ui/ui.sass */
.uf_ui_button { display: inline-block; }

a.ui_abutton, .ui_abutton, .ui_abutton a { border: 1px solid #888; background-color: white; color: black; border-top: 0; padding: 2px 4px; font-size: 11px; font-family: 'Lucida Grande'; border-radius: 9px; display: inline-block; }

.ui_abutton:link, .ui_abutton:visited, .ui_abutton:hover, .ui_abutton:active, .ui_abutton a:link, .ui_abutton a:visited, .ui_abutton a:hover, .ui_abutton a:active { color: black; text-decoration: none; }

/* bundling modules/prefs/prefs.sass */
.webnotify_button_area { text-align: center; margin-bottom: 2em; }

/* bundling modules/ufbbcode/ufbbcode.sass */
.bbcodeoutput .spoiler { background-color: #888; color: #888; }

.ufbbcode_sidebar { float: right; max-width: 30%; margin: 2px 0 2px 1em; padding: 2px; border: 1px solid #888; }

.bbcodeoutput { overflow: hidden; /* make .bbcodeoutput an block formatting context (so clear:xxx does stop) */ }

.bbcodeoutput img { max-width: 100%; }

.bbcodeoutput img.unscaled { max-width: inherit; }

.bbcodearea { padding-top: 34px; }

.bbcodearea:has(.markItUpHeader) { padding-top: 0em; }

.bbcodearea .markItUpHeader::after { content: ""; clear: both; display: table; }

.bbcodearea .markItUpHeader > ul { list-style: none; border-collapse: collapse; height: 2em; margin: 0 0em; }

.bbcodearea .markItUpHeader > ul li.markItUpButton { float: left; width: auto; margin: 0; padding: 2px 4px; border-width: 1px; border-style: solid; border-color: #555; text-align: center; height: 28px; line-height: 26px; text-align: center; }

.bbcodearea .markItUpHeader > ul li.markItUpButton:hover { border-color: #fff; background-color: #000; }

.bbcodearea .markItUpHeader > ul li.markItUpButton a { display: inline-block; vertical-align: middle; line-height: normal; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_b a { font-weight: bold; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_i a { font-style: italic; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_s a { text-decoration: line-through; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_u a { text-decoration: underline; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a { display: inline-grid; grid-template-columns: 4px 4px 4px; gap: 1px; background-color: gray; padding: 1px; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot { height: 4px; display: inline-block; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(1) { background-color: yellow; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(2) { background-color: orange; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(3) { background-color: red; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(4) { background-color: blue; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(5) { background-color: purple; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(6) { background-color: green; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(7) { background-color: white; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(8) { background-color: gray; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors > a .dot:nth-child(9) { background-color: black; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors ul { background-color: transparent; display: none; width: 81px; padding: 1px; z-index: 99999; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.colorbutton { border: 1px solid #888; width: 25px; height: 25px; overflow: hidden; padding: 0px; margin: 0px; float: left; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.colorbutton a { display: none; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col1-1 { color: yellow; background-color: yellow; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col1-2 { color: orange; background-color: orange; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col1-3 { color: red; background-color: red; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col2-1 { color: blue; background-color: blue; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col2-2 { color: purple; background-color: purple; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col2-3 { color: green; background-color: green; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col3-1 { color: white; background-color: white; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col3-2 { color: gray; background-color: gray; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_colors li.col3-3 { color: black; background-color: black; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_link a { width: 0; overflow: hidden; padding-right: 1em; color: transparent; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_link a:before { content: "8"; display: inline-block; color: white; transform: rotate(90deg); font-size: 110%; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_img a { width: 0; padding-right: 1.25em; color: transparent; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_img a:before { content: '\1f5bc'; display: inline-block; color: white; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_clean { text-decoration: line-through; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_clean a { position: relative; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_clean a:before { content: ""; position: absolute; border-top: 1px solid white; width: 1.5em; transform: translateX(-3px) translateY(3px) rotate(45deg); transform-origin: 0% 0%; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_headers ul { background-color: #222; display: none; padding: 1px; width: 90px; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_headers li { list-style: none; box-sizing: border-box; width: 30px; height: 30px; padding: 0px; margin: 0px; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_ul { position: relative; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_ul a { color: transparent; height: 0; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_ul a:after { content: '1. Lis\0a 2. te'; font-size: 12px; display: block; white-space: pre; color: white; position: absolute; top: 0; left: 4px; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_ol { position: relative; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_ol a { color: transparent; height: 0; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_ol a:after { content: '- Lis\0a- te'; font-size: 12px; display: block; white-space: pre; color: white; position: absolute; top: 1px; left: 4px; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_smileys ul { background-color: #888; display: none; z-index: 99999; padding: 1px; width: 160px; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_smileys li.smileybutton { border: 1px solid white; width: 30px; height: 30px; line-height: 28px; overflow: hidden; padding: 0px; margin: 0px; float: left; background-color: black; display: table-cell; vertical-align: bottom; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_smileys li.smileybutton a { line-height: 28px; height: 28px; width: 28px; display: flex; justify-content: center; align-items: center; }

.bbcodearea .markItUpHeader > ul li.markItUpButton.bbcode_smileys li.smileybutton a .uf_svg_smiley { width: 20px; }

.bbcodearea .markItUpHeader a { padding: 0 0.25em; display: block; text-decoration: none; text-align: center; cursor: pointer; }

.bbcodearea .markItUpHeader a:hover { color: inherit; }

.bbcodearea .markItUpHeader a.bbcode_www_button { width: 2.5em; }

.bbcodearea .markItUpHeader .markItUpSeparator { color: red; width: 1px; border-left: 1px solid; border-right: 1px solid; }

.bbcodearea textarea { clear: both; }

.bbcodearea .markItUpResizeHandle { border: 1px solid #222; width: 16px; height: 16px; position: relative; background-color: #888; opacity: 0.5; top: -19px; left: -18px; }

.bbcodearea .markItUpDropMenu { width: auto; position: relative; }

.bbcodearea .markItUpDropMenu ul { position: absolute; left: 0; }

/* bundling modules/discuss/discuss.sass */
.discuss-main { border: 2px solid #888; padding: 0px; position: relative; max-width: 80em; }

.discuss-main .bbcodearea { margin-bottom: 1em; }

.discuss-main .discuss-age-info { width: 1.5em; display: inline-block; text-align: right; }

@media (max-width: 1023px) { .discuss-main { width: 100%; box-sizing: border-box; border: none; max-width: 100%; } .discuss-main .discuss-main-actuality { font-size: smaller; } }

.discuss-main .discuss-functions { position: absolute; right: 0; top: 0; }

.discuss-main .discuss-functions .discuss-hilfe-link { background-color: #FD0; color: black; margin-left: 2em; }

@media (max-width: 768px) { .discuss-main .discuss-functions { position: static; font-size: smaller; } }

.discuss-main .discuss-content-container.current { display: block; }

.discuss-main .discuss-content-container .discuss_content { display: block; max-width: 100%; width: 100%; }

.discuss-main .discuss-content-container .discuss_content tbody { display: block; max-width: 100%; width: 100%; }

.discuss-main .discuss-content-container .discuss_content tr { display: block; }

.discuss-main .discuss-content-container .discuss_content td, .discuss-main .discuss-content-container .discuss_content th { display: inline; }

.discuss-main .discuss-content-container .discuss_content .discuss_dateline { font-weight: bold; background-color: #888; border-radius: 7px; display: inline-block; padding: 2px; margin-left: 3px; margin-top: 0.5em; }

.discuss-main .discuss-content-container .discuss_content .discuss_line { display: grid; grid-template-columns: fit-content(55px) 12em 1fr; margin: 0.25em 0.5em 0.25em 2em; border-top: 1px dotted #888; border-bottom: 1px dotted #888; border-radius: 10px; background-color: #333; }

@media (max-width: 1023px) { .discuss-main .discuss-content-container .discuss_content .discuss_line { margin-left: 1em; margin-right: 0.2em; grid-template-columns: fit-content(55px) fit-content(6em) 1fr; } }

.discuss-main .discuss-content-container .discuss_content .discuss_line.discuss_line_from_user { background-color: #111; }

.discuss-main .discuss-content-container .discuss_content .discuss_line .discuss_timestamp { grid-column: 2; grid-row: 2; padding-right: 0.33em; color: #ccc; align-self: end; }

.discuss-main .discuss-content-container .discuss_content .discuss_line .discuss_avatar { grid-column: 1; grid-row: 1; padding: 0 5px; }

.discuss-main .discuss-content-container .discuss_content .discuss_line .discuss_author { grid-column: 2; grid-row: 1; padding-right: 0.33em; }

.discuss-main .discuss-content-container .discuss_content .discuss_line .discuss_text { grid-column: 3; grid-row: 1 / span 10; }

.discuss-main .discuss-content-container .discuss_content .discuss_line .discuss_functions { grid-column: 1; grid-row: 2; color: #888; cursor: pointer; align-self: end; }

.discuss-main .theme { background-color: #444; color: #4f0; font-size: 125%; margin: 1em 0; }

.discuss-main .top_text { background-color: #444; padding: 0.25em; color: #fff; font-size: 100%; margin: 0.5em 0; }

.discuss-main .discuss-online-age { font-size: 80%; vertical-align: super; }

.discuss-main .discuss-uploadcontainer { padding-left: 1em; margin-bottom: 1em; background-color: #222; }

.discuss-main .discuss-uploadcontainer .fileupload_area { border: none; display: grid; }

.discuss-main .discuss-uploadcontainer .fileupload_area .fileselectline { display: contents; }

.discuss-main .discuss-uploadcontainer .fileupload_area .fileselectline label { grid-row: 1; }

.discuss-main .discuss-uploadcontainer .fileupload_area .fileselectline button { grid-row: 3; max-width: 10em; margin-top: 1em; display: inline; }

.discuss-main .discuss-uploadcontainer .fileupload_area .scaleline { grid-row: 2; }

.discuss-main .discuss-uploadcontainer .fileupload_area .meterline { grid-row: 4; }

.discuss-main .discuss-inputcontainer { padding-left: 1em; background-color: #222; margin-bottom: 1em; }

.discuss-main .discuss-inputcontainer .discuss-inputarea { margin-left: 2em; padding-bottom: 1em; }

@media (max-width: 768px) { .discuss-main .discuss-inputcontainer .discuss-inputarea { margin-left: 0em; } }

.discuss-main .discuss-inputcontainer .discuss-inputarea .oneliner-wrapper .markItUpResizeHandle { display: none; }

.discuss-main .discuss-inputcontainer .discuss-inputarea .fileupload_button { margin-bottom: 0.5em; display: block; margin-left: 6em; }

.discuss-main .discuss-inputcontainer .discuss-inputarea textarea { margin: 0; padding: 0; width: 99%; height: 8em; border: 1px solid #999; font-size: 133%; }

.discuss-main .discuss-inputcontainer .discuss-inputarea textarea:focus { background: #dd0; color: black; border-color: cyan; }

.discuss-main .discuss-inputcontainer .discuss-inputarea input.discuss_textline { width: 70%; font-size: 133%; }

@media (max-width: 768px) { .discuss-main .discuss-inputcontainer .discuss-inputarea input.discuss_textline { width: 99%; } }

.discuss-main .discuss-inputcontainer .discuss-inputarea input.discuss_textline:focus { background: #dd0; color: black; border-color: cyan; }

.discuss-main .discuss-system-message { background-color: #310; border-bottom: 1px solid #888; }

/* bundling modules/fileupload/fileupload.sass */
.fileupload_area { border: 1px solid #888; padding: 2px; }

.fileupload_area.setupdone { display: inline-block; }

.fileupload_area button { color: #000; background-color: #8f8; border-color: #888; }

.fileupload_area button[disabled] { color: #ccc; background-color: #000; border-color: #888; }

.fileupload_area ol li { float: none; display: inline-block; margin-left: 2em; }

.fileupload_area ol li.ok { background-color: green; }

.fileupload_area ol li.failed { background-color: red; }

/* bundling modules/timeseries/timeseries.sass */
#timeseries_table { margin: 0 auto; table-layout: fixed; }

#timeseries_table th { font-weight: bold; }

#timeseries_table td, #timeseries_table th { padding: 2px 4px; border: 1px solid #888; }

#timeseries_table td { text-align: right; font-family: monospace; font-family: monospace; }

#timeseries_table [title] { text-decoration: 1px wavy underline #888; }

#timeseries_table tbody th { text-align: left; }

#timeseries_table thead th { text-align: center; }

#timeseries_main { margin: 0 auto; width: min-content; min-width: 55em; }

#timeseries_selected_series { max-width: 100%; }

#timeseries_selected_series .one_selected_timeseries { display: inline-block; margin: 2px 4px; padding: 2px 4px; border: 1px solid #888; position: relative; padding-left: 12px; text-indent: 0; }

#timeseries_selected_series .one_selected_timeseries::before { display: inline-block; position: absolute; margin-top: -8px; margin-left: -12px; text-indent: 0; content: "x"; }

.timeseries_chart { margin: 0 auto; margin-bottom: 1em; position: relative; text-align: center; max-width: 1600px; }

#timeseries_title { text-align: center; }

#timeseries_unhide { display: none; }

#timeseries_unhide.anti_uf_hidebydefault { display: block; }

/* bundling modules/report/report.sass */
#report table { font-family: monospace; }

#report table.pager_table table td { padding: 2px; }

/* bundling modules/pager/pager.sass */
.pager_pagingarea .pagerlink { border: 1px solid #888; padding: 1px 2px; border-radius: 3px; display: inline-block; }

.pager_pagingarea a.pagerlink.current { text-decoration: none; }

.pager_pagingarea_pagelinks { margin-top: 0.5em; }

.pager_pagingarea { margin-bottom: 1em; }

.pager_scroll_next { padding: 1px 4px; }

.pager_scroll_prev { padding: 1px 4px; }

.pager_pagingarea .pager_scroll_w1 .pagerlink { width: 0.7em; }

.pager_pagingarea .pager_scroll_w2 .pagerlink { width: 1.4em; }

.pager_pagingarea .pager_scroll_w3 .pagerlink { width: 2.1em; }

.pager_pagingarea .pager_scroll_w4 .pagerlink { width: 2.8em; }

.pager_pagingarea .pager_scroll_w5 .pagerlink { width: 3.5em; }

.pager_pagingarea .pager_scroll_w6 .pagerlink { width: 4.2em; }

.pager_pagingarea .pager_scroll_w7 .pagerlink { width: 4.9em; }

.pager_pagingarea .pager_scroll_w8 .pagerlink { width: 5.6em; }

.pager_optionarea { margin-bottom: 1em; }

table.pager_table.simpleborder { border-radius: 17px; border-color: blue; }

table.pager_table.simpleborder .pager_header_row { border-style: dotted; }

table.pager_table.simpleborder .pager_header_row th:first-child { border-color: red; }

#pager_col_config_table input[type='radio'] { accent-color: #0d0; }

#pager_col_config_table th[colspan='4'] { border-bottom: 1px solid #66a; }

#pager_col_config_table td, #pager_col_config_table th { padding: 2px 4px; border-left: 1px solid #66a; }

#pager_col_config_table th:nth-child(1), #pager_col_config_table td:nth-child(1) { border-left: none; }

table.pager_table { border-spacing: 0; border-collapse: collapse; border-color: #888; border-style: solid; color: #fff; background-color: #222; }

table.pager_table #pager_popover .pager_sort { display: block; text-decoration: underline; padding-left: 1em; }

table.pager_table #pager_popover label { display: block; padding-left: 1em; text-align: right; }

table.pager_table #pager_popover label input { display: inline-block; margin-left: 0.25em; }

table.pager_table #pager_popover input[type='submit'] { color: white; background-color: black; }

table.pager_table > thead, table.pager_table > tfoot { position: sticky; top: 0px; z-index: 1; }

table.pager_table > thead > tr, table.pager_table > tfoot > tr { background-color: #eee; color: #333; }

table.pager_table > tbody > tr > td, table.pager_table > tfoot > tr > th, table.pager_table > thead > tr > th { padding: 2px 4px; }

table.pager_table > tbody > tr > td:first-child, table.pager_table > tfoot > tr > th:first-child, table.pager_table > thead > tr > th:first-child { border-left: 1px solid #888; }

table.pager_table > tbody > tr > td.lastcol, table.pager_table > tfoot > tr > th.lastcol, table.pager_table > thead > tr > th.lastcol, table.pager_table > tbody > tr > td:last-child, table.pager_table > tfoot > tr > th:last-child, table.pager_table > thead > tr > th:last-child { border-right: 1px solid #888; }

table.pager_table > thead > tr > th, table.pager_table > tfoot > tr > th { border-top: 1px solid #888; border-bottom: 1px solid #888; }

table.pager_table > tbody > tr:nth-child(even) { background-color: #333333; }

table.pager_table > tbody > tr > td, table.pager_table > tbody > tr > th { padding: 3px 5px; border-bottom-width: 1px; border-right-width: 1px; }

table.pager_table > tbody > tr > th { color: #fff; }

table.pager_table th.pager_functions_available, table.pager_table th.pager_config_function { text-decoration: underline; }

table.pager_table #pager_popup_container { position: relative; font-weight: normal; display: inline-block; }

@media (max-width: 1023px) { table.pager_table #pager_popup_container { position: fixed; top: 0; left: 0; z-index: 100; } }

table.pager_table th #pager_popup { display: block; color: #fff; background-color: black; padding: 4px; border: 2px solid #888; border-radius: 10px; position: absolute; min-width: 15em; top: 0; left: 0; }

table.pager_table th #pager_popup .pager_popup_line { display: block; }

table.pager_table th #pager_popup .pager_popup_function { text-decoration: underline; }

@media (max-width: 1023px) { table.pager_table { display: block; } table.pager_table > thead { width: 100%; } table.pager_table > thead > tr > th { border-top: none; border-bottom: none; } table.pager_table > thead > tr > th:first-child { border-left: none; } table.pager_table > thead.has_filters > tr:before { color: #333300; padding-right: 10px; content: "Filtern: "; } table.pager_table > thead.has_sortables > tr:before { color: #333300; padding-right: 10px; content: "Sortieren: "; } table.pager_table > thead.has_sortables.has_filters > tr:before { color: #333300; padding-right: 10px; content: "Filtern / Sortieren: "; } table.pager_table > thead > tr { max-width: 100vw; width: 100%; display: flex; flex-wrap: wrap; } table.pager_table > thead > tr > th { display: none; } table.pager_table > thead > tr > th[data-sortable] { display: inline; padding-left: 1em; } table.pager_table > thead > tr > th[data-pager-filter] { display: inline; padding-left: 1em; } table.pager_table > tfoot { display: none; } table.pager_table > tbody { display: block; } table.pager_table > tbody > tr { display: block; margin-top: 0.5em; } table.pager_table > tbody > tr > td { display: block; display: flex; border-top: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; } table.pager_table > tbody > tr > td:before { color: #ffffd0; padding-right: 10px; content: attr(data-pager-field); flex-basis: 50%; text-align: right; } }

.pager_visual { text-align: center; margin: 0 auto; position: relative; }

.pager_visual_config { margin-top: 0.5em; }

/* bundling modules/tabs/tabs.sass */
.uf_tabbed .tablabel { margin-right: 0.25em; margin-bottom: 0.25em; padding: 4px 10px; display: inline-block; border: 1px solid #ddd; color: white; background-color: #2a2a2a; cursor: pointer; }

.uf_tabbed .tablabel.tab_active { background-color: #c0c0d0; color: black; border: 1px solid #ccc; cursor: text; }

.uf_tabbed .tablabel:hover { color: #d00; background-color: #888; }

.uf_tabbed .tablabel:hover.tab_active { color: black; background-color: #c0c0d0; }

.uf_tabbed .tablabel.tab_disabled { opacity: 0.5; cursor: text; }

.uf_tabbed .tablabel.tab_disabled:hover { color: white; background-color: #2a2a2a; }

.uf_tabbed .tabcontent { display: none; }

.uf_tabbed .tabcontent.tab_active { display: inherit; }

/* bundling modules/ufml/ufml.sass */
.ufml-quote cite { quotes: "“" "”" "‘" "’"; }

.ufml-quote cite:before { content: "\201C"; }

.ufml-quote cite:after { content: "\201D"; }

.ufml-root header { font-size: 100%; text-decoration-line: underline; text-decoration-color: currentcolor; display: inline-block; }

.ufml-root header.colored { color: orange; }

.ufml-root header.large { font-size: 125%; text-decoration-style: dashed; }

.ufml-root p { text-indent: 0; margin-top: 1em; }

.ufml-root div.ufml-blockquote { margin: 1em 0; }

.ufml-root div.ufml-blockquote > span { font-style: italic; }

.ufml-root div.ufml-blockquote cite { margin-left: 1em; display: block; }

.ufml-root .ufml-indent { padding-left: 3em; }

.ufml-root .ufml-sidebar { float: right; max-width: 30%; margin: 2px 0 2px 1em; padding: 2px; border: 1px solid #888; }

.ufml-root .ufml-spoiler { background-color: #888; color: #888; }

.ufml-root img { max-width: 100%; }

.ufml-root dl dt { font-weight: bold; }

.ufml-root dl dd { margin-bottom: 0.25em; }

.ufml-root table.ufml-table th { font-weight: bold; }

.ufml-root table.ufml-table th, .ufml-root table.ufml-table td { padding-left: 0.5em; }

.ufml-root table.ufml-table th:first-child, .ufml-root table.ufml-table td:first-child { padding-left: 0px; }

.ufml-root table.ufml-csv th { font-weight: bold; }

.ufml-root table.ufml-csv th, .ufml-root table.ufml-csv td { padding-left: 0.5em; border: 1px solid #888; }

.ufml-root table.ufml-csv th:first-child, .ufml-root table.ufml-csv td:first-child { padding-left: 0px; }

.ufml-crop { border-bottom: 1px dotted #888; position: relative; }

.ufml-crop .ufml-crop-child { margin: 8px; border: 2px solid #000; box-sizing: content-box; padding: 8px; background-color: #222; bottom: 0px; left: 0px; display: inline-block; }

/* bundling modules/photowall/photowall.sass */
body.pagetype-photowall_page { /* this would be completely unreadable if scaled down */ }

body.pagetype-photowall_page #container { text-align: center; }

body.pagetype-photowall_page #container.scaledown .pw-thumb { -ms-zoom: 50%; -o-zoom: 50%; zoom: 50%; }

body.pagetype-photowall_page #ss_2012_img { margin: 0 auto; }

body.pagetype-photowall_page .pw-thumb { display: inline-block; margin: 10px; padding: 0px; vertical-align: middle; position: relative; cursor: pointer; overflow: hidden; }

body.pagetype-photowall_page #container.scaledown .pw-thumb:hover { z-index: 20; transform: scale(2); transition: transform 1s; overflow: visible; }

body.pagetype-photowall_page .pw-thumb .title { padding: 7px 3px 5px; display: block; font-size: 12px; }

body.pagetype-photowall_page .pw-thumb .copyright { padding: 0px 3px; display: block; font-size: 10px; }

body.pagetype-photowall_page .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; word-wrap: break-word; overflow-wrap: break-word; background: black; z-index: 10; opacity: 0.0; filter: alpha(opacity=0); overflow: hidden; vertical-align: baseline; }

body.pagetype-photowall_page .pw-thumb:hover .back { opacity: 1.0; filter: alpha(opacity=100); transition: opacity 1s; }

body.pagetype-photowall_page #container.scaledown .pw-thumb:hover .back { opacity: 0.0; transition: opacity 0s; }

body.pagetype-photowall_page #container.scaledown .pw-thumb:hover .back { position: static; top: inherit; bottom: 0; left: 0; padding-bottom: 5px; width: auto; height: auto; opacity: 1; z-index: 25; border: 1px solid #888; }

body.pagetype-photowall_page #info { position: fixed; z-index: 200; top: 0; left: 0; width: 200px; font-size: 12px; background-color: white; text-align: left; color: black; }

/* bundling modules/hier/hier.sass */
#hier_sidedir { padding: 4px 0; width: 100%; border-right: 1px solid black; }

#hier_sidedir hr { clear: both; }

#hier_sidedir #hier_sidedir_left { float: left; width: 12em; }

#hier_sidedir #hier_sidedir_right { max-width: 100%; margin-left: 12.5em; }

#hier_sidedir #hier_sidedir_right ol { margin-left: 0; padding-left: 0; list-style-type: none; display: block; }

#hier_sidedir #hier_sidedir_right ol li { display: inline-block; padding-right: 0.5em; white-space: pre-wrap; }

#hier_sidedir #hier_sidedir_right #hier_unhide { text-decoration: underline; }

/* bundling modules/growl/growl.sass */
dialog.ufgrowl { position: fixed; bottom: 0.5em; right: 0.5em; margin: 0 0.5em 0.5em auto; border-color: #f60; }

dialog.ufgrowl .msg { margin-top: 0.25em; position: relative; cursor: pointer; }

dialog.ufgrowl .msg h1 { margin: 0 1.5em 0 1em; }

dialog.ufgrowl .msg p { margin: 0 0 0 1.5em; text-indent: 0; }

dialog.ufgrowl .msg:first-child { margin-top: 0; }

dialog.ufgrowl .msg.growl-info { border: 3px solid #dd0; color: #fff; }

dialog.ufgrowl .msg.growl-info .ui-notification-titlebar { background-color: #ffffaa; color: #fff; border-bottom: 2px solid #888; }

dialog.ufgrowl .msg.growl-info::before { content: "!"; color: #dd0; }

dialog.ufgrowl .msg.growl-success { border: 3px solid #4d4; color: #fff; }

dialog.ufgrowl .msg.growl-success .ui-notification-titlebar { background-color: #f1fcf1; color: #fff; border-bottom: 2px solid #888; }

dialog.ufgrowl .msg.growl-success::before { content: "!"; color: #4d4; }

dialog.ufgrowl .msg.growl-error { border: 3px solid #f00; color: #fff; }

dialog.ufgrowl .msg.growl-error .ui-notification-titlebar { background-color: #ffcccc; color: #fff; border-bottom: 2px solid #888; }

dialog.ufgrowl .msg.growl-error::before { content: "!"; color: #f00; }

dialog.ufgrowl .msg.growl-warning { border: 3px solid #f60; color: #fff; }

dialog.ufgrowl .msg.growl-warning .ui-notification-titlebar { background-color: #ffe0cc; color: #fff; border-bottom: 2px solid #888; }

dialog.ufgrowl .msg.growl-warning::before { content: "?"; color: #f60; }

dialog.ufgrowl .msg::after { content: attr(data-dur); position: absolute; right: 0; top: 0; color: #888; }

dialog.ufgrowl .msg::before { position: absolute; left: 0; top: 0; bottom: 0; color: #888; font-size: 125%; line-height: 100%; padding: 0.125em 0 0 0.25em; }

dialog.ufgrowl[data-prio='4'] { border-color: #f00; }

dialog.ufgrowl[data-prio='3'] { border-color: #f60; }

dialog.ufgrowl[data-prio='1'] { border-color: #4d4; }

dialog.ufgrowl[data-prio='2'] { border-color: #dd0; }

dialog.ufgrowl::backdrop { background-color: #rgdb 128, 128, 160, 100; display: none; }

/* bundling modules/snippet/snippet_micro.sass */
.snippet_micro { min-width: 270px; border: 1px solid #888; border-radius: 5px; background-color: #fff; color: #222; text-align: left; vertical-align: top; /* chromium needs this */ box-shadow: 0 0 2px 2px #fff; }

.snippet_micro a:link { color: #000; }

.snippet_micro a:visited { color: #444; }

.snippet_micro a:hover, .snippet_micro a:active { color: #000; }

.snippet_micro a { text-decoration: underline; }

.snippet_micro a.uf_micropreview { display: none; }

.snippet_micro a.snippet_image { text-decoration: none; }

.snippet_micro .snippet_title { background-color: transparent; text-align: left; padding: 0; margin: 0; font-size: 125%; line-height: 1.2; }

.snippet_micro_head { padding: 3px; display: grid; grid-template-columns: min-content 1fr; }

.snippet_micro_head .snippet_micro_avatar { grid-column: 1; grid-row: 1 / span 2; }

.snippet_micro_head .snippet_micro_title { grid-column: 2; grid-row: 1; }

.snippet_micro_head .snippet_micro_info { grid-column: 2; grid-row: 2; }

.snippet_micro_footer { padding: 3px; display: block; /* for old browsers */ }

.snippet_micro_footer_link { font-size: smaller; }

.snippet_micro_info { font-size: x-small; }

.snippet_links { font-size: x-small; }

.snippet_created { clear: left; font-size: small; overflow: hidden; }

.snippet_create_date { font-style: italic; float: left; margin-right: 1em; }

.snippet_user_id { font-style: italic; float: left; margin-right: 1em; }

.snippet_commentcount { font-style: italic; float: left; margin-right: 1em; }

.snippet_micro_content { border-top: 1px dashed #888; padding: 3px; }

.snippet_micro.inactive .snippet_micro_head, .snippet_micro.inactive .snippet_micro_content, .snippet_micro.inactive .snippet_micro_footer { opacity: 0.5; }

.snippet_micro.inactive .snippet_micro_head:after { content: "Dieses Objekt ist deaktiviert!"; border: 2px solid red; background-color: white; color: black; }

/* bundling modules/snippet/snippet.sass */
.snippet { border: 1px solid #777777; background-color: white; color: black; overflow: hidden; position: relative; text-align: left; vertical-align: top; /* chromium needs this */ margin: 1em; }

.snippet a { text-decoration: underline; }

.snippet a:link { color: black; }

.snippet a:visited { color: black; }

.snippet a:hover { color: black; }

.snippet a:active { color: black; }

.snippet a.uf_micropreview { text-decoration: underline; }

.snippet a.snippet_image { text-decoration: none; }

.snippet .snippet_title { font-size: 100%; background-color: transparent; text-align: left; padding: 0; margin: 0; font-size: 125%; line-height: 1.2; }

.snippet .snippet_head { padding: 3px; margin-bottom: 0.5em; background-color: #fed; }

.snippet .snippet_footer { padding: 3px; background-color: #fed; display: block; /* for old browsers */ }

.snippet .snippet_footer_link { font-size: smaller; }

.snippet .snippet_info { font-size: x-small; }

.snippet .snippet_links { font-size: x-small; }

.snippet .snippet_created { clear: left; font-size: small; overflow: hidden; }

.snippet .snippet_create_date { font-style: italic; float: left; margin-right: 1em; }

.snippet .snippet_user_id { font-style: italic; float: left; margin-right: 1em; }

.snippet .snippet_commentcount { font-style: italic; float: left; margin-right: 1em; }

.snippet .snippet_views { font-style: italic; float: left; margin-right: 1em; }

.snippet .snippet_image { float: right; display: block; background-color: #ddd; text-align: center; }

.snippet a.snippet_image { padding: 5px; }

.snippet .snippet_content { clear: left; padding: 3px; }

.snippet .snippet_more { position: absolute; background-color: #fed; right: 0; bottom: 0; padding: 2px; }

.snippet .snippet_more a { font-size: smaller; }

.snippet.indent_level_0 { margin-left: 0em; }

.snippet.indent_level_1 { margin-left: 1.5em; }

.snippet.indent_level_2 { margin-left: 3.0em; }

.snippet.indent_level_3 { margin-left: 4.5em; }

.snippet.indent_level_4 { margin-left: 5.25em; }

.snippet.indent_level_5 { margin-left: 6.00em; }

.snippet.indent_level_6 { margin-left: 6.50em; }

.snippet.indent_level_7 { margin-left: 7.00em; }

.snippet.indent_level_8 { margin-left: 7.50em; }

.snippet.indent_level_8 { margin-left: 8.00em; }

.snippet.indent_level_9 { margin-left: 8.50em; }

.snippet.indent_level_10 { margin-left: 9.00em; }

.snippet.inactive .snippet_head, .snippet.inactive .snippet_content, .snippet.inactive .snippet_footer { opacity: 0.5; }

.snippet.inactive .snippet_title:before { content: "Dieses Objekt ist deaktiviert!"; border: 2px solid red; background-color: white; color: black; }

/* bundling pages/image_comparision.sass */
body.pagetype-image_comparision_page .overlay .einblenden { display: none; }

body.pagetype-image_comparision_page .overlay img { border: 0; padding: 0; margin: 0; }

body.pagetype-image_comparision_page .overlay:hover .einblenden { display: inline; }

body.pagetype-image_comparision_page .overlay:hover .ausblenden { display: none; }

/* bundling pages/image_analysis.sass */
body.pagetype-image_analysis_page .overlay .einblenden { display: none; }

body.pagetype-image_analysis_page .overlay img { border: 0; padding: 0; margin: 0; }

body.pagetype-image_analysis_page .overlay:hover .einblenden { display: inline; }

body.pagetype-image_analysis_page .overlay:hover .ausblenden { display: none; }

/* bundling pages/debuginfo.sass */
body.pagetype-debuginfo_page #features { max-width: 100%; table-layout: fixed; }

body.pagetype-debuginfo_page #features th.center { padding-top: 1em; background-color: #888; }

body.pagetype-debuginfo_page #buttonholder { display: none; }

body.pagetype-debuginfo_page dl#wasistwas { margin-left: 4em; }

/* bundling templates/default/tabellen_visualisierung.sass */
#tv_tip { text-align: left; color: black; border: 1px solid #222; background-color: #eee; }

/* bundling templates/default/object_post_fileselector.sass */
.object_post_fileselect_wrap { position: relative; }

.object_post_fileselect_wrap .object_post_fileselect_inputarea input.ui-state-active { background-color: #f88; color: #222; }

.object_post_fileselect_wrap .object_post_fileselect_files { width: 100%; }

.object_post_fileselect_wrap .object_post_fileselect_files .dragme { cursor: move; }

.object_post_fileselect_wrap .object_post_fileselect_files ul { list-style-type: none; }

.object_post_fileselect_wrap .object_post_fileselect_files ul li { display: inline-block; margin: 2px 5px; padding: 2px; font-size: smaller; border: 1px solid #888; width: 240px; min-height: 80px; margin-bottom: 3px; vertical-align: top; }

.object_post_fileselect_wrap .object_post_fileselect_files ul li .image { float: right; }

.object_post_fileselect_wrap .object_post_fileselect_files ul li .opfs-postponed-image { cursor: pointer; }

.object_post_fileselect_wrap .object_post_fileselect_files ul li .opfs-postponed-image:after { content: "Klick für Vorschau"; }

.object_post_fileselect_wrap .object_post_fileselect_files ul li .opfs-postponed-image img { display: none; }

.object_post_fileselect_wrap .object_post_fileselect_files ul li .pixel, .object_post_fileselect_wrap .object_post_fileselect_files ul li .kb, .object_post_fileselect_wrap .object_post_fileselect_files ul li .filetype { display: block; }

.object_post_fileselect_wrap .object_post_fileselect_files ul li .filename { display: block; margin-top: 0.25em; clear: both; font-weight: bold; }

.object_post_fileselect_final { clear: both; }

/* bundling templates/default/commentarea.sass */
#com_bit { margin-top: 1.5em; margin-bottom: 1.5em; }

#com_bit #com_bit_refselect { width: auto; max-width: 100%; }

/* bundling types/dra/dra.sass */
.uf_draft_container input[type=button] { width: 8em; margin-right: 1em; }

.uf_draft_container select { min-width: 12em; border-style: solid; border-color: #888; border-width: 1px; }

.uf_draft_container { font-family: sans-serif; }

/* bundling types/rub/rub.sass */
body.object-type-rub #rub_archive_desc_toggle_wrapper { text-align: center; }

body.object-type-rub #rub_archive_desc_wrapper { position: relative; }

body.object-type-rub #rub_archive_desc { display: none; }

body.object-type-rub #rub_archive_desc.hover { position: absolute; z-index: 1; padding: 4px; border: 6px solid #999; border-bottom: 6px solid #999; display: block; background-color: black; max-width: 60em; margin-right: 13em; }

/* bundling types/rub/rub_archive.tpl.sass */
@media (max-width: 768px) { div.rub_archive_wrapper { display: grid; flex-direction: row-reverse; } div.rub_archive_wrapper div.rub_archive_index { float: none; grid-row: 1; font-size: smaller; width: auto; } div.rub_archive_wrapper div.rub_archive_index h3::after { content: "zeigen"; display: inline; font-weight: normal; font-size: medium; padding-left: 1em; } }

@media (max-width: 768px) and (max-width: 360px) { div.rub_archive_wrapper div.rub_archive_index { font-size: small; } }

@media (max-width: 768px) { div.rub_archive_wrapper div.rub_archive_index ul { margin-left: 0; padding-left: 0; display: none; background-color: #8888; } div.rub_archive_wrapper div.rub_archive_index.shown ul { display: block; } div.rub_archive_wrapper div.rub_archive_index.shown h3::after { content: "verstecken"; } div.rub_archive_wrapper div.rub_archive_index li { float: left; margin: 0.25em; padding: 0.25em; font-size: large; font-size: large; border: 1px solid #888; } div.rub_archive_wrapper div.rub_archive_index li.current { font-weight: bold; text-decoration: underline; background-color: #222; } div.rub_archive_wrapper div.rub_archive_index li.current a:any-link { color: #0f0; } div.rub_archive_wrapper div.rub_archive_content { margin-right: 0; grid-row: 2; } }

/* bundling types/img/img_splugin_bgcolor.sass */
.bgcolor_button { height: 24px; width: 36px; padding: 0px 4px; vertical-align: middle; display: inline-block; }

.bgcolor_button span { width: 18px; height: 24px; display: inline-block; background-color: #ccc; }

.bgcolor_button span:first-child { background-color: #333; }

/* bundling types/img/img_splugin_blackwhite.sass */
body.pagetype-img-show .blackwhite_button { height: 24px; width: 36px; padding: 0px 4px; vertical-align: middle; display: inline-block; }

body.pagetype-img-show .blackwhite_button span { width: 18px; height: 24px; display: inline-block; background-color: #eee; }

body.pagetype-img-show .blackwhite_button span:first-child { background-color: #333; }

/* bundling types/img/img.sass */
.img_page_import_wrapper .preview { width: 750px; max-width: 100%; table-layout: fixed; margin: 1em auto; }

.img_page_import_wrapper .preview th { width: 20%; }

.img_page_import_wrapper .preview td { width: 80%; overflow: hidden; text-overflow: ellipsis; }

.img_page_import_wrapper .preview td img { max-width: 600px; max-height: 500px; }

.img_page_import_wrapper .hinweis { max-width: 55em; margin: 0.5em auto; }

.img_imageblock { text-align: center; position: relative; /* fixes iPad trouble. This empty thing breaks the layout there. */ }

.img_imageblock dialog.contextmenu ul { padding-left: 0; }

.img_imageblock dialog.contextmenu ul li { list-style-type: none; text-align: left; }

.img_imageblock dialog.contextmenu ul li:hover { background-color: #2980b9; color: white; }

.img_imageblock dialog.contextmenu ul li:hover a { color: white; }

.img_imageblock .img_imageblock_top { display: none; }

.img_imageblock .img_imageblock_imgwrapper { margin-bottom: 3px; }

.img_imageblock .img_imageblock_imgwrapper .img_imageblock_innerwrapper { position: relative; }

.img_imageblock .img_imageblock_imgwrapper .img_imageblock_innerwrapper .copyrighthack { display: none; font-weight: normal; font-style: italic; background-color: black; background-color: rgba(0, 0, 0, 0.75); color: white; position: absolute; left: 0; top: 0; margin: 2px; border: 2px solid #888; padding: 2px; z-index: 1; }

.img_imageblock .img_imageblock_imgwrapper .img_imageblock_innerwrapper:hover .copyrighthack { display: block; }

.img_imageblock .img_imageblock_imgwrapper .img_imageblock_innerwrapper .img_image { cursor: pointer; }

.img_imageblock .img_imageblock_imgwrapper .img_imageblock_innerwrapper .img_imageblock_scroll_block { width: 200px; max-width: 25%; display: none; }

.img_imageblock .img_imageblock_imgwrapper .img_imageblock_innerwrapper .img_imageblock_scroll_left { position: absolute; left: 0; bottom: 0; top: 0; cursor: all-scroll; cursor: url(../../images/scroll_da_left.png) 0 12, w-resize; }

.img_imageblock .img_imageblock_imgwrapper .img_imageblock_innerwrapper .img_imageblock_scroll_right { position: absolute; bottom: 0; top: 0; right: 0; cursor: all-scroll; cursor: url(../../images/scroll_da_right.png) 23 12, e-resize; }

.img_imageblock .img_subimagebuttons { margin-top: 3px; }

body.pagetype-img-show .imagedata { margin-top: 2em; margin-left: auto; margin-right: auto; min-width: 50em; max-width: 70em; table-layout: fixed; width: 100%; table-layout: fixed; }

body.pagetype-img-show .imagedata th { text-align: left; padding-right: 0.25em; width: 11em; font-weight: normal; }

body.pagetype-img-show .imagedata tr.linkage { background-color: inherit; }

body.pagetype-img-show .imagedata .keywordline td, body.pagetype-img-show .imagedata .keywordline th { padding-top: 1em; padding-bottom: 1em; }

body.pagetype-img-show .imagedata tr.twocol > td { min-width: 840px; /* object_linkage area */ }

body.pagetype-img-show .imagedata > tr > td { min-width: 40em; }

body.pagetype-img-show .imagedata .showtechnical2 { text-decoration: underline; cursor: pointer; }

body.pagetype-img-show .imagedata .img-description { padding-bottom: 2em; }

body.pagetype-img-show .imagedata .img-description .bbcodeoutput { max-width: 60em; }

body.pagetype-img-show .imagedata .bbcodeoutput { max-width: 40em; }

body.pagetype-img-show .imagedata tr:nth-child(even) { background-color: rgba(128, 128, 128, 0.1); }

body.pagetype-img-show .imagedata #technicalspace { max-width: 52em; }

body.pagetype-img-show #imagecomments { margin-top: 2em; }

body.img_post { overflow-y: auto; }

#img_post_wrapper { max-width: 70em; }

#img_post_wrapper details { margin-bottom: 0.5em; }

#img_post_wrapper details summary { text-align: left; background-color: #73b33d; line-height: 1.5; padding: 0.25em 0; }

@media (max-width: 960px) { #img_post_wrapper details summary { text-align: center; } }

#img_post_wrapper .img_post_choosearea .img_post_usethis { display: inline; }

@media (max-width: 960px) { #img_post_wrapper .img_post_choosearea { max-width: 100%; } }

#img_post_wrapper .userstorageinfo li::marker { color: transparent; }

@media (max-width: 960px) { #img_post_wrapper .userstorageinfo meter { display: block; text-align: center; } }

#img_post_wrapper #multiupload_wrapper > h1 { display: none; }

#img_post_wrapper #multiupload_wrapper .limits th { width: 8em; }

#img_post_wrapper #multiupload_form { max-width: 720px; margin-top: 0.25em; }

#img_post_wrapper #multiupload_form > table { width: 100%; border: 5px solid #76B3D4; }

@media (max-width: 960px) { #img_post_wrapper #multiupload_form > table { border-left: none; border-right: none; } }

#img_post_wrapper #multiupload_form > table .headline { display: none; }

#img_post_wrapper #multiupload_form > table .footerline { background-color: #76B3D4; }

#img_post_wrapper #multiupload_form > table > tbody > tr td { padding: 2px; }

#img_post_wrapper #multiupload_form > table .set-1st td { text-align: center; }

#img_post_wrapper #multiupload_form > table input[type=submit] { background-color: #53CD39; border: 2px outset #90EC7D; color: #fff; font-size: 100%; }

#img_post_wrapper #multiupload_form > table input[type=reset] { background-color: #EE4253; border: none; color: #fff; }

#img_post_wrapper h1, #img_post_wrapper h2, #img_post_wrapper h3 { text-align: center; }

#img_post_wrapper p { margin-left: auto; margin-right: auto; text-align: left; text-indent: 0; }

#img_post_wrapper ul { margin: 0 auto; text-align: left; }

#img_post_wrapper .tablist { margin: 0 auto; text-align: center; }

#img_post_wrapper .tablist .tablabel { border: 2px solid #d80; border: 2px solid #F6A544; }

#img_post_wrapper .tablist .tablabel.tab_current { background-color: #d80; background-color: #F6A544; color: black; }

#img_post_wrapper .tabcontent { max-width: 50em; margin: 0 auto; }

#img_post_wrapper #choosehelper, #img_post_wrapper #uploadhelper { text-decoration: underline; cursor: pointer; }

#img_post_wrapper p.info { font-size: 125%; font-weight: bold; color: orange; }

#img_post_wrapper .report dt { color: orange; }

#img_post_wrapper .report dd .wrong { color: red; }

#img_post_choose { border: 5px solid #76B3D4; }

#img_post_choose thead { background-color: #76B3D4; padding-bottom: 2px; }

#img_post_choose .headtailwrapper { background-color: #76B3D4; }

#img_post_choose .uffile_op { text-decoration: underline; cursor: pointer; }

#img_post_choose input[type=submit] { background-color: #53CD39; border: 2px outset #90EC7D; color: #fff; font-size: 100%; }

.img_post .imgcontainer { margin: 0.5em auto; }

.img_post .imgcontainer div { display: inline-block; position: relative; }

.img_post .imgcontainer div span { z-index: 999; position: absolute; left: 0; top: 0; font-size: 200%; padding: 0 6px; border: 2px solid #888; background-color: #ddd; color: black; cursor: pointer; }

.img_post .imgcontainer img { max-width: 800px; max-height: 400px; }

.img_post .imgcontainer .magnified img { max-width: initial; max-height: initial; }

.exiftable { max-width: calc(100vw - 2em); }

.exiftable tbody, .exiftable tr, .exiftable th, .exiftable td { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

.exiftable .block { text-align: left; padding-left: 0em; font-weight: bold; color: white; color: #76b3d4; }

.exiftable .block.expandable::after { color: blue; content: "  ...anzeigen"; font-weight: normal; cursor: pointer; text-decoration: underline; }

.exiftable .uftechnical.block .showtechnical3 { padding-left: 1em; display: block; }

.exiftable .uftechnical.block .showtechnical3 tr { display: block; }

.exiftable .uftechnical.block .showtechnical3 tr th { display: block; }

.exiftable .uftechnical.block .showtechnical3 tr th a { color: #76b3d4; }

.exiftable .uftechnical.block .showtechnical3 tr td { display: block; padding-left: 2em; color: #fff; }

.exiftable .head { padding-left: 1em; color: #76b3d4; }

.exiftable .body { padding-left: 2em; color: #fff; }

.exiftable .head.hide, .exiftable .body.hide { display: none; }

.exiftable .head.garbage::after { color: blue; content: "  ...Inhalt zeigen"; cursor: pointer; text-decoration: underline; }

.exiftable .body.garbage { display: none; }

#img_metatakeover div.subcontainer { border-top: 1px solid #888; border-bottom: 1px solid #888; }

#img_metatakeover .line div { display: inline-block; }

#img_metatakeover table { margin-left: 0.5em; margin-bottom: 0.5em; }

#img_metatakeover table tr td, #img_metatakeover table tr th { padding: 0.1em 1em 0.1em 0; border: 1px solid gray; }

#img_metatakeover pre, #img_metatakeover div.techold { margin-left: 2em; font-family: monospace; }

#img_metatakeover .endsubblock { border-bottom: 1px dotted #888; }

#img_metatakeover .warning { color: red; }

/* bundling types/img/img_splugin_fullscreen.sass */
body.pagetype-img-show #img_imageblock:fullscreen, body.pagetype-img-show #img_imageblock:-webkit-full-screen { background-color: black; display: flex; width: 100%; height: 100%; flex-direction: column; }

body.pagetype-img-show #img_imageblock:fullscreen #img_imageblock_imgwrapper, body.pagetype-img-show #img_imageblock:-webkit-full-screen #img_imageblock_imgwrapper { flex-grow: 1; align-items: center; display: flex; }

body.pagetype-img-show #img_imageblock:-moz-full-screen { background-color: black; }

body.pagetype-img-show div:-webkit-full-screen { width: 100% !important; z-index: 2147483646; }

body.pagetype-img-show div:-moz-full-screen { width: 100% !important; height: 100% !important; overflow: hidden; display: table; table-layout: fixed; }

body.pagetype-img-show div:-moz-full-screen #img_imageblock_imgwrapper { display: table-cell; vertical-align: middle; height: 100%; width: 100%; }

body.pagetype-img-show :-webkit-full-screen .tohide { display: none; }

body.pagetype-img-show :-moz-full-screen .tohide { display: none; }

/* bundling types/img/img_splugin_mousepos.sass */
body.pagetype-img-show #mouseposdisplay { position: fixed; background: black; background: rgba(0, 0, 0, 0.6); color: #fff; top: 0; right: 0; border: 10px solid #ff0; border: 10px solid rgba(255, 255, 0, 0.2); min-width: 15em; min-height: 3em; z-index: 1000; }

/* bundling types/bug/bug.sass */
body.object-type-bug #bug_notifications_wrapper { text-align: right; }

body.object-type-bug #bug_notifications { display: inline-block; font-size: 90%; border: 1px dotted #f80; }

body.object-type-bug #debuginfobutton { margin-left: 4em; }

body.object-type-bug #debuginfos { border: 1px solid #888; margin: 1em auto; }

body.object-type-bug #debuginfos td { white-space: pre-wrap; }

/* bundling types/ser/ser_story.sass */
article.ser_show.storymode { display: flex; flex-flow: column; margin: 0 auto; }

article.ser_show.storymode .storymeta, article.ser_show.storymode .storydesc { max-width: 60em; margin: 0 auto; }

article.ser_show.storymode .storymeta { text-align: center; }

article.ser_show.storymode .storymeta h2 { text-align: center; }

article.ser_show.storymode .storydesc { text-align: left; text-indent: 0; }

article.ser_show.storymode .ufml-root { max-width: 60em; }

article.ser_show.storymode img { margin: 0 auto; margin-top: 1em; }

article.ser_show.storymode .ufml-root, article.ser_show.storymode .storymeta, article.ser_show.storymode .ser_story_element p { max-width: 60em; margin: 0 auto; }

article.ser_show.storymode .ser_story_element { margin: 1em auto 0; }

article.ser_show.storymode .ser_story_element .image_meta { display: flex; justify-content: space-between; }

article.ser_show.storymode .ser_story_element .image_meta .image_name { display: inline; font-size: 1.1em; line-height: 1.1; font-weight: bold; }

article.ser_show.storymode .ser_story_element .image_meta .image_date_author { display: inline; font-size: 0.9em; line-height: 1.0; }

article.ser_show.storymode .ser_story_element h3 div { display: inline; }

article.ser_show.storymode .story_img { margin: 0 auto; }

/* bundling types/boo/boo.sass */
body.object-type-boo #nfmain article.allmode section { margin: 1em 0; }

body.object-type-boo #nfmain article.singlemode nav.dir { margin: 1em 0; }

body.object-type-boo #nfmain article.singlemode { max-width: 60em; margin-left: 17.5em; padding-left: 1em; }

body.object-type-boo #nfmain .boo_all_view { padding: 0.25rem 0.25rem 0.5rem; display: inline-block; }

body.object-type-boo #nfmain .sidedir { padding: 4px; heigth: 100%; width: 17em; float: left; border-right: 1px solid black; max-height: 100vh; overflow-y: auto; position: sticky; top: 0; }

body.object-type-boo #nfmain #content article .subdir { padding-left: 1em; }

body.object-type-boo #nfmain #content a:link, body.object-type-boo #nfmain #content a:visited, body.object-type-boo #nfmain #content a:hover, body.object-type-boo #nfmain .subarticle .subdir { counter-reset: chapter; }

body.object-type-boo #nfmain .subarticle h1.object:before { counter-increment: chapter; content: counters(chapter, ".") ". "; }

body.object-type-boo #nfmain nav.dir { margin: 1em; }

body.object-type-boo #nfmain nav.dir .subdir { counter-reset: navchapter; padding-left: 1em; }

body.object-type-boo #nfmain nav.dir .entryname { font-size: 90%; margin: 0.25em 0 0 0; }

body.object-type-boo #nfmain nav.dir .entryname:before { counter-increment: navchapter; content: counters(navchapter, ".") ". "; }

body.object-type-boo #nfmain .test ol { counter-reset: li; }

body.object-type-boo #nfmain .test ol li:before { counter-increment: li; content: ">>" counters(li, ".") ". "; }

body.object-type-boo #nfmain .clear { clear: both; }

body.object-type-boo #nfmain .helperlinks form { display: inline-block; }

body.object-type-boo #nfmain .sidedir nav.dir { margin: 0; }

body.object-type-boo #nfmain nav.dir .entry.current .entryname.current { font-weight: bold; }

body.object-type-boo #nfmain nav.dir .teaser { padding-left: 2em; font-size: 90%; }

body.object-type-boo #nfmain .mainheading { margin-top: 0; }

body.object-type-boo #nfmain #generic_main_inner { padding-left: 0; }

@media print { body.object-type-boo #nfmain .helperlinks { display: none; } body.object-type-boo #nfmain body { line-height: 1.4; background-color: white; font-size: 11px; } body.object-type-boo #nfmain section { page-break-inside: avoid; } body.object-type-boo #nfmain .ufbbcode_sidebar { page-break-inside: avoid; } body.object-type-boo #nfmain .sidedir { display: none; } }

/* bundling types/usr/usr.sass */
.usr_login_ssl_warning { border: 2px solid red; border-radius: 10px; padding: 5px; margin: 1em auto; text-align: center; }

.usr_login_screen_core { margin-left: auto; margin-right: auto; max-width: 768px; }

#usr_messages_container { margin: 0 auto; color: black; }

#usr_messages_container a { color: black; }

.usr_messages_entry { width: 30em; max-height: 10em; overflow: hidden; display: inline-block; vertical-align: top; border: 1px solid #888; margin: 1em 0.5em; padding: 5px; background-color: #888; font-size: 100%; }

.usr_messages_date { font-size: 90%; }

.usr_messages_description { background-color: #fff; color: black; padding: 4px 2px; }

.usr_messages_body { margin-top: 5px; padding: 2px; font-size: 90%; color: black; background-color: #fff; }

.usr_messages_delete_one { display: inline-block; height: 1em; margin-right: 1em; float: left; line-height: 1em; text-align: center; }

#usr_register { max-width: 50em; margin: 0 auto; }

#usr_register input { padding: 2px; }

#usr_register_password_info { max-width: 50em; margin: 1em auto; }

#usr_config_main { display: block; }

#usr_config_main section.top { display: block; vertical-align: top; text-align: center; }

#usr_config_main section.top section { display: inline-block; box-sizing: border-box; width: 20em; border: 1px solid #888; border-radius: 10px; vertical-align: top; background-color: rgba(255, 255, 255, 0.05); margin: 0.5em; }

#usr_config_main section.top section a { height: 100%; width: 100%; min-height: 6em; display: block; text-decoration: none; }

#usr_config_main section.top section a p { text-decoration: none; font-style: italic; }

#usr_config_main section.top section.red { background-color: rgba(255, 0, 0, 0.15); }

#usr_config_main section.top section h1 { margin-top: 0em; margin-bottom: 0em; padding-top: 0.25em; padding-left: 0.25em; padding-bottom: 0.5em; font-size: 125%; }

#usr_privacy_edit dl.privacy dl { margin-left: 4em; }

#usr_privacy_edit dl.privacy dd { margin-left: 4em; }

#usr_privacy_edit dl.privacy dt { font-style: italic; font-weight: bold; }

#usr_privacy_edit dl.privacy span.small { font-size: 75%; display: block; margin: 0.5em 0; }

#usr_privacy_edit form#priv_form fieldset#fieldset1_ihre_gruppen label { display: none; }

#usr_privacy_edit form#priv_form fieldset#fieldset1_ihre_gruppen table td { max-width: 10em; }

#usr_privacy_edit form#priv_form fieldset#fieldset1_ihre_gruppen .formlinecontent { margin-left: 0; }

#usr_disable_account #disable_main { max-width: 60em; }

#usr_disable_account dl#disable_account span.small { display: block; font-size: 75%; margin: 0.5em 1em; }

#usr_disable_account dl#disable_account dt { font-weight: bold; margin-top: 1em; margin-bottom: 0.25em; }

#usr_disable_account dl#disable_account dd { margin-left: 4em; }

#usr_preferences_extra #notif, #usr_preferences_extra #email { margin-top: 1em; }

#usr_preferences_extra #list { margin-bottom: 1em; }

body.pagetype-usr-other #qrcode img { background-color: white; padding: 20px; }

/* bundling types/tas/tas.sass */
#tas_ref { width: 100%; height: 100%; min-height: 640px; }

#tas_content { margin: 2em; white-space: pre-wrap; max-width: 60em; }

/* bundling types/com/com.sass */
html .snippet-type-com.newcomment { border-color: #76B3D4; }

html .snippet-type-com.newcomment .snippet_head { background-color: #76B3D480; }

/* bundling types/cht/cht.sass */
.cht-main { border: 2px solid #888; padding: 0px; position: relative; }

.cht-main .bbcodearea { margin-bottom: 1em; }

.cht-main .cht-age-info { width: 1.5em; display: inline-block; text-align: right; }

@media (max-width: 768px) { .cht-main .cht-main-actuality { font-size: smaller; } }

.cht-main .cht-functions { position: absolute; right: 0; top: 0; }

.cht-main .cht-functions .cht-hilfe-link { background-color: #FD0; color: black; margin-left: 2em; }

@media (max-width: 768px) { .cht-main .cht-functions { position: static; font-size: smaller; } }

.cht-main .cht-content-container { display: none; }

.cht-main .cht-content-container.current { display: block; }

.cht-main .cht-content-container .cht_content { max-width: 90%; border: 1px solid #888; }

@media (max-width: 768px) { .cht-main .cht-content-container .cht_content { max-width: 100vw; display: block; } .cht-main .cht-content-container .cht_content tbody { max-width: 100vw; display: block; } }

.cht-main .cht-content-container .cht_content td { width: auto; padding-left: 2px; padding-right: 2px; }

.cht-main .cht-content-container .cht_content .cht_line { max-width: 80em; border-top: 1px dotted #888; }

@media (max-width: 768px) { .cht-main .cht-content-container .cht_content .cht_line { display: block; padding-bottom: 0.5em; } .cht-main .cht-content-container .cht_content .cht_line max-width:calc(100vw) td { display: inline-block; } .cht-main .cht-content-container .cht_content .cht_line td.cht_author, .cht-main .cht-content-container .cht_content .cht_line td.cht_recipient, .cht-main .cht-content-container .cht_content .cht_line td.cht_timestamp { font-size: smaller; width: auto; min-width: inherit; max-width: inherit; } .cht-main .cht-content-container .cht_content .cht_line td.cht_text { display: block; } .cht-main .cht-content-container .cht_content .cht_line.cht_private_line td.cht_text { max-width: calc(100vw - 1.5em); padding-left: 1.5em; } .cht-main .cht-content-container .cht_content .cht_line.cht_line_from_user.cht_private_line td.cht_text { padding-right: 1.5em; padding-left: 0; } }

.cht-main .cht-content-container .cht_content .cht_dateline td { font-weight: bold; background-color: #888; }

@media (max-width: 768px) { .cht-main .cht-content-container .cht_content .cht_dateline { width: 100%; display: block; } .cht-main .cht-content-container .cht_content .cht_dateline td { width: 100%; display: block; } }

.cht-main .theme { background-color: #444; color: #4f0; font-size: 125%; margin: 1em 0; }

.cht-main .top_text { background-color: #444; padding: 0.25em; color: #fff; font-size: 100%; margin: 0.5em 0; }

.cht-main .cht-selector-tabs { width: 100%; border-bottom: 1px solid #888; border-top: 1px solid #888; background-color: #222; color: white; }

.cht-main .cht-selector-tabs .cht-tab { display: inline-block; min-width: 4em; min-height: 2em; padding: 3px 1.5em 3px 3px; border-left: 1px solid #888; border-right: 1px solid #888; margin: 0px 2em 0px 0px; background-color: #444; position: relative; }

@media (max-width: 768px) { .cht-main .cht-selector-tabs .cht-tab { min-width: auto; margin-right: 5px; padding-right: 3px; } }

.cht-main .cht-selector-tabs .cht-tab.current { background-color: #1a1; }

.cht-main .cht-selector-tabs .cht-tab.user::before { content: "*"; }

.cht-main .cht-selector-tabs .cht-tab.system::before { content: "#"; }

.cht-main .cht-selector-tabs .cht-tab .unseen { position: absolute; right: 0; top: 0; font-size: 80%; }

.cht-main .cht-online-age { font-size: 80%; vertical-align: super; }

.cht-main .cht-inputarea { margin-left: 2em; padding-bottom: 1em; }

@media (max-width: 768px) { .cht-main .cht-inputarea { margin-left: 0em; } }

.cht-main .cht-inputarea .oneliner-wrapper .markItUpResizeHandle { display: none; }

.cht-main .cht-inputarea .fileupload_button { margin-bottom: 0.5em; display: block; margin-left: 6em; }

.cht-main .cht-inputcontainer { background-color: #111; margin-bottom: 1em; }

.cht-main .cht-inputcontainer textarea { margin: 0; padding: 0; width: 70%; height: 4em; border: 1px solid #999; font-size: 133%; }

@media (max-width: 768px) { .cht-main .cht-inputcontainer textarea { width: 99%; } }

.cht-main .cht-inputcontainer textarea:focus { background: #dd0; color: black; border-color: cyan; }

.cht-main .cht-inputcontainer input.cht_textline { width: 70%; font-size: 133%; }

@media (max-width: 768px) { .cht-main .cht-inputcontainer input.cht_textline { width: 99%; } }

.cht-main .cht-inputcontainer input.cht_textline:focus { background: #dd0; color: black; border-color: cyan; }

.cht-main[data-current_spec="274939,0,0"] input[type="submit"] { background: #f00; color: black; }

.cht-main[data-current_spec="274939,0,0"] .cht-tab.current { background: #f00; }

.cht-main .cht-system-message { background-color: #310; border-bottom: 1px solid #888; }

/* bundling types/pms/pms.sass */
.pms_buttonline { text-align: center; }

.pms_filter_form { margin-left: 1em; }

.pms_mark_all_button { text-decoration: underline; }

#pms_multisomething { margin-top: 2em; }

/* bundling plugins/quickmessages.sass */
#quickmessages_note { display: none; background-color: #dd0; font-size: smaller; cursor: pointer; }

#quickmessages_note .infotext_short { display: none; }

/* bundling plugins/suchblock.sass */
#suchform_wrapper { display: none; }

#suchform_wrapper .suchform { width: 24em; text-align: right; padding: 2px; }

#suchform_wrapper .suchform input[name=q] { width: 23em; display: block; width: 100%; font-size: 100%; }

/* bundling plugins/quicklinks2.sass */
#quicklinks_output li { margin-top: 0.5em; }

#quicklinks_output table { clear: both; }

#quicklinks_output td { vertical-align: top; padding: 2px 4px; }

#quicklinks_output th { padding: 2px 4px; }

/* bundling site/modules/search/search_output.sass */
h2 { margin-bottom: 0.5em; }

.search-output { margin: 0 auto; display: flex; flex-flow: column; justify-content: space-evenly; }

.search-output #search_form { display: flex; justify-content: space-around; }

.search-output #search_form .formwrapper { border-color: #585858; }

.search-output #search_form > table { max-width: calc(100vw - 16px); text-align: left; }

.search-output #search_form > table > tbody > tr:nth-child(3) > th { padding-top: 2em; }

.search-output #search_form > table > tbody > tr:nth-child(4) > th { padding-top: 2em; }

.search-output #search_form > table > tbody > tr:nth-child(3) > td, .search-output #search_form > table > tbody > tr:nth-child(4) > td { padding-left: 1em; }

.search-output #search_form > table > tbody > tr:last-child > td { padding-bottom: 1em; }

.search-output #search_form > table table th { min-width: 14em; }

.search-output #search_form input[name="q"] { font-size: 125%; margin-left: 1em; max-width: calc(100vw - 3em); }

.search-output #search_form input[type="submit"] { text-decoration: underline; background-color: #4d4; color: #dbd4c7; border: 2px outset #22ff22; padding: 4px; min-width: 100px; margin-right: 20px; }

/* bundling site/types/img/img_show.sass */
html #ss_2012_controls #ss_2012_controls_inner { background-color: black; color: white; }

html #ss_2012_controls #ss_2012_controls_inner .gcontrol { color: white; border-color: white; }

html #ss_2012_continue { background-color: black; background-color: rgba(0, 0, 0, 0.75); color: white; }

html #ss_2012_thumbs_nextpage { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

html #ss_2012_thumbs_prevpage { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

html #ss_2012_title { background-color: #000; background-color: rgba(0, 0, 0, 0.75); color: white; }

html #ss_2012_title a { color: white; }

#ss_2012_activator { display: none; }

@media (max-width: 767px) { .orig_filename { display: none; } table.odata { width: 100%; display: block; } table.odata tbody { display: block; } table.odata tr.rk-einrueck { display: block; } table.odata tr.rk-einrueck th { display: block; padding-left: 0.25em; } table.odata tr.rk-einrueck td { display: block; padding-left: 1.25em; padding-bottom: 0.75em; } }

#imageblock { position: static; z-index: 5; }

#imgblock { display: block; position: relative; z-index: 1; }

#imgblock::after, #imgblock::before { width: 50%; top: 0; bottom: 0; position: absolute; content: " "; display: none; }

#imgblock::after { right: 0; cursor: url(../../site/images/cursor-right.png) 24 24, e-resize; }

#imgblock::before { left: 0; cursor: url(../../site/images/cursor-left.png) 24 24, w-resize; }

/* XXX */
#imageblock.clickactive #imgblock::after, #imageblock.clickactive #imgblock::before, #imageblock:hover #imgblock::after, #imageblock:hover #imgblock::before { display: block; }

#imgblock img { z-index: 1; }

#imgblock .inimglink { width: 25%; top: 0; bottom: 0; position: absolute; display: block; background-image: url(templates/default/images/trans.gif); text-decoration: none; color: black; }

#imgblock #inimgprev { left: 0; }

#imgblock #inimgprev span { left: 2px; }

#imgblock #inimgnext { right: 0; }

#imgblock #inimgnext span { right: 2px; }

#imgblock .inimglink span { z-index: 2; background-color: #888; border-radius: 10px; padding: 8px 16px; display: none; top: 300px; position: absolute; border: 1px solid black; }

#imgblock .inimglink:hover span { display: block; }

#img_nav_links { margin-bottom: 2em; margin-top: 4px; text-align: center; font-size: 87.5%; }

#theimage { cursor: pointer; cursor: hand; }

.blackout { height: 18px; width: 36px; padding: 0px 4px; vertical-align: middle; display: inline-block; }

.blackout span { width: 12px; height: 12px; color: black; margin: 1px; display: inline-block; }

.blackout span:first-child { background-color: #333; border: 1px solid white; }

.blackout span:last-child { background-color: #eee; border: 1px solid white; }

#ss_2012_scale_wrapper { display: none !important; }

#imgblock { justify-content: space-around; text-align: center; }

.imgname { font-size: 87.5%; font-weight: bold; width: 100%; }

.pagetype-img-show .rk_img_current_in_ser { outline: 1px solid rgba(64, 255, 64, 0.5); background-color: #303030 !important; }

/* bundling site/types/ser/ser_show.sass */
#untease { text-decoration: underline; text-align: right; display: block; }

#description { display: none; }

/* bundling site/types/xth/xth_show.sass */
#untease { text-decoration: underline; text-align: right; display: block; }

#description { display: none; }