/*---------------------------------------------------------------- - Add here your custom overrides to the default template style ---------------------------------------------------------------- */ /** * IMPORTANT: be aware that this file is included in ALL layouts and ALL graphic modes. * Therefore remember to add the correct body class to ANY override you add. * --- classes for: LAYOUT MODE --- * "body.default-layout" | "body.full-access" | "body.high-contrast" | "body.mobile-layout" * --- classes for: GRAPHIC MODE (DEFAULT LAYOUT) --- * "body.default-graphic-mode" | "body.night-mode" | "body.best-legibility" * --- classes for: GRAPHIC MODE (MOBILE LAYOUT) --- * "body.default-graphic-mode" | "body.night-mode" * --- classes for: GRAPHIC MODE (HIGH CONTRAST LAYOUT) --- * "body.bright-on-dark" | "body.dark-on-bright" | "body.black-on-color" * HINT: check the element, you will find many other useful classes **/ body { font-family: "Segoe UI", "Calibri", Arial, Helvetica, sans-serif; } /** * Layouts für Modulpositionen */ #zf--guest-view--main-top-A .moduletable { border-color: #153AA5; border-style: solid; border-width: 2px; margin: 4px; } #zf--guest-view--main-top-A .moduletable p { padding: 4px; } #zf--guest-view--main-top-A .moduletable h3 { margin: 0px; background-color: #153AA5; color: white; padding: 4px; } #zf--guest-view--main-top-B1 .moduletable { border-color: #153AA5; border-style: solid; border-width: 2px; margin: 4px; } #zf--guest-view--main-top-B1 .moduletable p { padding: 4px; } #zf--guest-view--main-top-B2 .moduletable { border-color: #153AA5; border-style: solid; border-width: 2px; margin: 4px; } #zf--guest-view--main-top-B2 .moduletable p { padding: 4px; } #zf--guest-view--main-top-B1 .moduletable h3 { margin: 0px; background-color: #153AA5; color: white; padding: 4px; } #zf--guest-view--main-top-B2 .moduletable h3 { margin: 0px; background-color: #153AA5; color: white; padding: 4px; } #zf--guest-view--main-top-C1 .moduletable { border-color: #1674A6; border-color: #AC0A4E; border-style: solid; border-width: 2px; margin: 4px; min-height: 20.5em; } #zf--guest-view--main-top-C1 .moduletable p { padding: 4px; } #zf--guest-view--main-top-C2 .moduletable { border-color: #5016A6; border-color: #AC0A4E; border-style: solid; border-width: 2px; margin: 4px; min-height: 20.5em; } #zf--guest-view--main-top-C2 .moduletable p { padding: 4px; } #zf--guest-view--main-top-C3 .moduletable { border-color: #AC0A4E; border-style: solid; border-width: 2px; margin: 4px; min-height: 20.5em; } #zf--guest-view--main-top-C3 .moduletable p { padding: 4px; } #zf--guest-view--main-top-C1 .moduletable h3 { margin: 0px; background-color: #1674A6; background-color: #AC0A4E; color: white; padding: 4px; } #zf--guest-view--main-top-C2 .moduletable h3 { margin: 0px; background-color: #5016A6; background-color: #AC0A4E; color: white; padding: 4px; } #zf--guest-view--main-top-C3 .moduletable h3 { margin: 0px; background-color: #AC0A4E; color: white; padding: 4px; } /** Hack für Überschrift Infmodul */ #zf--guest-view--aside-right .moduletable h3 { margin: 8px; border-bottom: 4px; border-style: solid; border-color: #AC0A4E; padding: 4px; } /** * Hack für Überschrift Nachrichtenmodul */ .item-page div.moduletable h3 { border-bottom: 4px; border-style: solid; border-color: #AC0A4E; } /** * Hack für Überschrift und Positionierung/Gestaltung Terminmodul */ #zf--aside-bottom-A div.moduletable h3 { margin: 20px; border-bottom: 4px !important; border-bottom-style: solid !important; border-bottom-color: #AC0A4E !important; } #zf--aside-bottom-A { border: 1px solid #CCC; position: relative; background-color: white; } #zf--aside-bottom-B1 div.moduletable h3 { margin: 20px; border-bottom: 4px !important; border-bottom-style: solid !important; border-bottom-color: #AC0A4E !important; } #zf--aside-bottom-B1 { border: 1px solid #CCC; position: relative; background-color: white; } @media screen and (min-width: 600px) { #zf--aside-bottom-A { margin-left:20%; } } @media screen and (min-width: 600px) { #zf--aside-bottom-B1 { width: 0px; } #zf--aside-bottom-B1 { margin-left:17%; margin-left:17%; } } #zf__html #zf--body .zf--width-50\%-md { width: 66%; } /*** * Navigation ab dritter Ebene auf Unterseiten * Teilweise Hacks ... */ ul.nav_menu { margin: 0px; } ul.nav-child.unstyled.small { margin: 0px; } ul.nav-child.unstyled.small li { margin: 0px; } ul.nav-child.unstyled.small li a { display: block; padding: 2px; margin: 1px; margin-left: -3em; max-width:25em; border: #153AA5 solid 2px; } ul.nav-child.unstyled.small li a:hover { color: white; background-color: #153AA5; } ul.nav-child.unstyled.small li a:active { color: white; background-color: #153AA5; } ul.nav-child.unstyled.small li a:focus { color: white; background-color: #153AA5; } .nav li a.invisible { display:none; } /*** * Hack für Ansicht Beitragsheader */ #zf--guest-view--main-article .page-header { display: none; } /*** * Generischer Hack für gemutete Elemente (Bug im Theme?) */ .muted { display: none; } /** * Termin-Navigation entfernen */ .ev_navigation { display: none; } .jev_evdt_hits { visibility: hidden; }