/* Social Buttons */

.elementSocialButton                        {position:relative;margin:0 10px 10px 0;width:72px;height:72px;float:left;}

.elementSocialButton .socialIcon            {position:absolute;width:100%;height:100%;background-image:url('/de-wGlobal/wGlobal/layout/images/social-icons/social-icons-72.png');background-repeat:no-repeat}
.elementSocialButton .socialLink            {cursor:pointer;text-decoration:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.elementSocialButtonLastItemAfter           {width:0;height:0;display:block !important;clear:left}
.elementSocialButtonLastItemOfTypeAfter     {width:0;height:0;display:block !important;clear:left}

.elementSocialButtonTypeFacebook   {background-color:#48629D}
.elementSocialButtonTypeTwitter    {background-color:#55ACEE}
.elementSocialButtonTypeGoogle     {background-color:#DD4B39}
.elementSocialButtonTypePinterest  {background-color:#CC2127}
.elementSocialButtonTypeRSS        {background-color:#FFA500}
.elementSocialButtonTypeMail       {background-color:#A0A0A0}
.elementSocialButtonTypeInstagram  {background-color:#986645}
.elementSocialButtonTypeYoutube    {background-color:#cd201f}
.elementSocialButtonTypeLinkedIn   {background-color:#007BB6}
.elementSocialButtonTypeTumblr     {background-color:#34465D}
.elementSocialButtonTypeXing       {background-color:#00605E}
.elementSocialButtonTypeTel        {background-color:#9B2424}

.elementSocialButtonTypeFacebook .socialIcon   {background-position:0 0;}
.elementSocialButtonTypeTwitter .socialIcon    {background-position:-72px 0;}
.elementSocialButtonTypeGoogle .socialIcon     {background-position:-144px 0;}
.elementSocialButtonTypePinterest .socialIcon  {background-position:-216px 0;}
.elementSocialButtonTypeRSS .socialIcon        {background-position:-288px 0;}
.elementSocialButtonTypeMail .socialIcon       {background-position:-360px 0;}
.elementSocialButtonTypeInstagram .socialIcon  {background-position:0 -72px;}
.elementSocialButtonTypeYoutube .socialIcon    {background-position:-72px -72px;}
.elementSocialButtonTypeLinkedIn .socialIcon   {background-position:-144px -72px;}
.elementSocialButtonTypeTumblr .socialIcon     {background-position:-216px -72px;}
.elementSocialButtonTypeXing .socialIcon       {background-position:-288px -72px;}
.elementSocialButtonTypeTel .socialIcon        {background-position:-360px -72px;}

/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:0;caption:Eckig;caption-en:square}*/
.elementSocialButtonBorderRadius_var0   {border-radius:0}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:25;caption:Leicht abgerundet;caption-en:small radius}*/
.elementSocialButtonBorderRadius_var25  {border-radius:5%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:50;caption:Normal abgerundet;caption-en:normal radius}*/
.elementSocialButtonBorderRadius_var50  {border-radius: 10%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:75;caption:Stark abgerundet;caption-en:large radius}*/
.elementSocialButtonBorderRadius_var75  {border-radius:25%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:100;caption:Rund;caption-en:round}*/
.elementSocialButtonBorderRadius_var100 {border-radius:50%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:101;caption:Rund, eckig unten links;caption-en:round, square bottom left}*/
.elementSocialButtonBorderRadius_var101 {border-radius:50%;border-bottom-left-radius:0}

/*@wCssFragment{class:elementSocialButtonFloat;variant:50;caption:Untereinander;caption-en:with linebreak}*/
.elementSocialButtonFloat_var50  {float:none;clear:both}
/*@wCssFragment{class:elementSocialButtonFloat;variant:25;caption:Links fließend;caption-en:float left}*/
.elementSocialButtonFloat_var25  {float:left}
/*@wCssFragment{class:elementSocialButtonFloat;variant:75;caption:Rechts fließend;caption-en:float right}*/
.elementSocialButtonFloat_var75  {float:right}


/*@wCssFragment{class:elementSocialButtonSize;variant:24;caption:Klein;caption-en:Small}*/
.elementSocialButtonSize_var24  {width:24px;height:24px}
.elementSocialButtonSize_var24 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/de-wGlobal/wGlobal/layout/images/social-icons/social-icons-24.png');background-repeat:no-repeat}
.elementSocialButtonSize_var24.elementSocialButtonTypeFacebook .socialIcon   {background-position:0 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeTwitter .socialIcon    {background-position:-24px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeGoogle .socialIcon     {background-position:-48px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypePinterest .socialIcon  {background-position:-72px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeRSS .socialIcon        {background-position:-96px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeMail .socialIcon       {background-position:-120px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeInstagram .socialIcon  {background-position:0 -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeYoutube .socialIcon    {background-position:-24px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeLinkedIn .socialIcon   {background-position:-48px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeTumblr .socialIcon     {background-position:-72px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeXing .socialIcon       {background-position:-96px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeTel .socialIcon        {background-position:-120px -24px;}

/*@wCssFragment{class:elementSocialButtonSize;variant:36;caption:Mittel;caption-en:Medium}*/
.elementSocialButtonSize_var36  {width:36px;height:36px}
.elementSocialButtonSize_var36 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/de-wGlobal/wGlobal/layout/images/social-icons/social-icons-36.png');background-repeat:no-repeat}
.elementSocialButtonSize_var36.elementSocialButtonTypeFacebook .socialIcon   {background-position:0 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeTwitter .socialIcon    {background-position:-36px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeGoogle .socialIcon     {background-position:-72px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypePinterest .socialIcon  {background-position:-108px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeRSS .socialIcon        {background-position:-144px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeMail .socialIcon       {background-position:-180px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeInstagram .socialIcon  {background-position:0 -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeYoutube .socialIcon    {background-position:-36px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeLinkedIn .socialIcon   {background-position:-72px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeTumblr .socialIcon     {background-position:-108px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeXing .socialIcon       {background-position:-144px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeTel .socialIcon        {background-position:-180px -36px;}

@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.5dppx){
  .elementSocialButton .socialIcon            {position:absolute;width:100%;height:100%;background-image:url('/de-wGlobal/wGlobal/layout/images/social-icons/social-icons-144.png');background-size:432px;background-repeat:no-repeat}
  .elementSocialButtonSize_var36 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/de-wGlobal/wGlobal/layout/images/social-icons/social-icons-72.png');background-size:216px;background-repeat:no-repeat}
  .elementSocialButtonSize_var24 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/de-wGlobal/wGlobal/layout/images/social-icons/social-icons-48.png');background-size:144px;background-repeat:no-repeat}
}

/*@wCssFragment{class:elementSocialButtonSize;variant:50;caption:Normal;caption-en:default}*/
.elementSocialButtonSize_var50              {width:72px;height:72px}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:0;caption:Automatisch;caption-en:auto}*/
.elementSocialButtonBackgroundColor_var0  {}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:1;caption:Schwarz;caption-en:black}*/
.elementSocialButtonBackgroundColor_var1  {background-color:#000000}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:25;caption:Dunkelgrau;caption-en:dark gray}*/
.elementSocialButtonBackgroundColor_var25  {background-color:#a0a0a0}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:50;caption:Grau;caption-en:gray}*/
.elementSocialButtonBackgroundColor_var50  {background-color:#c0c0c0}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:75;caption:Hellgrau;caption-en:light gray}*/
.elementSocialButtonBackgroundColor_var75  {background-color:#e0e0e0}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:99;caption:Transparent;caption-en:transparency}*/
.elementSocialButtonBackgroundColor_var99  {background-color:transparent}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:0;caption:Kein Effekt;caption-en:No effect}*/
.elementSocialButtonBackgroundGradient_var0   {}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:10;caption:Horizontal;caption-en:Slope}*/
.elementSocialButtonBackgroundGradient_var10 {background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 0, 0, 0))}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:15;caption:Schräg;caption-en:Slope}*/
.elementSocialButtonBackgroundGradient_var15 {background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 0, 0, 0))}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:20;caption:Horizontal weich;caption-en:Slope}*/
.elementSocialButtonBackgroundGradient_var20 {background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(0, 0, 0, 0) 100%)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:0;caption:Kein Schatten;caption-en:No shadow}*/
.elementSocialButtonShadow_var0   {}

/*@wCssFragment{class:elementSocialButtonShadow;variant:11;caption:Leichter Schatten schräg;caption-en:Light shadow slope}*/
.elementSocialButtonShadow_var11 {box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:15;caption:Normaler Schatten schräg;caption-en:Default shadow slope}*/
.elementSocialButtonShadow_var15 {box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.4)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:18;caption:Starker Schatten schräg;caption-en:Strong shadow slope}*/
.elementSocialButtonShadow_var18 {box-shadow:6px 6px 6px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:21;caption:Leichter Schatten hart;caption-en:Light shadow}*/
.elementSocialButtonShadow_var21 {box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.3)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:25;caption:Normaler Schatten hart;caption-en:Default shadow}*/
.elementSocialButtonShadow_var25 {box-shadow:2px 2px 0 0 rgba(0, 0, 0, 0.4)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:28;caption:Starker Schatten hart;caption-en:Strong shadow}*/
.elementSocialButtonShadow_var28 {box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:31;caption:Leichter Schatten senkrecht;caption-en:Light shadow}*/
.elementSocialButtonShadow_var31 {box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:35;caption:Normaler Schatten senkrecht;caption-en:Default shadow}*/
.elementSocialButtonShadow_var35 {box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:38;caption:Starker Schatten senkrecht;caption-en:Strong shadow}*/
.elementSocialButtonShadow_var38 {box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonMargin;variant:0;caption:Mit Abstand;caption-en:With Margin}*/
.elementSocialButtonMargin_var0   {margin:0 10px 10px 0;}

/*@wCssFragment{class:elementSocialButtonMargin;variant:10;caption:Ohne Abstand;caption-en:Without margin}*/
.elementSocialButtonMargin_var10  {margin:0}

/*@wCssFragment{class:elementSocialButton;variant:0;caption:Individuell anpassbar;caption-en:Customizable}*/
.elementSocialButton_var0                              {position:relative;-w-editmaskExtended-borderradius:yes;-w-editmaskExtended-float:yes;-w-editmaskExtended-size:yes;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-backgroundgradient:yes;-w-editmaskExtended-shadow:yes;-w-editmaskExtended-margin:yes}
.elementSocialButton_var0 .socialIcon                  {position:absolute;top:0;left:0}
.elementSocialButton_var0 .socialLink                  {cursor:pointer;display:block;position:absolute;top:0;left:0;width:100%;height:100%}