:root { --bs-font-sans-serif: Arial, "Roboto","Helvetica Neue",Helvetica,sans-serif; --cirsnrw-clr-orange: rgb(237 121 36); --cirsnrw-clr-dark-green: rgb(0 103 36); --cirsnrw-clr-light-green: rgb(137 185 22); --cirsnrw-clr-bluish-gray: rgb(67 106 129); --cirsnrw-clr-background-green: rgb(255 255 255); --bs-link-color: var(--cirsnrw-clr-light-green); } #portal-top { display: none; } #content-header { background: white; margin: 0 0 1.2rem; width: 100%; max-width: 100%; } #main-container { margin: 0 0 1.2rem; } #portal-footer-wrapper { background: white; border: 1px solid var(--cirsnrw-clr-dark-green); } @media (min-width: 576px) { #content-header { padding-inline: calc(50% - 270px + var(--bs-gutter-x) * .5); } } @media (min-width: 768px) { #content-header { padding-inline: calc(50% - 360px + var(--bs-gutter-x) * 0.5); } body.col-one.col-content #portal-column-content { padding-left: 4rem; } #content-header { margin: 0 0 2rem; } } @media (min-width: 992px) { #content-header { padding-inline: calc(50% - 480px + var(--bs-gutter-x) * .5); } } @media (min-width: 1200px) { #content-header { padding-inline: calc(50% - 570px + var(--bs-gutter-x) * .5); } } @media (min-width: 1400px) { #content-header { padding-inline: calc(50% - 660px + var(--bs-gutter-x) * .5); } } @media (min-width: 992px) { #mainnavigation-wrapper { display: none; } #portal-logo-wrapper { width: 100%; } .navbar-expand-lg { width: 270px; height: 90px; background-image: url("/medien/mach_mit-90x90.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; } } #portal-breadcrumbs { display: none; } /* Mobile Menu */ .offcanvas-header { background-color: var(--cirsnrw-clr-dark-green); } .offcanvas-body { background: var(--cirsnrw-clr-background-green); } .navbar-nav .nav-item { background: var(--cirsnrw-clr-background-green) !important; } .navbar-nav .nav-link { color: var(--cirsnrw-clr-dark-green) !important; } /* end */ /* Menu */ .navTreeCurrentItem { color: black; } /* end */ body { background-color: #ffffff; } h1 { color: var(--cirsnrw-clr-dark-green); font-weight: 700; } h2 { margin: 3rem 0 1.5rem; font-size: 1.7rem; color: var(--cirsnrw-clr-dark-green); } h3 { margin: 3rem 0 1.5rem; } .lead { color: var(--cirsnrw-clr-dark-green); margin: 0 0 1rem; } p { line-height: 30px; font-size: 1.125rem; color: #313131; } .diskret { line-height: 30px; font-size: 1rem; color: #cccccc; text-align: left; } .block { float: left; width: 40%; margin-right: 10px; } a { text-decoration: none; } li { line-height: 30px; font-size: 1.12rem; color: #313131; } a:hover { color: var(--cirsnrw-clr-dark-green); } .portletNavigationTree { border: none !important; } .portletNavigationTree * { font-size: 1.125rem !important; color: black !important; border: none !important; } .portletNavigationTree a:hover { color: var(--cirsnrw-clr-dark-green) !important; } .portletNavigationTree .card-header { display: none; } .portletNavigationTree .card-body>ul li:hover { background: none; } .portletNavigationTree .card-body ul li a:hover { background: none; } .col { flex: 0 0 33.333333%; } .wrapper { display:grid;grid-template-columns: repeat(auto-fit, minmax(115px,8%)); gap: 2vw} .box { min-width: 10%; padding: 10px; background: #fff; box-sizing: border-box; }