/** * CSS für CMS * by Conny Henn - https://wiki.hennweb.de * Date: 01/2022 */ /* Rand um die Seite entfernen */ *{ margin:0; padding:0; } #header-wrapper { } /* Menü Buttons */ #top-menue-container { /* Sticky Navbar - Menüleiste bleibt oben stehen */ position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } ul.topnav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: lightgray; } ul.topnav li { float: left; } ul.topnav li a { display: block; color: #666; text-align: center; padding: 14px 16px; text-decoration: none; } ul.topnav li a:hover:not(.active) { background-color: #ddd; } ul.topnav li a.active { color: white; background-color: gray; } ul.topnav li.right { float: right; } /* Responsive Menü */ @media screen and (max-width: 600px) { ul.topnav li.right, ul.topnav li { float: none; } } /* minimale Höhe für Content */ #content-wrapper { min-height: 400px; padding: 10px; } #footer-wrapper { height:100px; background: lightgray; padding: 10px; } /* Bilder responsive */ .responsive { width: 100%; height: auto; }