4.0 Header * ----------------------------------------------------------------------------- */ /* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */ #wpadminbar { min-height: 32px; } #site-header { position: relative; z-index: 3; } .site-header { background-color: #282828; max-width: 1260px; position: relative; width: 100%; z-index: 4; border-radius: 0px 0px 15px 15px; } .header-main { min-height: 48px; padding: 0 10px; } /* vorher folgend display block jetzt display none */ .header-text { width:100%; min-height: 110px; display: none; background-color: #da0000; font-weight: 900; margin-left: -30px; padding-left:30px; padding-top: 40px; } .header-text h1 { font-size: 40px; } .header-text h1 a:hover{ color:#b4b4b4; } .header-text h2 { font-size: 20px; color:#cdcdcd; } .site-title { float: left; font-size: 18px; font-weight: 700; line-height: 48px; margin: 0; } .site-title a, .site-title a:hover { color: #fff; } /* Search in the header */ .search-toggle { background-color: #282828; border-radius: 0px 0px 15px 0px; cursor: pointer; float: right; height: 48px; margin-right: 38px; text-align: center; width: 48px; } .search-toggle:hover, .search-toggle.active { background-color: #42a2cc; border-radius: 0px; } .search-toggle:before { color: #fff; content: "\f400"; font-size: 20px; margin-top: 14px; } .search-toggle .screen-reader-text { left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */ } .search-box-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 198px; right: 0; width: 95%; z-index: 2; } .search-box { background-color: #42a2cc; padding: 12px; } .search-box .search-field { background-color: #fff; border: 0; float: right; font-size: 16px; padding: 2px 2px 3px 6px; width: 100%; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ .site-navigation ul { list-style: none; margin: 0; } .site-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); } .site-navigation ul ul { margin-left: 20px; } .site-navigation a { color: #fff; display: block; text-transform: uppercase; } .site-navigation a:hover { color: #42a2cc; } .site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #42a2cc; font-weight: 900; } /* Primary Navigation */ .primary-navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; padding-top: 24px; } .primary-navigation.toggled-on { padding: 72px 0 36px; } .primary-navigation .nav-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: none; } .primary-navigation.toggled-on .nav-menu { display: block; } .primary-navigation a { padding: 7px 0; } /* Secondary Navigation */ .secondary-navigation { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 12px; margin: 48px 0; } .secondary-navigation a { padding: 9px 0; } .menu-toggle { cursor: pointer; font-size: 0; height: 48px; margin: 0; overflow: hidden; position: absolute; top: 0; right: 0; text-align: center; width: 48px; background-color: #42a2cc; border-radius: 0px 0px 0px 9px; } .menu-toggle:hover { background-color: #c1c1c1; } .menu-toggle:before { color: #fff; content: "\f419"; margin-top: 16px; } /**