#menuecontainer {padding-left:1em; padding-right:1em} nav#dropdownmenue {font-family: 'Muli' !important; font-size:1.2em !important; } nav#dropdownmenue ul li.ebene1 {font-size:1.0em !important;} nav#dropdownmenue ul li.ebene2 {font-size:1.0em !important;} .absolutemenue {position: absolute; top: 0px; left:0px; } span.keinlink {cursor:pointer;} .menubtn{ display: none; } nav#dropdownmenue{ text-transform: normal; line-height: 1.3; display: block; position: relative; z-index:9999; text-align:center; } nav#dropdownmenue span.menueplusicon { display: none; } nav#dropdownmenue ul, nav#dropdownmenue ul ul { padding: 0; margin: 0; list-style: none; line-height: 1em; position: relative; } nav#dropdownmenue ul a, nav#dropdownmenue ul em, nav#dropdownmenue ul span.keinlink { display: block; text-decoration: none; } nav#dropdownmenue ul li { -webkit-transition: background-color 0.7s ease; -moz-transition: background-color 0.7s ease; -o-transition: background-color 0.7s ease; -ms-transition: background-color 0.7s ease; transition: background-color 0.7s ease; } nav#dropdownmenue ul li.ebene1 {display:inline-block; } nav#dropdownmenue ul li.ebene1 {padding-top:0.1em; } nav#dropdownmenue ul li ul.ulebene1 {display:none;} nav#dropdownmenue li ul li { float:left; text-align:left; } nav#dropdownmenue ul li:last-child{ border:none; } nav#dropdownmenue ul li ul { position: absolute; width: 18em; } nav#dropdownmenue ul li ul li{ width: 18em; } nav#dropdownmenue ul ul li, nav#dropdownmenue ul ul ul li, nav#dropdownmenue ul ul ul ul li{ border-right:none; } nav#dropdownmenue ul li a.sf-with-ul:after, nav#dropdownmenue ul li span.sf-with-ul:after { content: '\00BB'; display: inline-block; *float:right; position:relative; top: 0em; right: -0.3em; } nav#dropdownmenue ul li.sfHover a.sf-with-ul:after, nav#dropdownmenue ul li.sfHover span.sf-with-ul:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } nav#dropdownmenue ul li.sfHover li a.sf-with-ul:after, nav#dropdownmenue ul li.sfHover li span.sf-with-ul:after { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } nav#dropdownmenue ul li a.sf-with-ul:only-child:after, nav#dropdownmenue ul li span.sf-with-ul:only-child:after { content: ''; } nav#dropdownmenue ul li ul a{ padding:0.5em 1.5em; margin-top:-1px; } nav#dropdownmenue ul li ul li:last-child a{ border-bottom:none; } nav#dropdownmenue ul li ul ul { margin: -2em 0 0 18em; } nav#dropdownmenue ul li:hover ul ul, nav#dropdownmenue ul li:hover ul ul ul, nav#dropdownmenue ul li.sfhover ul ul, nav#dropdownmenue ul li.sfhover ul ul ul { left: -999em; } nav#dropdownmenue ul li:hover ul, nav#dropdownmenue ul li li:hover ul, nav#dropdownmenue ul li li li:hover ul, nav#dropdownmenue ul li.sfhover ul, nav#dropdownmenue ul li li.sfhover ul, nav#dropdownmenue ul li li li.sfhover ul { left: auto; } nav#dropdownmenue ul a, nav#dropdownmenue ul span.keinlink, nav#dropdownmenue ul li a, nav#dropdownmenue ul li span.keinlink, nav#dropdownmenue ul li ul a { padding:0.5em 1em; } nav#dropdownmenue{ } nav#dropdownmenue ul a, nav#dropdownmenue ul span.keinlink { color:#414141; } nav#dropdownmenue ul li { border-right:0px solid #be0218; } nav#dropdownmenue ul li.ebene1 {} nav#dropdownmenue ul li:hover, nav#dropdownmenue ul li:focus, nav#dropdownmenue ul li:active {background: #EAEAEA;} nav#dropdownmenue ul li a:hover, nav#dropdownmenue ul li a:focus, nav#dropdownmenue ul li a:active { color:#c80a1e} .submenue { -webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.4);-moz-box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); box-shadow:0px 0px 6px 2px rgba(145, 145, 145, 0.4); border:none !important;} nav#dropdownmenue ul li ul li a, nav#dropdownmenue ul li ul li a:link, nav#dropdownmenue ul li ul li a:visited {color:#414141;} nav#dropdownmenue ul li ul li:hover, nav#dropdownmenue ul li ul li:focus, nav#dropdownmenue ul li ul li:active {background: #FFFFFF; } nav#dropdownmenue ul li ul li a:hover {color:#c80a1e} nav#dropdownmenue ul li ul li a:focus {font-weight:bold;} nav#dropdownmenue ul li ul a{ border-bottom:1px solid #c9c9c9; } nav#dropdownmenue ul li ul {background:#FFFFFF;} @media screen and (max-width:697px){ #menuecontainer {padding-left:0em; padding-right:0em;} .fixedmenue {position: fixed; top: 0px; right:0px; z-index:70000; } .absolutemenue {position: absolute; top: 0px; right:0px; z-index:70000; } .makemenuescrollbar {width:100%; height:100%; overflow-x:hidden; overflow-y:auto; } #menuecontainerhg {position: fixed; top:0px; left:0px; z-index:500} .hgmenue {width:100%; height:100%; background:rgba(0, 0, 0, 0.4); } nav#dropdownmenue {position:relative; z-index:70001 !important;} .menubtn{ display: block; margin: 10px 10px; float:right; right:10px; top:10px; text-indent:-9999px; width:40px; height:40px; } .menubtn:hover, .menubtnhidden:hover { cursor: pointer; } .menubtnhidden { display: block; margin: 10px 10px; float:right; right:0px; top:0px; text-indent:-9999px; width:40px; height:40px; position:fixed; display:none; } nav#dropdownmenue, .submenue {-webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow:none !important; } nav#dropdownmenue ul li.ebene1 {padding-top:0em; line-height:1.2em} nav#dropdownmenue ul li.ebene1 a, nav#dropdownmenue ul li ul li a, nav#dropdownmenue ul li ul li ul li a, nav#dropdownmenue ul li.ebene1 span.keinlink {padding-top:0.7em; } nav#dropdownmenue span.menueplusicon{ display: block; position: relative; float: right; padding:10px; width:38px; } nav#dropdownmenue span.menueplusicon:hover{ cursor: pointer; } nav#dropdownmenue ul, nav#dropdownmenue ul > ul{ display: none; float:none; width:100%; } nav#dropdownmenue ul li { border-right:none; } nav#dropdownmenue ul li a.sf-with-ul:after { content:''; } nav#dropdownmenue ul li ul, nav#dropdownmenue ul li ul li{ width: 100%; } nav#dropdownmenue ul li ul a{ border-bottom:none; } nav#dropdownmenue ul ul, nav#dropdownmenue ul li{ width:100%; } nav#dropdownmenue ul li a, nav#dropdownmenue ul li span.keinlink { padding:0.5em 1em 0.5em 1em; float: left; text-align:left; } nav#dropdownmenue ul li ul a, nav#dropdownmenue ul li ul span.keinlink { padding: 0.5em 1em 0.5em 2em; } nav#dropdownmenue ul ul li ul a, nav#dropdownmenue ul ul li ul span.keinlink { padding: 0.5em 1em 0.5em 3em; } nav#dropdownmenue ul ul ul li ul a, nav#dropdownmenue ul ul ul li ul span.keinlink { padding: 0.5em 1em 0.5em 4em; } nav#dropdownmenue ul li ul, nav#dropdownmenue ul li ul ul, nav#dropdownmenue ul li:hover ul ul, nav#dropdownmenue ul li:hover ul ul ul, nav#dropdownmenue ul li.sfhover ul ul, nav#dropdownmenue ul li.sfhover ul ul ul, nav#dropdownmenue ul li:hover ul, nav#dropdownmenue ul li li:hover ul, nav#dropdownmenue ul li li li:hover ul, nav#dropdownmenue ul li.sfhover ul, nav#dropdownmenue ul li li.sfhover ul, nav#dropdownmenue ul li li li.sfhover ul { position: relative; display: none; margin: 0 0 0 0; left: 0em; } nav#dropdownmenue{ background: none; } .menubtn, .menubtnhidden { background: #333 url('https://sportinkw.de/images/menue/menuicon.png') no-repeat right top; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .istoffen { background: #333 url('https://sportinkw.de/images/menue/menuiconopen.png') no-repeat right top; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .menubtn:hover, .menubtnhidden:hover, .menuOpen { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; opacity: 1; } nav#dropdownmenue ul li.ebene1 {float:left; } nav#dropdownmenue ul li a:hover, nav#dropdownmenue ul li a:active, nav#dropdownmenue ul li a:focus {text-decoration:underline} nav#dropdownmenue span.menueplusicon {background: #b8b8b8;color:#FFFFFF; } nav#dropdownmenue span.menueplusicon:hover {background: #888888;color:#FFFFFF;} nav#dropdownmenue ul li.menuOpen > span.menueplusicon {background: #00512d; color:#FFFFFF;} nav#dropdownmenue ul li.menuOpen > span.menueplusicon:hover {background: #888888; color:#FFFFFF;} nav#dropdownmenue ul li.menuOpen ul li > span.menueplusicon {background: #1f7c53; color:#FFFFFF;} nav#dropdownmenue ul li.menuOpen ul li > span.menueplusicon:hover {background: #888888; color:#FFFFFF;} nav#dropdownmenue ul li.menuOpen ul li.menuOpen > span.menueplusicon:hover {background: #888888; color:#FFFFFF;} nav#dropdownmenue ul li{ background: #eeeeee; border-bottom:1px solid #b8b8b8; } nav#dropdownmenue ul li:hover{ background: #00512d;} nav#dropdownmenue ul li a, nav#dropdownmenue ul li a:link, nav#dropdownmenue ul li a:visited, nav#dropdownmenue ul li span.keinlink { color: #00512d; } nav#dropdownmenue ul li a:hover, nav#dropdownmenue ul li:hover a, nav#dropdownmenue ul li:hover span.keinlink { color: #FFFFFF; } nav#dropdownmenue ul li.ebene2 {font-size:100% !important;} nav#dropdownmenue ul li ul li{ background: #f5f5f5; border-bottom:1px solid #e5e5e5; } nav#dropdownmenue ul li ul li:hover { background: #d0e5dc;} nav#dropdownmenue ul li.menuOpen ul li a, nav#dropdownmenue ul li.menuOpen ul li a:link, nav#dropdownmenue ul li.menuOpen ul li a:visited, nav#dropdownmenue ul li.menuOpen ul li span.keinlink { color: #00512d; } nav#dropdownmenue ul li.menuOpen ul li a:hover, nav#dropdownmenue ul li.menuOpen ul li:hover a, nav#dropdownmenue ul li.menuOpen ul li:hover span.keinlink { color: #00512d; } nav#dropdownmenue ul ul ul li { background: #f5f5f5; border-bottom:1px solid #e5e5e5; } nav#dropdownmenue ul ul li.menuOpen ul li:hover { background: #d0e5dc; } nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a:link, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a:visited, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li span.keinlink { color: #00512d; } nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a:hover, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a:active, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li:hover a, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li:hover span.keinlink { color: #00512d; } nav#dropdownmenue ul li.menuOpen, nav#dropdownmenue ul li.menuOpen:hover { background:#00512d; } nav#dropdownmenue ul li.menuOpen a, nav#dropdownmenue ul li.menuOpen a:link, nav#dropdownmenue ul li.menuOpen a:visited, nav#dropdownmenue ul li.menuOpen span.keinlink { color: #FFFFFF; } nav#dropdownmenue ul li.menuOpen ul li.menuOpen, nav#dropdownmenue ul li.menuOpen ul li.menuOpen:hover{ background:#1f7c53; } nav#dropdownmenue ul li.menuOpen ul li.menuOpen a, nav#dropdownmenue ul li.menuOpen ul li.menuOpen a:link, nav#dropdownmenue ul li.menuOpen ul li.menuOpen a:visited, nav#dropdownmenue ul li.menuOpen ul li.menuOpen span.keinlink { color: #FFFFFF; } nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li.menuOpen, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li.menuOpen:hover { background:transparent; } nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li.menuOpen a, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li.menuOpen a:link, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li.menuOpen a:visited, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li.menuOpen span.keinlink { color:red; } nav#dropdownmenue ul li a:focus, nav#dropdownmenue ul li:focus a, nav#dropdownmenue ul li.menuOpen ul li a:focus, nav#dropdownmenue ul li.menuOpen ul li:focus a, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li a:focus, nav#dropdownmenue ul li.menuOpen ul li.menuOpen ul li:focus a {font-weight:bold; text-decoration: none !important} }