/* Shariff Wrapper */
.shariff	{clear:both;max-width:100%;}
.shariff ul {display:flex;flex-direction:row;flex-flow:row wrap;padding:0;margin:0;}
.shariff li {height:3em;box-sizing:border-box;list-style:none;overflow:hidden;margin:0 3% 1.2em 0;padding:0;text-indent:0;border-left:0 none;}
.shariff li:nth-child(4) {margin-right:0;}

.shariff li a,
.shariff li a:visited	{position:relative;display:block;height:3em;padding:0;margin:0;box-sizing:border-box;border:0;text-decoration:none;cursor:pointer;}
.shariff li a:hover	{color:#fff;background-color:inherit;}
.shariff .shariff-count {position:absolute;height:calc(3em - 2px);top:0;right:0;margin:1px;padding:0 .75em;background-color:rgba(255, 255, 255, 0.5);}
.shariff .shariff-count,
.shariff .shariff-text {line-height:3em;vertical-align:top;}
.shariff .shariff-text {padding-left:.25em;}

.shariff svg {width:2em;height:auto;padding:0;margin:.5em;}
.shariff .shariff-buttons .shariff-text-white {color:#fff;}
.shariff .shariff-buttons .shariff-hidezero {opacity:0;}
/* theme default */
.shariff .theme-default .shariff-icon .fill {fill:#fff;}
.shariff .theme-default a {color:#fff;}
/* theme color */
.shariff .theme-color .shariff-count {background-color:transparent !important;color:#fff !important;}
.shariff .theme-color svg path {fill:#fff;}
.shariff span	{float:left;clear:none;display:block}

/* theme grey */
.shariff .theme-grey .shariff-count {background-color:transparent;color:#fff !important;}
.shariff .theme-grey svg path {fill:#fff;}
/* FW Mods */
.shariff .theme-grey	.fill,
.shariff .theme-default .fill	{fill:#fff;}
.shariff .theme-grey svg .frame {fill:none;}
.shariff .theme-grey a {color:#fff;background-color:#000;opacity:.38;}
.shariff .theme-grey a:hover	{opacity:1;}

.shariff .theme-grey	.facebook a:hover,
.shariff .theme-default .facebook a	{background-color:#3B5999;}	.shariff-button.facebook a svg	{border-radius:.2em;}
.shariff .theme-grey	.twitter  a:hover,
.shariff .theme-default .twitter  a	{background-color:#55acee;}
.shariff .theme-grey	.pinterest a:hover,
.shariff .theme-default .pinterest	{background-color:#BD081C;}
.shariff .theme-grey	.linkedin a:hover,
.shariff .theme-default .linkedin	{background-color:#0077B7;}
.shariff .theme-grey	.xing a:hover,
.shariff .theme-default .xing a		{background-color:#006567;}
.shariff .theme-grey	.xing a:hover .fill:nth-child(2),
.shariff .theme-default .xing .fill:nth-child(2)	{fill:#cfdc00;}



/* theme white */
.shariff .theme-white a {background-color:#fff !important;border:1px solid #ddd;}
.shariff .theme-white a:hover {background-color:#eee !important;color:inherit;}
.shariff .theme-white svg {fill:currentColor;}
.shariff .theme-white .shariff-count {background-color:transparent;margin:0;}
/* theme wcag */
.shariff .wcag_colors .shariff-count {color:#fff !important;background-color:rgba(255, 255, 255, 0.2);}
/* theme round */
.shariff .shariff-buttons.theme-round li {border-radius:50%;margin:.5em;}
.shariff .theme-round a {position:relative;border-radius:50%;}
.shariff .theme-round svg {display:block;margin:auto;}
.shariff .theme-round .shariff-text {display:block;}
.shariff .theme-round .shariff-count {display:inline;padding:0;right:0;left:0;top:0;background-color:transparent;color:transparent;text-align:center;}
.shariff .theme-round .shariff-count:hover {background-color:inherit;color:#fff;}
.shariff .theme-round svg path {fill:#fff;}

/* buttonsize small */
.shariff .shariff-buttons.buttonsize-small {font-size:.75em;}
.shariff .shariff-buttons.buttonsize-small.orientation-vertical li {width:10em;}
.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li {margin:.5em .75em}
.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:first-child {margin-left:.5em}
.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:last-child {margin-right:.5em}
/* buttonsize large */
.shariff .shariff-buttons.buttonsize-large {font-size:1.25em;}
.shariff .buttonsize-large.orientation-vertical li {width:12em;}


/* orientation vertical */
.shariff .orientation-vertical {flex-direction:column;}
.shariff .orientation-vertical li {width:135px;}
/* button alignment */
.shariff.shariff-align-flex-start ul {justify-content:flex-start;align-items:flex-start;}
.shariff.shariff-align-center ul {justify-content:center;align-items:center;}
.shariff.shariff-align-flex-end ul {justify-content:flex-end;align-items:flex-end;}
/* button alignment widget */
.widget .shariff.shariff-widget-align-flex-start ul {justify-content:flex-start;align-items:flex-start;}
.widget .shariff.shariff-widget-align-center ul {justify-content:center;align-items:center;}
.widget .shariff.shariff-widget-align-flex-end ul {justify-content:flex-end;align-items:flex-end;}

/* button stretch. Frank Wagner: Ist rausgeflogen, brauchen wir nicht */

/* widget */
.widget .shariff li {border:none;font-weight:400;}
.widget .shariff .theme-default a,
.widget .shariff .theme-color a,
.widget .shariff .theme-grey a,
.widget .shariff .theme-round a {color:#fff;display:block;font-weight:400;}
.widget .shariff .theme-default a:hover,
.widget .shariff .theme-color a:hover,
.widget .shariff .theme-grey a:hover,
.widget .shariff .theme-round a:hover {color:#fff;font-weight:400;}
/* missing usernames warning */
.shariff-warning {background-color:red;color:#fff;font-size:20px;font-weight:700;padding:10px;text-align:center;margin:0 auto;line-height:1.5;}
/* info button */
.shariff .info a {border:1px solid #ddd;width:35px;}
.shariff .wcag_colors .info a {border:1px solid #575757;width:35px;}
.shariff .shariff-button.info {width:35px;flex:0 0 auto !important;}
.shariff .theme-default .shariff-button.shariff-nocustomcolor.info svg path {fill:#999;}
.shariff .theme-default.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path {fill:#595959;}
.shariff .theme-round .shariff-button.shariff-nocustomcolor.info svg path {fill:#999;}
.shariff .theme-round.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path {fill:#595959;}
.shariff .buttonsize-small .shariff-button.info {width:25px;}
.shariff .buttonsize-small .info a {width:25px;}
.shariff .buttonsize-large .shariff-button.info {width:45px;}
.shariff .buttonsize-large .info a {width:45px;}
.shariff .info svg {display:block;margin:auto;}

@media only screen and (max-width:360px) {
	.shariff:before	{content:'Teilen Sie diese Seite in den sozialen Netzwerken:';display:block;width:100%;margin:0 0 1.2em;}
	.shariff li,
	.shariff a,
	.shariff svg	{height:3em;width:3em;}
	.shariff .shariff-buttons svg {display:block;margin:auto;} 
	.shariff .shariff-buttons .shariff-text,
	.shariff .shariff-buttons .shariff-count {display:none;}
	
	.shariff .theme-grey a			{background-color:transparent;opacity:.38;}
	.shariff .theme-grey a:hover	{background-color:transparent!important;opacity:1;}
	.shariff .theme-grey svg .fill	{fill:#000;}
	
	.shariff .theme-grey .facebook	a:hover .fill	{fill:#3B5999;}
	.shariff .theme-grey .twitter	a:hover .fill	{fill:#55acee;}
	.shariff .theme-grey .pinterest	a:hover .fill	{fill:#BD081C;}
	.shariff .theme-grey .linkedin	a:hover .fill	{fill:#0077B7;}
	.shariff .theme-grey .xing		a:hover .fill	{fill:#006567;}
	.shariff .theme-grey .xing		a:hover .fill:nth-child(2)	{fill:#cfdc00;}	
}
@media only screen and (min-width:361px) {
	.shariff .shariff-buttons.buttonsize-small li {width:105px;} 
	/* LI-Breite am besten je nach Anzahl der angezeigten Buttons einstellen */	
	.shariff .shariff-buttons li {width:22.75%;}
	.shariff .shariff-buttons.buttonsize-large li {width:155px;} 
	.shariff .shariff-buttons .shariff-text {display:inline;} 
	.shariff .shariff-buttons .shariff-count {display:inline;}
}
@media only screen and (min-device-width:1025px) {/*noinspection CssUnusedSymbol*/ .shariff .shariff-mobile {display:none !important;}}