/* Styles for Box template Version: 2024-09-15 */ .voy-box-wrapper { display: flow-root; box-sizing: border-box; border: 1px solid #6cc8f3; border-radius: 5px; position: relative; padding: 0 0.5em 3px; margin: 0.75em 0 0; } .voy-box-first, .voy-tabsWrapper + style + .voy-box-wrapper, .voy-tabsWrapper + link + .voy-box-wrapper, .voy-tabsWrapper + .voy-box-wrapper { margin: 0; clear: both; } body.skin-minerva .voy-box-wrapper { width: auto !important; } .qbDiv .voy-box-wrapper, .qbRightDiv .voy-box-wrapper { border: none; margin: 0; } body.skin-minerva .voy-box-wrapper + ul, body.skin-minerva .voy-box-wrapper + ol { margin-top: 0.75em; } .voy-box-wrapper .emph { /* for main page */ font-size: 110%; font-weight: bold; } /* border color */ .voy-box-var-1 { /* blau */ border-color: #6cc8f3; } .voy-box-var-2 { /* grün */ border-color: #80f000; } .voy-box-var-3 { /* rot */ border-color: #f3706c; } /* box position */ .voy-box-centered { clear: both; float: none; margin: 1em auto; } .voy-box-left { clear: left; float: left; margin: 0 1em 1em 0; background-color: #fff; color: inherit; } .voy-box-right { clear: right; float: right; margin: 0 0 1em 1em; background-color: #fff; color: inherit; } @media (max-width: 720px) { .voy-box-left, .voy-box-right { clear: both; float: none; margin: 0 0 1em; width: 100% !important; } } /* collapsible and editable boxes */ .voy-box-wrapper .voy-box-edit-link, .voy-box-wrapper > .mw-collapsible-toggle:first-child { display: block; float: right; font-size: 90%; background: transparent; color: inherit; margin: 0.5em 0 0.5em 0.5em; padding-top: 0.4em; } .voy-box-wrapper.mw-collapsed { padding-bottom: 0; } /* box header */ .voy-box-header { background-color: #f0f0f0; color: #004f80; margin: 0 -0.4em 0.4em; padding: 0.3em 0.4em; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 1.25em; } .voy-box-wrapper .voy-text-center { text-align: center; } body.skin-minerva .voy-box-header .lazy-image-placeholder { display: inline; } .mw-collapsed .voy-box-header { border-radius: 5px; margin-bottom: 0; } .voy-box-var-1 > .voy-box-header, .voy-box-var-1 > .voy-box-header a { color: #004f80; } .voy-box-var-2 > .voy-box-header, .voy-box-var-2 > .voy-box-header a { color: #00804f; } .voy-box-var-3 > .voy-box-header, .voy-box-var-3 > .voy-box-header a { color: #800200; } @media print { .voy-box-wrapper { border: 0.25mm solid #6cc8f3; } .voy-box-header { font-size: 1em; border-top: 0.25mm solid #c0c0c0; border-bottom: 0.25mm solid #c0c0c0; } .voy-box-edit-link, .voy-box-wrapper .mw-collapsible-toggle { display: none; } } /* box image */ .voy-box-image { position: relative; /* IE quirks mode */ background-color: transparent; color: inherit; margin: 0 0 0 -0.5em; padding: 2px 2px 1px; float: left; border-top-left-radius: 5px; } @media screen { html.skin-theme-clientpref-night .voy-box-left, html.skin-theme-clientpref-night .voy-box-right { background-color: #000; color: inherit; } html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-1, html.skin-theme-clientpref-night body.ns-100 .voy-box-var-1 { border-color: #6cc8f3 !important; } html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-2, html.skin-theme-clientpref-night body.ns-100 .voy-box-var- { border-color: #80f000 !important; } html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-3, html.skin-theme-clientpref-night body.ns-100 .voy-box-var-3 { border-color: #f3706c !important; } html.skin-theme-clientpref-night .voy-box-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-box-header, html.skin-theme-clientpref-night body.ns-100 .voy-box-header { background-color: #333 !important; } html.skin-theme-clientpref-night .voy-box-var-1 .voy-box-header, html.skin-theme-clientpref-night .voy-box-var-1 .voy-box-header a, html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-1 .voy-box-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-1 .voy-box-header a { color: #6cc8f3 !important; } html.skin-theme-clientpref-night .voy-box-var-2 .voy-box-header, html.skin-theme-clientpref-night .voy-box-var-2 .voy-box-header a, html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-2 .voy-box-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-2 .voy-box-header a { color: #80f000 !important; } html.skin-theme-clientpref-night .voy-box-var-3 .voy-box-header, html.skin-theme-clientpref-night .voy-box-var-3 .voy-box-header a, html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-3 .voy-box-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-box-var-3 .voy-box-header a { color: #f3706c !important; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .voy-box-left, html.skin-theme-clientpref-os .voy-box-right { background-color: #000; color: inherit; } html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-1, html.skin-theme-clientpref-os body.ns-100 .voy-box-var-1 { border-color: #6cc8f3 !important; } html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-2, html.skin-theme-clientpref-os body.ns-100 .voy-box-var-2 { border-color: #80f000 !important; } html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-3, html.skin-theme-clientpref-os body.ns-100 .voy-box-var-3 { border-color: #f3706c !important; } html.skin-theme-clientpref-os .voy-box-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-box-header, html.skin-theme-clientpref-os body.ns-100 .voy-box-header { background-color: #333 !important; } html.skin-theme-clientpref-os .voy-box-var-1 .voy-box-header, html.skin-theme-clientpref-os .voy-box-var-1 .voy-box-header a, html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-1 .voy-box-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-1 .voy-box-header a { color: #6cc8f3 !important; } html.skin-theme-clientpref-os .voy-box-var-2 .voy-box-header, html.skin-theme-clientpref-os .voy-box-var-2 .voy-box-header a, html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-2 .voy-box-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-2 .voy-box-header a { color: #80f000 !important; } html.skin-theme-clientpref-os .voy-box-var-3 .voy-box-header, html.skin-theme-clientpref-os .voy-box-var-3 .voy-box-header a, html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-3 .voy-box-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-box-var-3 .voy-box-header a{ color: #f3706c !important; } } /* box content */ .voy-box-wrapper > .voy-box-content:first-child { margin-top: 0.3em; } .voy-box-content > *:first-child { margin-top: 0; padding-top: 0; } .voy-box-content > p:last-child, .voy-box-content > ul:last-child, .voy-box-content > ol:last-child, .voy-box-content > div:last-child { margin-bottom: 0.3em; } .voy-navigation-bar { text-align: center; padding-bottom: 0; } .voy-navigation-bar .voy-box-header { margin-bottom: 0; } .voy-navigation-bar .voy-box-content { margin-top: 0.3em; padding: 0 0 0.3em; } .voy-navigation-bar .voy-box-image img { background: #fff !important; /* for transparent images */ }