#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} } #filter-and-co, #filter-and-co input, #filter-and-co button, #filter-and-co label, #filter-and-co select, #filter-and-co option {font-family:'Muli', Verdana, Arial, Helvetica, sans-serif; } .filter-options {margin-bottom:1em} #filter-and-co button.btn { color:#414141; font-size:0.9em ; padding: 0.5em 1.2em; border:1px solid #d6d6d6; margin-right:5px; margin-bottom:8px; text-shadow: 0px 0px 0px rgba(30, 30, 30, 0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0); -moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0); box-shadow: 0px 0px 0px rgba(50, 50, 50, 0); background: rgb(216, 216, 216); background: -moz-linear-gradient(90deg, rgb(216, 216, 216) 0%, rgb(232, 232, 232) 70%); background: -webkit-linear-gradient(90deg, rgb(216, 216, 216) 0%, rgb(232, 232, 232) 70%); background: -o-linear-gradient(90deg, rgb(216, 216, 216) 0%, rgb(232, 232, 232) 70%); background: -ms-linear-gradient(90deg, rgb(216, 216, 216) 0%, rgb(232, 232, 232) 70%); background: linear-gradient(0deg, rgb(216, 216, 216) 0%, rgb(232, 232, 232) 70%); } #filter-and-co button.active { color:#FFFFFF; background: rgb(109, 109, 109); background: -moz-linear-gradient(90deg, rgb(109, 109, 109) 0%, rgb(33, 33, 33) 70%); background: -webkit-linear-gradient(90deg, rgb(109, 109, 109) 0%, rgb(33, 33, 33) 70%); background: -o-linear-gradient(90deg, rgb(109, 109, 109) 0%, rgb(33, 33, 33) 70%); background: -ms-linear-gradient(90deg, rgb(109, 109, 109) 0%, rgb(33, 33, 33) 70%); background: linear-gradient(0deg, rgb(109, 109, 109) 0%, rgb(33, 33, 33) 70%); } #massuche {position:relative; text-align:left; left:0px; float:left; max-width:480px; width:65%; padding: 0em 3.8em 0em 0em; } #massuche input { width:100%; padding: 0.5em 1.6em 0.5em 0.6em; border:1px solid #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #FFFFFF url(https://sportinkw.de/images/lupe_mas_suche.png) no-repeat center right; } #massortierbox {position:relative; text-align:right; left:0px; float:right; max-width:180px; width:30%;} #massortierbox select { padding: 0.2em 2.6em 0.3em 0.6em; border:1px solid #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#949494 !important; font-size:1em; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:100%; background-color:#FFFFFF; } #massortierbox select option {font-size:0.8em; background-color:#f8f8f8; color:#949494; padding:0.5em;} @media screen and (-webkit-min-device-pixel-ratio:0) {#massortierbox select {padding-right:18px} } #massortierbox label {position:relative; } #massortierbox label:after { content:'<>'; font:14px "Consolas", monospace; color:#aaa; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:0px; position:absolute; pointer-events:none; } #massortierbox label:before { content:''; right:6px; top:0px; width:20px; background:#f8f8f8; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; border-left:1px solid #d6d6d6; position:absolute; height:36px; top:-8px; pointer-events:none; display:block; } #mascheckbox {overflow:hidden; position:relative; text-align:left; right:0px; padding-top:25px; width:270px; float:right;} #mascheckbox label {cursor:hand; cursor:pointer; margin-right:10px;} .kreis { max-width: 110px; max-height: 110px; position:relative; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; text-align:center; border:2px solid #AAAAAA; background:#FFFFFF; z-index:4; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(25, 25, 25, 0.5); -moz-box-shadow: inset 0px 0px 15px 0px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 0px 15px 0px rgba(25, 25, 25, 0.5); margin-top:2em; margin-bottom:-6em; } .kreis img {width:80%; margin:10%;} .vereinsbox { position:relative; margin:10px; padding:6em 1em 1em 1em; text-align:center; z-index:3; background: rgb(247, 247, 247); background: -moz-linear-gradient(90deg, rgb(247, 247, 247) 0%, rgb(226, 226, 226) 100%); background: -webkit-linear-gradient(90deg, rgb(247, 247, 247) 0%, rgb(226, 226, 226) 100%); background: -o-linear-gradient(90deg, rgb(247, 247, 247) 0%, rgb(226, 226, 226) 100%); background: -ms-linear-gradient(90deg, rgb(247, 247, 247) 0%, rgb(226, 226, 226) 100%); background: linear-gradient(180deg, rgb(247, 247, 247) 0%, rgb(226, 226, 226) 100%); -webkit-box-shadow: 0px 0px 5px 0px rgba(25, 25, 25, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(25, 25, 25, 0.5); box-shadow: 0px 0px 5px 0px rgba(25, 25, 25, 0.5); min-height:16em; } .keywords {display:none} .mascontainer { display: block; box-sizing: border-box; float: left; } @media all and (max-width: 480px){ .mascontainer {width: 100%;} .mas_shuffle_sizer {width: 100%;} .vereinsbox {min-height:auto;} } @media all and (min-width: 481px) and (max-width: 980px){ .mascontainer {width: 50%;} .mas_shuffle_sizer {width: 50%;} } @media all and (max-width: 630px){ #massuche {text-align:left; left:0px; clear:left; max-width:100%; width:100%; margin-bottom:1em;} #massuche input { padding: 0.5em 3em 0.5em 0.6em;} #massortierbox {text-align:left; left:0px; clear:right; max-width:100%; width:100%;} } @media all and (min-width: 981px){ .mascontainer {width: 33%;} .mas_shuffle_sizer {width: 33%;} } .shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{height:35px;box-sizing:border-box;overflow:hidden}.shariff li a{color:#fff;position:relative;display:block;height:35px;text-decoration:none;box-sizing:border-box}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fa{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal{display:-webkit-box}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-webkit-flex:none;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical{min-width:110px}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%;min-width:80px;width:auto;-webkit-flex:1;-ms-flex:1;flex:1}.shariff .orientation-horizontal li .share_count{display:block}.shariff .orientation-horizontal.col-1 li,.shariff .orientation-horizontal.col-2 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-1 li .share_text,.shariff .orientation-horizontal.col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-webkit-flex:none;-ms-flex:none;flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.col-3 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal li{min-width:110px;max-width:160px}.shariff .orientation-horizontal li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-webkit-flex:1;-ms-flex:1;flex:1}}@media only screen and (min-width:1024px){.shariff li{height:30px}.shariff li a{height:30px}.shariff li .fa{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#F67C1A}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#F67C1A}@media only screen and (min-width:600px){.shariff .flattr .fa-money{font-size:19px}}.shariff .googleplus a{background-color:#d34836}.shariff .googleplus a:hover{background-color:#f75b44}.shariff .googleplus .fa-google-plus{font-size:22px}.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .googleplus a{color:#d34836}@media only screen and (min-width:600px){.shariff .googleplus .fa-google-plus{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-webkit-flex:none!important;-ms-flex:none!important;flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33AAE8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465D}.shariff .tumblr a:hover{background-color:#44546B}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}