/*
 * burgen-funktionen: Teilen-Leiste (Modul inc/teilen.php, Schritt S006).
 * Nur die Regeln aus Shariff Wrapper 4.6.22 (css/shariff.css), die fuer theme-grey, buttonsize-medium und
 * orientation-horizontal gelten. MIT-Lizenz, Copyright (c) 2015 Heise Medien GmbH & Co. KG and other contributors.
 */
.shariff { display: block !important; clear: both; }
.shariff ul { display: flex; flex-direction: row; flex-flow: row wrap; padding: 0 !important; margin: 0 !important; }
.shariff li { height: 35px; box-sizing: border-box; list-style: none !important; overflow: hidden !important; margin: 5px !important; padding: 0 !important; text-indent: 0 !important; border-left: 0 none !important; }
.shariff a { position: relative; display: block !important; height: 35px; padding: 0; margin: 0; box-sizing: border-box; border: 0; text-decoration: none; background-image: none !important; text-align: left; box-shadow: none; cursor: pointer; }
.shariff a:hover { color: #fff; background-color: inherit !important; text-decoration: none !important; }
.shariff a:visited { color: inherit; }
.shariff .shariff-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 36px; vertical-align: top; padding-left: 3px; }
.shariff .shariff-icon svg { width: 32px; height: 20px; padding: 7px 1px; box-sizing: content-box !important; }
.shariff-button::before { content: none !important; }
.shariff .theme-grey a { background-color: #b0b0b0 !important; }
.shariff .theme-grey a:hover { background-color: inherit !important; }
.shariff .theme-grey .shariff-icon svg path { fill: #fff; }
.widget .shariff li { border: 0; font-weight: 400; }
.widget .shariff .theme-grey a { color: #fff; display: block; font-weight: 400; }
.widget .shariff .theme-grey a:hover { color: #fff; font-weight: 400; }
@media only screen and (max-width: 360px) {
	.shariff .shariff-buttons li { width: 35px; }
	.shariff .shariff-buttons .shariff-icon svg { display: block; margin: auto; }
	.shariff .shariff-buttons .shariff-text { display: none; }
}
@media only screen and (min-width: 361px) {
	.shariff .shariff-buttons li { width: 125px; }
	.shariff .shariff-buttons .shariff-text { display: inline; }
}
@media only screen and (min-device-width: 1025px) {
	.shariff .shariff-mobile { display: none !important; }
}