/* Styles for MultiColsLayout template */ .voy-multicols-box { box-sizing: border-box; border: 1px solid #6cc8f3; border-radius: 5px; position: relative; padding: 0 .75em .75em; margin: 0; } body.skin-minerva .voy-multicols-box { width: auto !important; } .voy-multicols-box + style + .voy-multicols-box, .voy-multicols-box + link + .voy-multicols-box, .voy-box-wrapper + style + .voy-multicols-box, .voy-box-wrapper + link + .voy-multicols-box, .voy-multicols-box + style + .voy-multicols-box, .voy-multicols-box + link + .voy-multicols-box, .voy-multicols-col > .qbDiv, body.page-Hauptseite .voy-multicols-box { margin-top: .75em; } .voy-multicols-no-frame { border: none; border-radius: 0; padding: 0; box-shadow: none !important; } .voy-multicols-var-1 { /* blau */ border-color: #6cc8f3; } .voy-multicols-var-2 { /* grün */ border-color: #80f000; } .voy-multicols-var-3 { /* rot */ border-color: #f3706c; } .voy-multicols-box .voy-multicols-header { background: #f0f0f0; color: #004f80; margin: 0 -0.6em .75em; padding: .3em .4em; border-top-left-radius: 5px; border-top-right-radius: 5px; border: none; font-size: 1.25em; } .voy-multicols-box .voy-centered { text-align: center; } @media print { .voy-multicols-box .voy-multicols-header { font-size: 1em; border-top: .25mm solid #c0c0c0; border-bottom: .25mm solid #c0c0c0; } } .voy-multicols-var-1 .voy-multicols-header, .voy-multicols-var-1 .voy-multicols-header a { color: #004f80; } .voy-multicols-var-2 .voy-multicols-header, .voy-multicols-var-2 .voy-multicols-header a { color: #00804f; } .voy-multicols-var-3 .voy-multicols-header, .voy-multicols-var-3 .voy-multicols-header a { color: #800200; } .voy-multicols-cols { display: flex; } .voy-multicols-col { box-sizing: border-box; margin: 0; padding-right: .75em; } .voy-multicols-col:last-child { padding-right: 0; width: 100%; } .voy-multicols-col > *:first-child, .voy-multicols-col > style:first-child + *, .voy-multicols-col > link:first-child + * { margin-top: 0; } .voy-multicols-col .calWidth { /* Kalender im Mehrspaltenlayout */ width: 100%; } p.voy-multicols-intro { border: 1px solid #6cc8f3; border-radius: 5px; padding: .5em .5em; margin-bottom: .75em; } div.voy-multicols-intro { margin: .75em 0; } .voy-multicols-footer { margin: .75em 0 0; } @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-multicols-var-1, html.skin-theme-clientpref-night body.ns-100 .voy-multicols-var-1 { border-color: #6cc8f3 !important; } html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-2, html.skin-theme-clientpref-night body.ns-100 .voy-multicols-var-2 { border-color: #80f000 !important; } html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-3, html.skin-theme-clientpref-night body.ns-100 .voy-multicols-var-3 { border-color: #f3706c !important; } html.skin-theme-clientpref-night .voy-multicols-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-header, html.skin-theme-clientpref-night body.ns-100 .voy-multicols-header { background-color: #333 !important; } html.skin-theme-clientpref-night .voy-multicols-var-1 .voy-multicols-header, html.skin-theme-clientpref-night .voy-multicols-var .voy-multicols-header a, html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-1 .voy-multicols-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-1 .voy-multicols-header a { color: #6cc8f3 !important; } html.skin-theme-clientpref-night .voy-multicols-var-2 .voy-multicols-header, html.skin-theme-clientpref-night .voy-multicols-var-2 .voy-multicols-header a, html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-2 .voy-multicols-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-2 .voy-multicols-header a { color: #80f000 !important; } html.skin-theme-clientpref-night .voy-multicols-var-3 .voy-multicols-header, html.skin-theme-clientpref-night .voy-multicols-var-3 .voy-multicols-header a, html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-3 .voy-multicols-header, html.skin-theme-clientpref-night body.page-Main_Page .voy-multicols-var-3 .voy-multicols-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-multicols-var-1, html.skin-theme-clientpref-os body.ns-100 .voy-multicols-var-1 { border-color: #6cc8f3 !important; } html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-2, html.skin-theme-clientpref-os body.ns-100 .voy-multicols-var-2 { border-color: #80f000 !important; } html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-3, html.skin-theme-clientpref-os body.ns-100 .voy-multicols-var-3 { border-color: #f3706c !important; } html.skin-theme-clientpref-os .voy-multicols-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-header, html.skin-theme-clientpref-os body.ns-100 .voy-multicols-header { background-color: #333 !important; } html.skin-theme-clientpref-os .voy-multicols-var-1 .voy-multicols-header, html.skin-theme-clientpref-os .voy-multicols-var .voy-multicols-header a, html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-1 .voy-multicols-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-1 .voy-multicols-header a { color: #6cc8f3 !important; } html.skin-theme-clientpref-os .voy-multicols-var-2 .voy-multicols-header, html.skin-theme-clientpref-os .voy-multicols-var-2 .voy-multicols-header a, html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-2 .voy-multicols-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-2 .voy-multicols-header a { color: #80f000 !important; } html.skin-theme-clientpref-os .voy-multicols-var-3 .voy-multicols-header, html.skin-theme-clientpref-os .voy-multicols-var-3 .voy-multicols-header a, html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-3 .voy-multicols-header, html.skin-theme-clientpref-os body.page-Main_Page .voy-multicols-var-3 .voy-multicols-header a { color: #f3706c !important; } } @media (max-width: 900px) { .voy-multicols-box { border: none; padding: 0; } .voy-multicols-header { margin-left: 0; margin-right: 0; border-radius: 0; } .voy-multicols-cols { flex-direction: column; } .voy-multicols-col { width: 100% !important; margin: 0; padding: 0; } .voy-multicols-col + .voy-multicols-col { margin-top: .75em; } } /* Travel topics rules */ /* Maybe no longer used */ .travelTopics { margin-bottom: 1em; } .travelTopics .floatright { border: solid 1px #cccccc; background: #eeeeee; padding: 3px; margin: 0 0 0 1em; } .travelTopics .voy-box-header { margin: 0 0 .7em; background-color: #ffffff; border-top: none; border-bottom: 1px solid #a2a9b1; padding: .3em 0 0; overflow: hidden; } .travelTopics .voy-box-intertitle { margin-top: 0 !important; }