@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/uwe2012/links_page.sass */
.pagetype-links #secondcol { float: left; width: 290px; border-radius: 0 0px 10px 0; }

.pagetype-links #secondcol #secondcol_inner { padding-top: 0; }

.pagetype-links #secondcol #secondcol_inner ul { margin: 0; padding: 0 0 0 1em; }

.pagetype-links #secondcol #secondcol_inner ul li { list-style-type: none; padding-left: 1em; }

.pagetype-links #secondcol #secondcol_inner ul li.head { font-weight: bold; margin-top: 1em; padding-left: 0em; }

.pagetype-links #secondcol #secondcol_inner ul li:nth-child(even) { background-color: #eee8b0; }

#maincol { margin-left: 300px; }

.snippet-type-com { border-radius: 10px; padding: 3px; background-color: #F7F4DA; margin-left: 0; }

.snippet-type-com .snippet_head { background-color: #F7F4DA; }

.snippet-type-com .snippet_content { background-color: #FFFCE6; }

.snippet_infoline4 { font-size: 125%; }

#guestbook .snippet { color: black; }

#guestbook .snippet_head { color: black; }

#guestbook form label { float: none; text-align: left; }

#guestbook form .formlinecontent { margin-left: 1em; max-width: 95%; }

#guestbook form li.markItUpButton6 { display: none; }

#guestbook form li.markItUpButton7 { display: none; }

#guestbook form li.markItUpButton8 { display: none; }

#guestbook form li.markItUpButton15 { display: none; }

#guestbook form li.markItUpButton17 { display: none; }

/* bundling site/themes/uwe2012/homepagecontent.sass */
#homepagecontent h2 { margin: 1.5em 1.1em 0.4em 1.1em; padding: 0; text-align: left; }

#homepagecontent #blog-container ul { margin: 0; padding: 0 0.25em; }

#homepagecontent #blog-container ul li { list-style-type: none; max-width: 100%; white-space: pre; text-overflow: ellipsis; overflow: hidden; }

#homepagecontent #blog-container ul li .date { font-size: smaller; padding-right: 1em; }

#homepagecontent #newimages-container #newimages { display: flex; flex-wrap: wrap; max-width: 100%; justify-content: space-around; max-height: calc(320px * 2 + 8px); overflow: hidden; }

#homepagecontent #newimages-container #newimages .thumb { background-color: transparent; }

#homepagecontent #ausstellung-container #ausstellung { display: flex; flex-wrap: wrap; max-width: 100%; justify-content: space-around; max-height: calc(320px * 1 + 4px); overflow: hidden; }

#homepagecontent #ausstellung-container #ausstellung .thumb { background-color: transparent; }

#homepagecontent #oldimages-container #oldimages { display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 100%; }

#homepagecontent #oldimages-container #oldimages .thumb { background-color: transparent; }

@media screen and (max-width: 960px) { #homepagecontent #newimages-container #newimages { max-height: inherit; } #homepagecontent #ausstellung-container { display: none; } #homepagecontent #oldimages-container { display: none; } }

@media screen and (min-width: 1280px) { #blog-container { width: 35em; float: right; } }

@keyframes land-on-land { 0% { opacity: 0;
    transform: scale3d(0, 0, 0); }
  11% { opacity: 1;
    transform: scale3d(1, 1, 1); }
  50% { opacity: 1;
    transform: scale3d(1, 1, 1); }
  90% { opacity: 1; }
  100% { opacity: 0; } }

#largearea.animated { animation: land-on-land var(--dauer) linear infinite; opacity: 0; }

/* bundling site/themes/uwe2012/uwe2012.sass */
.bgsoundplayer { background-color: black; }

.row1 { background-color: #eeeeee; }

.row2 { background-color: #d6d6d6; }

.info { color: red; background-color: #EDD7BE; }

.warning { color: #ff0000; background-color: #EDD7BE; font-weight: bold; }

.error { color: blue; background-color: #EDD7BE; font-weight: bold; }

.metadata { font-size: 75%; }

h1, h2, h3, h4, h5, h6, .head1, .head2 { text-align: left; padding-left: 0.25em; margin: 0.75em 0.5em; max-width: 55rem; }

h1 { font-size: 133%; font-weight: bold; }

h2 { font-size: 122%; font-weight: bold; padding-left: 1em; }

h3 { font-size: 111%; font-weight: bold; padding-left: 2em; }

p { padding: 0.5em 1em; max-width: 55em; }

ol, ul { margin: 1em 0 1em 1.5em; }

ol ul, ol ol, ul ul, ul ol { margin: 0em 0 0em 1em; }

li { margin-bottom: 0.33em; }

li:last-child { padding-bottom: 0; }

#secondcol h1, #secondcol h2, #secondcol h3, #secondcol h4, #secondcol h5, #secondcol h5, #secondcol .head1, #secondcol .head2 { background-color: #e3dac3; }

html, body { height: 100%; }

body { width: 100%; line-height: 1.2; background-color: #888888; background-color: #cccccc; font-family: 'Verdana', serif; font-size: 18px; }

body.onecol #maincol { margin-left: 0px; }

#secondcol_under { min-height: 100%; background-color: yellow; bottom: 0; top: 0; width: 33%; position: absolute; z-index: -1; }

#layout_container { margin-left: auto; margin-right: auto; }

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

#page #sitehead { order: 1; display: flex; align-items: center; background-color: #eeeeee; color: #ffffff; border-bottom: 1px solid black; }

#page #sitehead .menuentry { padding-right: 0.33em; font-size: 10px; text-align: center; }

#page #sitehead .menuentry.hide { display: none; }

@media screen and (min-width: 410px) { #page #sitehead .menuentry { font-size: 11px; } }

@media screen and (min-width: 500px) { #page #sitehead .menuentry { font-size: 12px; } }

@media screen and (min-width: 768px) { #page #sitehead .menuentry { font-size: 14px; } }

@media screen and (min-width: 1024px) { #page #sitehead .menuentry { font-size: 17px; } }

#page #sitehead .sitehead_gap1 { flex-grow: 2; }

#page #sitehead .sitehead_gap2 { flex-grow: 1; }

#page #sitehead #quickmessages_note { color: black; background-color: inherit; top: 50%; margin-top: -8px; font-size: 8px; display: none !important; }

#page #sitehead #quickmessages_note span { font-size: 13px; }

#page #sitehead #text_uwe { font-size: 12px; font-weight: bold; }

@media screen and (min-width: 1024px) { #page #sitehead #text_uwe { padding-right: 1em; display: inline-grid; grid-auto-flow: row; } #page #sitehead #text_uwe:before { content: "seen by"; font-size: 14px; line-height: 12px; font-weight: normal; letter-spacing: initial; text-decoration: none; grid-column: 1; grid-row: 1; padding-right: 0.5em; } #page #sitehead #text_uwe:after { content: attr(data-last_date); font-size: 7px; line-height: 10px; font-weight: normal; letter-spacing: initial; text-decoration: none; grid-column: 1; grid-row: 2; } #page #sitehead #text_uwe span { grid-column: 2; grid-row: 1/3; font-size: 22px; font-weight: bold; } }

#page #sitehead #text_impressum { font-size: 7px; display: block; margin: 0 0 0 0; padding: 0 5px 3px 5px; flex-grow: 0; }

#page #sitehead #ss_2012_activator { border: 0; }

#page #sitehead #suchlink { background-color: inherit; }

@media screen and (min-width: 320px) { #page #sitehead #directlink_favorites { display: inline; } }

@media screen and (min-width: 410px) { #page #sitehead #directlink_links { display: inline; } #page #sitehead #directlink_links span { display: none; } }

@media screen and (min-width: 410px) { #page #sitehead #directlink_blog { display: inline; } }

@media screen and (min-width: 500px) { #page #sitehead #directlink_sitemap { display: inline; } }

@media screen and (min-width: 600px) { #page #sitehead #directlink_oldsite { display: inline; } }

@media screen and (min-width: 660px) { #page #sitehead #directlink_management { display: inline; } }

@media screen and (min-width: 999600px) { #page #sitehead #directlink_links span { display: inline; } }

@media screen and (min-width: 710px) { #page #sitehead #directlink_filemanager { display: inline; } }

@media screen and (min-width: 840px) { #page #sitehead #directlink_img_post { display: inline; } }

@media screen and (min-width: 880px) { #page #sitehead #directlink_art_post { display: inline; } }

#page #objectpath { order: 2; }

#page #content { order: 3; flex-grow: 1; }

#page #pagefooter { order: 4; background-color: #EDE0BE; background-color: #eeeeee; clear: both; height: 2.5em; text-align: center; }

#page #pagefooter .homelink { float: left; }

#page #pagefooter .implink { float: right; }

#page .hi_functions { position: relative; margin-left: 1em; margin-right: 1em; padding-left: 1em; }

#page .hi_functions::before { content: ""; position: absolute; left: 0px; top: 0.25em; width: 1em; height: 0.15em; background: black; box-shadow: 0px 0.25em 0px 0px black, 0px 0.5em 0px 0px black; }

body .ufmodal_background .ufmodal_window { background-color: white; }

#generic_title { height: 100px; }

#titletext { padding-top: 10px; padding-left: 10px; font-size: 200%; font-weight: 100; }

#maincol_content { padding-bottom: 2em; }

body .thumb.thumb2016 { border-radius: 10px; background-color: #f0edd8; position: relative; }

.boxpreview { margin: 3px 0 0 3px; }

.boxpreview_add_inner { position: absolute; top: 0; left: 0; height: 13px; width: 13px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #fff8f0; display: none; }

.boxpreview_add_inner2 { position: absolute; top: 0; left: 0; height: 6px; width: 13px; border-bottom: 1px solid #222; }

.boxpreview_add_inner3 { position: absolute; top: 0; left: 0; height: 13px; width: 6px; border-right: 1px solid #222; }

#imageblock { margin-bottom: 1em; text-align: center; }

body .imagedata { margin-left: 1em; margin-right: 1em; }

body .imagedata tr.keywordline td { max-width: 60em; }

a:link { color: #222; }

a:visited { color: #222; }

a:hover { color: #000; }

a:active { color: #000; }

a.glossary_link { text-decoration: none; }

a.glossary_link span { border: 1px dotted #222; color: #000; padding: 0 0.125em; height: 1em; font-size: smaller; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }

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

#page div.mb5 ol.level0 { background-color: transparent; }

#navi { position: absolute; top: 0; left: 0; background-repeat: no-repeat; right: 0; height: 100px; }

.imgrub_nav { list-style-type: none; padding-left: 0; margin-left: 0; }

@media screen and (max-width: 899px) { .navi-rub span { left: 0; top: 0; background-color: #FFFCe6; background-color: rgba(255, 252, 246, 0.75); padding: 2px; border-radius: 4px; } html #secondcol .imgrub_nav li { width: 125px; padding-right: 5px; font-size: smaller; } }

html #bp .bp-view .bp-prev-link span { bottom: 3em; width: 5.5em; position: absolute; }

html #bp .bp-view .bp-next-link span { bottom: 3em; right: 0; position: absolute; }

html #bp .bp-info-wrap { background-color: #FFFCe6; color: #222; }

html #bp .bp-info-wrap .bp-info { background-color: #FFFCe6; color: #222; }

#mainmenu .level1.digest_trenner { padding-top: 1em; }

.imgrub_nav { text-align: center; }

.imgrub_nav li { width: 290px; background-color: #F2EBD9; background-color: #eeeeee; display: inline-block; text-align: left; margin-right: 0.25em; }

.imgrub_nav li .navi-rub { display: inline-block; position: relative; width: 100%; height: 50px; margin: 1px 0; }

.imgrub_nav li .navi-rub span { position: absolute; display: block; left: 130px; top: 12px; }

#secondcol { width: 290px; float: left; background-color: #F2EBD9; border-radius: 0px 0px 10px 0px; margin-right: 10px; background-color: #F2EBD9; margin-right: 0; margin-top: 0; }

#secondcol #secondcol_inner { padding-right: 0; padding: 0.5em 0.5em 0.5em 0; }

body a.ui_abutton, body .ui_abutton a { background-color: #cccccc; }

@media screen and (max-width: 770px) { body.twocol #maincol { margin-left: 0; } body.onecol #maincol { margin-left: 0px; } }

@media screen and (max-width: 760px) { body.twocol #secondcol { margin-left: 0; width: auto; float: none; } body.twocol #maincol { margin-left: 0px; padding: 0px 2px; } .imagedata { display: block; } }

/* body.nf-black, body.nf-black #page { background-color:black !important; } body.nf-white, body.nf-white #page, body.nf-white #img_imageblock { background-color:white !important; } */
body .uf_draggable_object { cursor: pointer; }

body form.nightform .infoline { margin: 3px; padding: 0px; background-color: #f0edd8; float: none; }

div div.commentarea { margin-right: 1em; }

body form.nightform { margin-left: 0; width: 100%; }

body form.nightform textarea { margin-left: 2px; margin-right: 2px; }

body form.nightform textarea:focus, body form.nightform input:focus { background-color: white; }

body form.nightform input[type="reset"], body form.nightform input[type="submit"] { background-color: #F2EBD9; }

body.twocol #secondcol_inner > h2:first-child { margin-top: 0; }

body.twocol #maincol_content h2 { margin-top: 0; }

.odata.art .bbcodeoutput { max-width: 60em; }

body .snippet a:link, body .snippet a:visited, body .snippet a:hover, body .snippet a:active { color: black; }

.snippet-type-art { border-radius: 10px; padding: 3px; background-color: #F7F4DA; margin-left: 0; }

body .snippet { background-color: transparent; background-color: #eeeeee; color: black; }

body .snippet .snippet_head { background-color: inherit; border-bottom: 1px solid black; }

body .snippet .snippet_content { background-color: inherit; }

body .snippet .snippet_avatar { display: none; }

body .snippet .snippet_more { background-color: #F2EBD9; }

.snippet-type-art .snippet_content { background-color: #FFFCE6; }

.snippet_infoline4 { font-size: 125%; }

.ufbbcode_siteimg { display: block; margin: 0.25em auto; text-align: center; }

.ufbbcode_sitevid { display: block; margin: 0.25em auto; text-align: center; }

.ufbbcode_sitevid div { text-align: center; }

.thumbarea { display: flex; flex-wrap: wrap; justify-content: space-between; }

html body.pagetype-img-show #theimage { max-width: 100%; }

html body.pagetype-img-show #img_imageblock_innerwrapper { display: inline-block; }

html body.pagetype-img-show .imagedata { display: block; max-width: 100vw; min-width: auto; table-layout: initial; margin-top: 1em; }

html body.pagetype-img-show .imagedata tr { display: block; margin-top: 0.25em; }

html body.pagetype-img-show .imagedata th { width: auto; display: inline; color: #76B3D4; }

html body.pagetype-img-show .imagedata th a { color: #76B3D4; }

html body.pagetype-img-show .imagedata td { display: block; padding: 0 4px 0 0.75em; }

html body.pagetype-img-show .imagedata td .authorcontactlink { display: block; }

html body.pagetype-img-show .imagedata .keywordline td { padding-top: 0; padding-bottom: 0; }

html body.pagetype-img-show .imagedata .fileupload_button { display: none; }

html body.pagetype-img-show .imagedata #technicalspace { max-width: 100% !important; }

html body.pagetype-img-show .imagedata .showtechnical3 { max-width: 100% !important; width: 100%; }

html body.pagetype-img-show .imagedata .showtechnical3 td { width: 100%; }

html body.pagetype-img-show .thumbarea { text-align: center; display: flex; justify-content: space-around; max-width: 100%; overflow: hidden; }

html body.pagetype-img-show .imagedata { display: none; }

html body.pagetype-img-show .imagedata.show { display: block; margin: 1em; max-width: 60em; }

html body.pagetype-img-show .img_description { padding: 2px 1em; }

html body.pagetype-img-show .img_description .showall { padding-left: 2em; font-size: smaller; text-decoration: underline; cursor: pointer; }

html body.pagetype-img-show .img_description.hide { display: none; }

@media screen and (min-width: 960px) { html body.pagetype-img-show .thumbarea { justify-content: space-between; } }

.objectpath { padding-left: 1em; text-indent: -1em; }

@media screen and (max-width: 960px) { .object-type-art .odata.art .bbcodeoutput { max-width: 100vw; } .object-type-art .odata.art .bbcodeoutput pre { white-space: pre-wrap; } }

body .thumb.framed_thumb { background-color: #888888; }

.thumb.framed_thumb.thumb2021-210 { width: 230px; height: 230px; }

#timinginfo_button.errors_logged { background-color: red; }

/* 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/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/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/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/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/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/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/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/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/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/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/prefs/prefs.sass */
.webnotify_button_area { text-align: center; margin-bottom: 2em; }

/* 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/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/report/report.sass */
#report table { font-family: monospace; }

#report table.pager_table table td { padding: 2px; }

/* 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/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_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_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_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_quickfunctions.sass */
#uf_quickfunctions { text-align: right; }

/* 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/uf_thirdparty.sass */
.uf_thirdpartyprotect { display: block; margin: 1em; min-width: 20em; border: 2px solid #888; padding: 3px; }

/* 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/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_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_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/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_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/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/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/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 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/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/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/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/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/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/contentmoderation/contentmoderation.sass */
#contentmoderation_nerv { margin: 2px 1em 1em 1em; padding: 4px; border: 2px solid #f80; }

/* 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/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/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/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/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/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/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/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/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_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/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/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/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/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/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 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/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/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/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 templates/default/tabellen_visualisierung.sass */
#tv_tip { text-align: left; color: black; border: 1px solid #222; background-color: #eee; }

/* 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/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_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/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_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.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/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/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/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/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/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/com/com.sass */
html .snippet-type-com.newcomment { border-color: #76B3D4; }

html .snippet-type-com.newcomment .snippet_head { background-color: #76B3D480; }

/* 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/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 plugins/quickmessages.sass */
#quickmessages_note { display: none; background-color: #dd0; font-size: smaller; cursor: pointer; }

#quickmessages_note .infotext_short { display: none; }

/* bundling site/modules/uwe/uwe.sass */
.start-slideshow:hover { position: relative; }

.start-slideshow:hover:after { content: "+"; position: absolute; left: 0; bottom: 0; width: 1.25em; height: 1.25em; border: 1px dotted black; border-radius: 10px; font-size: 125%; display: block; background-color: white; color: #000; }

.uf_thumbcontainer.vid img { border-top: 6px dashed black; border-bottom: 6px dashed black; max-height: 198px; }

a.thumb .intense { display: none; }

a.thumb:hover { position: relative; }

a.thumb:hover .intense { content: "+"; position: absolute; left: 0; bottom: 0; width: 1.25em; height: 1.25em; border: 1px dotted black; border-radius: 10px; font-size: 125%; display: block; background-color: white; color: #000; }