/**
 * Module: SocialBar
 */
/*last edited: 2018-06-21 - 10:50 - ffr - Neue v5 fuer LeftSite*/
/*#######################################################################################
#######################   Modulbeschreibung   ###########################################
#########################################################################################

 Die v5-socialBar findet nur noch Verwendung in V5! Sie beinhaltet die Definition fuer die Platzierung NUR fuer Links!
 Die CSS ist von der Redaktion bei Bedarf der SoMe-Leiste anzuhaengen!

 - v5 - TSI-UI
 - v5 - TSI-de

 In der Aufloesung 320px bis 767px liegen 40x40 px Icon (UNTEN) Share von SocialMedia wird ausgefahren nach oben
 In der Aufloesung 768px bis 1023px liegen 40x40 px Icon (UNTEN) Share von SocialMedia sind alle Icons eingeblandet
 In der Aufloesung ab 1024px liegen 40x40 px Icon (RECHTS oder LINKS)

 1. Kontakt ueber .btn und TeleIcon
 2. Share-Icon ueber href*="collapseList"
 3. Blog mit Icon ueber href*="blog"

 Die Icons des SocialWeb sind fest in der css aufgrund CICD
 Zur Zeit sind definiert:

 1. Facebook
 2. Twitter
 3. Google+
 4. Youtube
 5. Xing      (derzeit nicht verwendet, soll aber drin bleiben 161124 von svp)
 6. linkedin
 7. vk.com

 Rueckfall fuer nicht definierte Links, Interner Pfeil und Externer Pfeil und Download funktioniert auch!

 Sonderfall / Zusatz:
 1. CIO Practice Icon bei https://www.t-systems.com/fr/fr

 Abhaengigkeiten affix mit socialBar und NavBar. Zu beachten hier: Die Affix-Abhaengigkeiten sind (wenn vorhanden) auf verschiedenen Ebenen!

                                      | BP            | TSI-UI           | DeTeAs            |
---------------------------------------------------------------------------------------------
socialbar                             | z-index:1030  | z-index:1030     | z-index:1030      |
.slideNav .slideNavNav                | z-index:1040  | z-index:1040     | z-index:1040      |
                                      | (v3-nav.less) | (v2-nav-lbu.less)| (v2-nav-lbu.less) |
#pageHeader.affix-top                 | z-index:1060  | xxx              | xxx               |
.t4-sec-columnToggleMainNavigationBar
affix-top                             | z-index:1050  | xxx              | xxx               |
.affix (both)                         | z-index:1050  | xxx              | xxx               |
.t4-sec-columnToggleMainNavigationBar
.navbar (ohne affix)                  | xxx           | z-index:1045     | z-index:1045      |
.t4-sec-columnToggleMainNavigationBar
.navbar.affix-top                     | xxx           | z-index:1050     | xxx               |
.t4-sec-columnToggleMainNavigationBar
.navbar.affix                         | xxx           | z-index:1050     | xxx               |

#######################################################################################*/
#socialbar {
  background: transparent;
}
.mod-socialBar {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 40px;
  z-index: 1030;
}
.mod-socialBar ul {
  display: table;
  /*table-layout:fixed;*/
  width: 100%;
  margin: 0;
  border-top: 1px solid #ccc;
  background: #fff;
}
.mod-socialBar ul li {
  display: table-cell;
  min-width: 40px;
  vertical-align: top;
}
.mod-socialBar ul li.first {
  width: 40px;
}
.mod-socialBar > ul t4-shariff ul,
.mod-socialBar > ul .colli + ul {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.mod-socialBar > ul li .verticalText {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.mod-socialBar .btn.smooch,
.mod-socialBar ul li > a {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: 1px;
  transition: height 2s;
}
.mod-socialBar .btn.smooch:before,
.mod-socialBar ul li > a:before {
  width: 100%;
  height: 40px;
  display: block;
  transition: height 2s;
  font-weight: normal;
}
.mod-socialBar ul li a:before {
  line-height: 32px;
  color: #1064ad;
  font-size: 24px;
  text-align: center;
}
.mod-socialBar .btn.smooch:before:hover,
.mod-socialBar ul li a:before:hover {
  text-decoration: none;
}
.mod-socialBar ul li > a.btn:before {
  content: "m";
  color: #fff;
  font-family: TeleIcon;
}
.mod-socialBar ul li > a.btn {
  font-size: 18px;
  text-indent: 0;
  position: relative;
  border-radius: 0;
}
.mod-socialBar ul li > .btn {
  background: #e20074 linear-gradient(to bottom, #ff339c 0%, #e20074 50%, #cc0069 100%);
  border: 1px solid #e20074;
}
.mod-socialBar ul li > .btn:focus,
.mod-socialBar ul li > .btn:hover,
.mod-socialBar ul li > .btn:active,
.mod-socialBar ul li > .btn.active {
  border: 1px solid #d92b85;
  background: #bd0061 linear-gradient(to bottom, #d92b85 0%, #bd0061 50%, #a60056 100%);
}
/*
.mod-socialBar ul li > a.btn:after            {content:""; position:absolute; top:-9px; left:50%; margin:0 0 0 -8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid; color:#e20074;}
*/
.mod-socialBar ul li > a.btn:hover {
  border-color: transparent;
}
.mod-socialBar ul li > a.btn .share_text {
  display: none;
}
/*durch with-Shariff*/
.mod-socialBar a[href*="collapseList"] {
  position: relative;
}
.mod-socialBar a[href*="collapseList"]:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 15px;
  height: 7px;
  margin: 0 0 0 -7px;
}
.mod-socialBar > ul > li:nth-child(n+2) > a:hover {
  background: #eee;
  text-decoration: none;
}
.mod-socialBar a.collapsed:after {
  top: 0 !important;
  transition: top 2s;
  z-index: -1;
}
.mod-socialBar ul .collapse.in ul,
.mod-socialBar ul ul.collapse.in {
  display: table !important;
  table-layout: fixed;
}
.mod-socialBar ul ul li {
  min-width: 40px;
}
.mod-socialBar ul ul li.first {
  width: auto;
}
.mod-socialBar ul ul li a {
  width: 100%;
  line-height: 0.9;
  color: #999;
  font-size: 12px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mod-socialBar ul ul li a:hover {
  background: #eee;
  text-decoration: none;
}
/* Altnerative Anzeige der Icons mit LinkText */
/*
.mod-socialBar ul ul.collapseList li a:before {height:70px; line-height:66px; margin:0 0 -13px;}
.mod-socialBar ul ul.collapseList li a:hover  {color:#999; text-decoration:underline;}
*/
.mod-socialBar .collapseContact {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 320px;
  z-index: -1;
  background: #fff;
}
.mod-socialBar .smoochchat a.close,
.mod-socialBar .collapseContact a.close {
  position: absolute;
  top: 17px;
  right: 10px;
  font-size: 15px;
  opacity: 0.7;
  outline: 0;
}
.mod-socialBar .smoochchat a.close:before,
.mod-socialBar .collapseContact a.close:before {
  content: "X";
  height: 20px !important;
  line-height: 18px;
  color: #000;
  font-family: TeleIcon;
  font-size: 18px;
}
.mod-socialBar .smoochchat a.close span,
.mod-socialBar .collapseContact a.close span {
  position: absolute;
  right: -999px;
  bottom: -999px;
}
.mod-socialBar .t4-ct-teaser {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 18px;
  margin: 0;
  padding: 0 15px 15px !important;
  border: 1px solid #ccc !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  box-shadow: 0 1px 3px #333;
}
.mod-socialBar .t4-teaser .t4-strong-head {
  padding: 0;
  background: transparent;
}
.mod-socialBar .t4-teaser .t4-strong-head strong {
  padding: 15px 20px 10px 0;
  border-bottom: 0;
  background: transparent;
  color: #000;
}
.mod-socialBar .t4-ct-teaser .t4-strong-head {
  display: inline-block;
  width: 100%;
}
.mod-socialBar .t4-ct-teaser .t4-strong-head strong {
  display: block;
}
.mod-socialBar .t4-ct-teaser .t4-image {
  float: left;
  margin: 7px 15px 15px 0;
}
.mod-socialBar .t4-ct-teaser .t4-teaser-body {
  padding: 4px 0 0;
}
.mod-socialBar .t4-ct-teaser .t4-rTxt p {
  margin: 6px 0 0;
}
.mod-socialBar .t4-ct-teaser ul {
  width: auto;
  padding: 0 0 5px !important;
  border-top: 0;
}
.mod-socialBar .t4-ct-teaser ul li {
  display: block;
}
.mod-socialBar .t4-ct-teaser ul li a:before {
  width: 20px;
  height: 20px !important;
  line-height: 24px;
  margin: 0 5px 0 0;
  background: transparent !important;
  font-size: 16px;
}
.mod-socialBar .t4-ct-teaser ul li a {
  height: auto;
  padding: 0 0 1px;
  color: #1064ad;
  text-align: left;
  font-size: 16px;
}
.mod-socialBar .t4-ct-teaser ul li a:hover {
  background: transparent;
  text-decoration: underline;
}
.mod-socialBar .t4-ct-teaser .t4-btnLine {
  clear: both;
}
.mod-socialBar .t4-ct-teaser .t4-btnLine a {
  height: auto;
  padding: 2px 15px 3px 35px;
}
.mod-socialBar .t4-ct-teaser .t4-btnLine a:before {
  height: 20px !important;
  line-height: 18px;
  font-size: 16px;
  text-align: left;
  vertical-align: bottom;
}
/*### min-width:480px ###*/
@media (min-width: 480px) {
  .mod-socialBar ul ul li {
    min-width: 40px;
  }
}
/*### max-width:767px ###*/
@media (max-width: 767px) {
  .mod-socialBar,
  .mod-socialBar .btn.smooch,
  .mod-socialBar ul li > a,
  .mod-socialBar .btn.smooch:before,
  .mod-socialBar ul li > a:before {
    height: 40px;
    transition: height 2s;
  }
  .mod-socialBar ul li.first > a.btn {
    padding: 3px 0 0;
  }
}
/*### min-width:768px ###*/
@media (min-width: 768px) {
  .mod-socialBar ul a[href*="collapseList"] {
    display: none;
  }
  .mod-socialBar ul t4-shariff ul,
  .mod-socialBar ul .colli + ul {
    position: relative;
    border-top: 0;
    z-index: auto;
    table-layout: fixed;
  }
}
/*### min-width:768px and max-width:1023px ###*/
@media (min-width: 768px) and (max-width: 1023px) {
  .mod-socialBar ul ul.itemCount1,
  .mod-socialBar ul ul.itemCount2,
  .mod-socialBar ul ul.itemCount3 {
    display: inline-flex;
  }
  .mod-socialBar ul ul.itemCount1 li,
  .mod-socialBar ul ul.itemCount2 li,
  .mod-socialBar ul ul.itemCount3 li {
    display: block;
    width: 40px !important;
  }
}
/*### min-width:1024px ###*/
@media (min-width: 1024px) {
  .mod-socialBar {
    right: 0;
    top: 220px;
    width: 40px;
    height: auto;
    transition: top 4s;
  }
  .mod-socialBar.with-Shariff {
    left: 0;
    right: auto;
  }
  .mod-socialBar > ul {
    border: 1px solid #ccc;
    border-right: 0;
  }
  .mod-socialBar ul li {
    width: 100% !important;
    min-width: 40px;
    display: block;
  }
  .mod-socialBar .btn.smooch,
  .mod-socialBar ul li a {
    height: 40px;
    padding: 0;
    overflow: hidden;
  }
  .mod-socialBar .btn.smooch:before,
  .mod-socialBar ul li a:before {
    height: 40px !important;
    line-height: 40px;
    margin: 0;
  }
  .mod-socialBar ul > li > a.btn {
    padding: 0;
    position: static;
  }
  .mod-socialBar ul li > a.btn:hover {
    border-bottom: 1px solid #ba0060;
  }
  .mod-socialBar ul li > button.btn:hover {
    border-color: transparent;
    border-bottom: 1px solid #ba0060;
  }
  .mod-socialBar ul > li > a.btn:before {
    font-size: 24px;
  }
  .mod-socialBar ul li > a.btn:after {
    top: 17px;
    left: -15px;
    margin: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid;
  }
  .mod-socialBar a.collapsed:after {
    left: 0 !important;
    transition: top 4s;
    z-index: -1;
  }
  .mod-socialBar ul ul li {
    min-width: 40px;
  }
  .mod-socialBar .collapseContact {
    width: 369px;
    max-width: 369px;
  }
  .mod-socialBar .collapseContact a.close {
    right: 60px;
  }
  .mod-socialBar.with-Shariff .collapseContact a.close {
    top: 16px;
    right: 15px;
  }
  .mod-socialBar .t4-ct-teaser {
    width: 320px;
  }
  .mod-socialBar.with-Shariff .t4-ct-teaser {
    float: right;
  }
  .mod-socialBar .t4-ct-teaser ul li a:before {
    width: 20px;
    height: 20px !important;
  }
  .mod-socialBar .t4-ct-teaser .t4-btnLine a:before {
    height: 20px !important;
  }
}
/* ~ SocialMedia-Leiste links mit Shariff ~ */
t4-shariff.collapse {
  display: block;
}
.shariffButtons.collapse ul {
  padding: 0;
}
.shariffButtons.collapse.in ul {
  display: block;
  top: -40px;
  height: 40px;
  transition: top 2s;
}
.shariff .orientation-vertical li {
  display: table-cell;
  width: auto;
  margin: 0;
  position: relative;
}
t4-shariff .shariff-button a .share_text {
  position: relative;
  top: 0;
  padding: 6px 0 0;
  border-radius: 4px;
  color: #666;
  font-size: 12px;
}
t4-shariff .shariff-button a:hover .share_text {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  boder-top: 1px solid #ccc;
  background: #eee;
  transition: top 2s;
}
/*### min-width:1024px ###*/
@media (min-width: 1024px) {
  .mod-socialBar.with-Shariff > ul {
    border-right: 1px solid #ccc;
    border-left: 0;
  }
  .shariff .orientation-vertical li {
    display: block;
    width: auto;
    margin: 0;
  }
  .shariff .orientation-vertical {
    min-width: 100%;
  }
  .mod-socialBar.with-Shariff .share_text {
    position: absolute;
    top: 0;
    left: 8px;
    width: 100%;
    margin-top: 50%;
    padding: 8px 0 4px;
    border: 1px solid #ccc;
    font-size: 10px;
    transform: rotate(-90deg);
    z-index: -1;
  }
  t4-shariff .shariff-button a:hover .share_text {
    left: 26px;
    transition: left 1s;
  }
}
/* ~ END Shariff ~ */
/* ~ Smooch-Chat ~ */
#chat {
  display: none;
}
#chat.smoochchat {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 418px;
  border: 1px solid #ccc;
  background: #e20074;
  z-index: 9998;
}
.mod-socialBar .smoochchat a.close {
  top: 13px;
  z-index: 9999;
  opacity: 1;
}
.mod-socialBar .smoochchat a.close:before {
  top: 13px;
  line-height: 18px;
  color: #fff !important;
  opacity: 1;
}
.smoochchat iframe {
  right: 0 !important;
  bottom: 0 !important;
}
/*### min-width:480px ###*/
@media (min-width: 480px) {
  #chat.smoochchat {
    height: 260px;
  }
}
/*### min-width:768px ###*/
@media (min-width: 768px) {
  #chat.smoochchat {
    bottom: 40px;
    width: 320px;
    height: 410px;
  }
}
/*### min-width:1024px ###*/
@media (min-width: 1024px) {
  #chat.smoochchat {
    bottom: 1px;
  }
}
/* ~ END Smooch-Chat ~ */
@media (min-width: 1024px) and (min-height: 80px) and (max-height: 530px) {
  .mod-socialBar {
    top: 108px;
  }
}
@media (min-width: 1024px) and (min-height: 530px) and (max-height: 580px) {
  .mod-socialBar {
    top: 149px;
  }
}
@media (min-width: 1024px) and (min-height: 580px) and (max-height: 630px) {
  .mod-socialBar {
    top: 199px;
  }
}
/* ~ data-image Icon-Sammlung ~ */
/* pfeil-ccc-oben-fff.png - file size: 0.3ko | optimized file size: 0.2ko | base64 size: 0.3ko */
.mod-socialBar a[href*="collapseList"]:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAMAAADgW+cVAAAASFBMVEXMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzS0tLW1tbb29vg4ODn5+ft7e3v7+/6+vr9/f3+/v7///+IEHVtAAAADHRSTlMABAwZK2x6mrbN4Ojd07v0AAAAP0lEQVQIHQXBgRHDIAwEMD0msS/7r1uoVMDz3QMKvNPxg0J6eq84KFZPl1VxrlI9vZCKe2v3dEB23N39AHiTP0kdCckZzcboAAAAAElFTkSuQmCC) center no-repeat;
}
/* pfeil-ccc-oben-eee.png - file size: 0.3ko | optimized file size: 0.2ko | base64 size: 0.3ko */
.mod-socialBar a[href*="collapseList"]:hover:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAMAAADgW+cVAAAASFBMVEXMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzQ0NDT09PW1tba2tre3t7i4uLj4+Pr6+vs7Ozt7e3u7u4xrv4uAAAADHRSTlMABAwZK2x6mrbN4Ojd07v0AAAAP0lEQVQIHQXBgRHDIAwEMD0msS/7r1uoVMDz3QMKvNPxg0J6eq84KFZPl1VxrlI9vZCKe2v3dEB23N39AHiTP0kdCckZzcboAAAAAElFTkSuQmCC) center no-repeat;
}
/* i-24x24-Share-transparent.png - file size: 0.5ko | optimized file size: 0.4ko | base64 size: 0.6ko */
.mod-socialBar ul li a[href*="collapseList"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAn1BMVEUAAADiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHTiAHT///+G/Mo3AAAAM3RSTlMACAsMDhEVFxoiIy8zNjlAREVGS09eZGd/ipWYmp6utLi8w8fJysvP1eLj7fDz9vn6+/zRqbpVAAAAm0lEQVR4AY3S6Q6CMBAE4BFUPKTeqHgoHoqHYp33fzeJDcTWbOL3c5t029nF/yana9zCj2D7JHnuwzXlx6UBR0qjC8edxggWL8poKOTGu9t6gJwqykxrQH3zIqnn1TDRXHTiB8l9E6isaByokxBAb7aMAgBtFjKFb8Oy7kM48GARryqbH+3m8nPFD1p8OxI5RDF2YVDCaIVlkL0BgMoowEzua6oAAAAASUVORK5CYII=) center no-repeat;
}
/* i-24x24-Blog-transparent.png - file size: 0.6ko | already optimized | base64 size: 0.8ko */
.mod-socialBar ul li a[href*="blog"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gYVCwIpAw5XKwAAAdxJREFUSMfF1U+ITmEUBvDf5cNMwkKi1C07NWQhoZSiNJaUzEbTUNSXhXIlKaVs1MtC0uykxG4UIikhsjAplhZTLkoiyf/MzGfz3rpdc8d837fwrO497+08533uOc9JctkoEp1hNi7ifCpMTPVBA71dEMzBpP+JJJet6KKKBJ/xKRXksh4sx1gqtAqJxros8hwO57IG7mM9NuNhQXCyixvMwiP0YDgmh5Fc1p8Ko0m3GkdZLmCoFJ7A6VQ4nuSy1Wh1mL+Fo9hTid9NhW2FRI+7JFhUid0q36aBQxhvM/FvNLGpQjaKfanwvtxm7Wo+C0dwKhZY4EUqrPlrknNZs83K+3Aw2kSBp9hZZxUnZqh1C0tja5bxCgOp8KaOYOMMCH5gazS2MsFbrE2Fj9ON+kx0H8QZLC6Fn2FvKjz/lxcN13RREid8IXZgQeX8Nl5Ge7ieCpN1Eh2oIf+CeZg7xdlP9GM7fuFmnd00sKRm0NbhRiX2AfvxIN4wwffp5iiZQu/icRkuY0v87isGU2GkXTesYj7OpsK7KMMTfMMuXOvEbqtYhWYuu5QK49iNAdwplki7G6ksTy/uYUP8aVcwFIk6Xhhl9MXkrbhAmtHbO0aj8r4Sx3AVr+t6ux38AZsCe+5dqjUFAAAAAElFTkSuQmCC) center no-repeat;
}
/* i-24x24-Facebook.png - file size: 0.6ko | optimized file size: 0.5ko | base64 size: 0.6ko */
.mod-socialBar ul li a[href*="facebook.com"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEU7V503U5s7V51bc62dq87///87V50qSZUuTJcvTZcwTpgzUJkzUZk0UZo2U5s3U5s4VJs4VJw4VZw5VZw6Vpw6Vp06V507V50/W59CXaFDXqFIYqNNZ6ZPaKdRaqhUbalVbapXb6tbcq1bc61gd69rgLVwhbh0iLp2irqDlcGFl8KHmMOQoMiUo8mXpsuZqMydq86ksdKlstK1v9q2wNrCy+HW3OvX3eva4O3e4u7p7PTr7vXw8vjz9fn3+Pv7/P3///8xCgiLAAAAB3RSTlOV8/Pz8/P1pREy1AAAAKxJREFUeNrF0tkSwUAQBdARZpiELAyx78S+RBiCyP9/lUaVSlry7D5N3VPVPQ9NiJIYQpidGEYU1Fi6YdVsW0EgBvP1atH+gaIbvjITCMrLxxscDI0A2rvvTzH0ob81VdXEO4YAex0eGEYAOwODyXkXYJPnXEShOpHyAnA9SdmJgnDCb1opENRjo8aed4T2fPDc+PKKpvUAtgWtlPrd/wNLBhY7nyylNJf5nM8TXH08Nyr2U1kAAAAASUVORK5CYII=) center no-repeat;
}
/* i-24x24-Twitter.png - file size: 0.6ko | already optimized | base64 size: 0.8ko */
.mod-socialBar ul li a[href*="twitter"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gYVCwEGg/I5sQAAAcVJREFUSMfl1U+IjVEYx/HPvF1paEqd0djJZMFybKQoSpSN1FnRpJTNFAtlIxtWyILEQpEtvWOjSWHFwsbf7NQsLOROnNxmjL/TsHAm1507451rNvKs3nOe5/y+z+l5n+fwr1tXxyfLdA470YcPeIqjYniZ/btQ78qLEQyL4WoF4V7cx/o5Ii5hA1ZiY6FMNWzGFWXaWyH3U/OIwxBq2ILBLmXqwXh2fsFlHBfDeJvs+1CvkEQDPdhWYBLvsmMpDuGxMh1QphUtB/srVqiBATE8KMQwjbMtAWtxBe+V6VouGLypCLgthhdQKNOSDLg+R/B+jCjTJB5WBHyd+SiwPNdgCp/mObQMqyoC6r8AMTQwhn3oXqT+et18A9iDj4sk/g13fgfE8BwnMbEIgGExjLXegBhOYzXu/iXgYvOi1tJET3IvdGqjeNS80XyDsdxkoUPxBjaJ4XN7wE/ITQwgdQA4L4a3rZvFrLAYnuVhNrgA8WM40c5RU6aaGKZyHQLWYDeOVBCewAWcEcP39gCGlOlwfnz6F5B1HTtmZs5cVuTxfBA3KoziadzCdqz7k/jsJ7NM3diaC92bf9mpPNJHcU8Mr/xX9gOYSnhctbK8WgAAAABJRU5ErkJggg==) center no-repeat;
}
/* i-24x24-Xing.png - file size: 1.1ko | optimized file size: 0.9ko | base64 size: 1.2ko */
.mod-socialBar ul li a[href*="xing.com"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABoVBMVEUAAADU4OTq8fHr7Jbv8LTv77Lv77jz89V7p6zz9NnI2tva5uzv8K3q65Hp65D09dkYam+EsLPx8sx7q67h42Tg4VO10NDp6otPkJTj5WXk5W/h410IW2Aucnfd3z/O3+Aze38qdHm60NLq7Kzc3zfb3S3h4ll5q63n6Yff4U3a3UDY2yjY2yno509+rLAsdXpJiY50pKjh4k4kaG3X2hzX2jDV2B/Z3CTY2yDb3UMkZWvZ2zjU1x9Uk5fe4EfV2SnR1AjS1hVBh44dWmHX2iHV2B4fYWchXWPR1Q3V1xgMVVzS1QvX2ibQ0xgQUVfQ1BcPVlvT1QnT1RUOTlXT1xINSlANTVQNV13T1g3T1wTS1QLQ1A/V2BQFTVTT1g3U1w3R1AfS1QvT1g7R1QsLSVDR1AfR1APQ0wLR1APS1QHT1gcAQUgAQkkARUwARk0ASE8AUlgAU1kAVFsAV14AWF4BQ0oBUFYBUVcBUlgBWF4BWV8BWmABW2HN0ADO0QDP0gDP0wDQ0wDR1ADR1AHR1QHS1QDS1QHT1gDT1gHU1wH///9QEWjrAAAAa3RSTlMABAQEBAUGBgcHCAgIDQ8QExMXHBwjJicoKCkqMTIyNjc6PDxBRUdMVFZXWlpjb3N3e3+GiouNj5WZoKKpq66vsre4v7/DxMTGyMrQ0NHV2Nre4OHi4+Pj4+Pk5ujr7Ozv7/Dz9fX7/v7+/tyAwRsAAAEVSURBVHgBbZD1U8QwFIQf7u7u7u7u7hx+uLvTd0dpgRL+a5bpABma/SnZb77NTOh/UmaWV9bGyBH/Y0sIo8kJygwhxHyEo49c+oRQbl+ic7My0mPsczME6yjAvoQOXWm3u3GEhG9iaD/tx88+Yb6sw8Gv34LQQ7/peGC+SCTK90Iwkv6A77TG131EI+jfG0nK6BN71oMrXjC0Ey/1lffM59U0BcHMk/rkO409gz61JoRhktJ6w3yak/AM4aBQ6ovOmB97qe0DL7fIwiRengujLgCrQeprFl2uhSqizO+pw1RypvMNW90KELIKZS9WQerxta/jgQqyDcVboAClOsiAAgTN4tv1EgWJMqFMkCLtG273VjEhX0b7VTaewH/PAAAAAElFTkSuQmCC) center no-repeat;
}
/* i-24x24-Google.png - file size: 0.7ko | optimized file size: 0.6ko | base64 size: 0.8ko */
.mod-socialBar ul li a[href*="google.com"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABL1BMVEW7QjfVTUDXTD/aTUHZTUDZTUDUIhLUJxjXMiPXMyPXMyTXNSbXNifXNijXOyzYOSrYOSvZOy3ZPjDZPzHZQDLZRzraQzXaRDbaRTfaRjjaRznbQzbbRDbbRDfbRTjbRznbRzrbSDrbSTvbSj3bSz3bSz7bTD7bTD/cTD7cTUDcTkHcTkLcT0LcUEPcVEfdT0PdUkXdU0ffYVXgY1jhbmPibGTkeG7kenDlfnXlgHbmgHfmgnjmiH/mioLniH/nkYnojYXrm5Tro53sp6LtpZ7uq6XurqnvVUfwtrDwu7bxubXxu7bxvLfyVUfyxMDzxcH0zMn1zsr1zsv20M3209D21NH319X339343Nr43dv54d/55eP67Ov77ez88vH89fT99vX9+Pf+/f3//f3////c24/LAAAABnRSTlOxyvf3+ftYvg0QAAAAv0lEQVQoz2Ng9HXHAnwZGVi1sAJWBhbsEiy0kFCWVMImocNlaGbEo4khoWoQkpiSHGGMISEeluRkYu+pDmSqaCJJaDqk2AopcLMLCOtwpFjz6MIlxLxjeeUtgoODXZUDU6JcZOASEh5xQnKWoSEp/lLOKQF2inAJbfMUL04xNtMUGwnZcCtpJMtFfFKCHL0TIvm1tKTUkF2lI+EWHR/jp6eD6UEZHlE+QX1sQaKpoUnzYMeQ0MIBGBiYmbAAZgYAqtBcUjrTWGYAAAAASUVORK5CYII=) center no-repeat;
}
/* i-24x24-Youtube.png - file size: 1ko | already optimized | base64 size: 1.3ko */
.mod-socialBar ul li a[href*="youtube.com"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gYVCwMWrHNLVwAAA3RJREFUSMe1ls+LHFUQxz/1+nXPZLIrMRsyqysEo0ZUJLCwosYfeBTzB3gT8bQH/wLP3oL/hRoMggdlL4kIsqIiqEHi6iWQxWg2bmTXmd3p7nlVHvp1T89OEvWQHl7Pe4/6Xd+qavnt6cdFDRF4HXhNhCUDEzCoXhL/iXsOnFt7Z7CFsQacf+inX/bl2lOnEhEuA09Os7RZ7/bcke4WcMIbvG1WC2/b9l+E35XuKPCON7NV7t3zllfjxD1UMO+D2RjoTEIqhO1tkmPHkG4XSVNIEnAOERczr6AGYYyVY8hHjG/eJDl6fwsGAKhXA4lxtKBoUdD/8CM6K89Ap4N4DxKZzBoj6rOFAHlO8cP33HjzDcQMvI/pN+Tnxx4ZAIcBdDjg+MefcPj0aVT1f8VCnCO/fp3fX34B1+vVt3tezbDaA5/SWV5GVTGbRkfW7VKWZWXxbcFkdE6eRNMMrMaW4oIZajGkLsFn2YwQSRKuvneOwcYGSbeLODcrX5VEBO0eopJZyXVBjaBWXWadqmzMppf32LffsbG8zPrqKkmvh0/TxtN6CaBZhrZkOq21qaGxbA4qwIxClfn+cY5cuMBav8/m+jo+TadpAUUmHqjhgkG1Ko1TaGnVaihL8sGQ9MWXeOXiRZbOnKEsiplQ1SGvZfqg1vQeK8vGiyklIaCJ5+FLlziyssJoZ4dyNIq22LQh43GV0Hjj1SYH3R9RliUigrVgaqMRj37wPpgx2t0FkRmUIcIYGA+HOJsY7VRj/NUIZcnwyhXEudnY5jlaFLMAqBOcJOxtbhL+HhI0IlMN+eKBpabQrCwo5+d59vKPZHNzMWkx8XUQrLJWYlMQwAEhz/n6ueeRa5u4LKv92pPPFx8cWFQgCFYUhLkeyWIfP38fSW8Od6iDpB0kjW0jBLTI0f0RYTBgPBygW1vIXzu4bqedvz2vhkwmkmFpistL7OompQaKoKBa9Z3IKBK9cG7SCJ2DLCOotdud+FAH+eCQgsicTA0ukQiSg7PTbDIIAamO5tRYa4qtXXRmmFZWVwmrIBm0TQtKm4cJYKr2840zs3OxFXFwaZPk6tdOeFXg1hhuDV17b+8KwGcLi08Y9iXIgjD5lqjfMfJTo6RN0T5XGbBdkFfPbv/xVcPz6UJ/AeMUwhz2LxP/dh8S0uBkCPx69taNPwH+AU7Df/Zqh4ZKAAAAAElFTkSuQmCC) center no-repeat;
}
/* i-24x24-In-2CRev.png - file size: 0.6ko | optimized file size: 0.5ko | base64 size: 0.7ko */
.mod-socialBar ul li a[href*="linkedin.com"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA/1BMVEUAWqUAWqYAZKoAZ6wAZ60Aaa4Aaq0Aa60AbK8AbLAAba4Aba8AbbAAbrAAb7EAcLEAcbEAcbIAcrIAc7IAc7MAdLMAdLQAdbMAdbQAdrQAdrUAd7UCcrIFbK4IfLcNcbEYfLcfe7cricA3hr05k8I9kcM9lcVCjsFJjcFOm8hTn8tUpMxVjMFVksRVnspcpM1cqNBnrtNrqc97uNmBtdeDtdeMwd6Mwt6Nwt6RxN+SvdaSvduhzOSoxuCqxN+qxuCt0uat0+ev0+ex1ejK4/HP5vHT5/LY6vPd7PXf7fbk8vfm8ffw9/vx9/vz+fz1+vz2+vz4+/38/f79/v7///9T0W1PAAAA0ElEQVR4AbXJ11aEMBDG8ejqimVFApoJYxHFHlDsomLvYtF5/2dRFLgg4XL/F9+cMz8WorGQYUu/4Pc2DhY9A0xtEz0sgA72MxEdOga4Jfre4Trw1cf362Gpg+QjQ2PlX0yO26ICsZJl5x1nN7tYmzm9urncHxX/4MZEObOOiZIXKjqblTW8MuuI6pZAg5O9Yje9BnxuTVjJF1HsNuAJYHr+wwD3HR/m3gxwN4g4kLcA6wuIQKmoy5eVWu8hdiOlAvEHKIvKrQ4yQGPAUqNA+gP9e1c474T09wAAAABJRU5ErkJggg==) center no-repeat;
}
/* i-24x24-CP.png - file size: 0.6ko | already optimized | base64 size: 0.8ko */
.mod-socialBar ul li a[href*="practice.fr"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gYVCwEutkeRSwAAAcxJREFUSMft1b9rVEEQB/DPnqf4o5AQgkThiiAKWkYQIWUaURCbw0ZLRVtf6Z9wKSzjP2AREMQmRVAhRCsLCwn+LB5YKYkKUQnJrUX2LuszueRI7DIw7Mzs7nx35s3MY4+2oJArpWIfDqOOVSw1tFZ3AlDLnI/jHX5gAd+xUirGKncGQwixw+iueIKxfwBKxVU8xsgGj5guFddyQ4yxyx090WXM4n4XoFQM4lFKzTImcCkBwhHc7ZGFqRDCFF5ktusYknJ9MtuYb2gVKaoPuJLsJ3oANFMEhzAbQhiNMQ7gBiZqOJMd/pzJXzN5eBvf8xceZuk61Ylgf3ZoKZN/4lafRTNS9VXHwEYnG1q/8aAP52dxZ73647MOwM4aKdQ+rmWlfWzdFt7EGJ/uCkCM7ZHMsRjjXIzt23mKFje7XCpuZinbLF3n0roSY3xd3axGcKCiT2byZgCvthoVC5l+NHv90G4MuzrmM/10pSo69KkPn6OJYaaO95jBOIZLxVuUlQac7g+gNrk2+zRrDa1lNDGXdeA4jif9Je79XZpBCKFXbXW5nipkEWOl4jwuptHwBTMNreeV299ijBe21yNB+A8/sYNp8FVHzx5tTH8AwWaJ/5cEig0AAAAASUVORK5CYII=) center no-repeat;
}
/* i-24x24-lO-public-some-newsletter.png - file size: 0.9ko | already optimized | base64 size: 1.2ko */
.mod-socialBar ul li a.layoutOption-public-some-newsletter:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gYVCwUVYyC9awAAAwdJREFUSMfdlU1sVFUUx3/3fcy8dqYfmWGmQig4UGYgtDhtQEPiCtPGEHWjC41GTNzqTpdGF8YYNbFxqyuNCzeiC3VlJGokRoloI6VMaOk4ra2UeaXt0OG9e+9xMUjUDJUSXeDZ3pzzu/97zv0fuN1DbTZBRt5+AXgWsCgFTQ1rUesw5UOHDyIucBZ4xNsswGizD8ghAq6D8+QQqpQFBVKpY9+bABGAYaD7VgCiBDAW79PH0ceOI9XLrefo78F9cxTzxHHoCQQQZ7OAWBnXNK7ivvMQ0VMfYhbXcF8bRR25E9nSgfm2howVMFpjtMYbf/lF79Dhe/sGy2XbWFtDqRu3Je7fecUMvRXI1Rh3uk70/Rzpn59h/emPSb4+RvTGN6gzF3EGMpgvZgDwRo8+sHful+rE4q/z9PRmsNbcEOCtLqCHc/g/LGHO/gY7ujFTS0QnzuOdmif+cprgpfuI3j2NjXUrJ791G/k7tlKbvcBcdZbB4YPoOAak7cjZSKOX1/FSPnE1pLOUo2P8KO6RXSStRc/UiU7XUJ2JFsCa1o13FHaRSqc5dfIrivuHSKW62qoRseiFy/hje2i8eoKwPI5X3oZ+/hPc4hZMpd4a1zgG4HqTtdb0ZrIM332YyZ9+pFadwXXdv0lQGG2wSZflYx+QOfcc/v0lzEoT/+FBut5/FOlLYWKNiQ0mNqjFWnUQmPhrHcV0ZYr6pUvcNXIQz/Ow1kImQB77CD67AEagw8U70IfyE8h6E31uCRrXVHtOEzjQ9h+ICAOlfVxcmOe7k19T3LufbD6PNDTNBws0V1bQRpNMBjiOgDQhUHBP7loBCD6ffQXsfFsFf1ZypbFKZfIMyvUojxyiMjVJGC6xu1gi3d2DiLRLjbbv3J0E2BDwBySKIqrnK4RhSDqdpjCwh6AzhYig2ttZlN/enwT4R6sQEfxEgkKxRDYMSXV1kUgG128uyIb5N+dFIjiOS2821yopctPW4hlj/tN94G1kDf8OwNjbXIFYuwwyLUK6rcPdyh5WrPK/id8BV0VaPcnfdkcAAAAASUVORK5CYII=) center no-repeat;
}
/* i-24x24-VK.png - file size: 0.9ko | optimized file size: 0.6ko | base64 size: 0.9ko */
.mod-socialBar ul li a[href*="vk.com"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABTVBMVEUaTokcT4ohU40iVI0jVI0mVo8pWpErWpEvXpQwX5QyYJUyYZYzYZY1Y5c6Z5k7Z5o8aJo9aJs9aZs+aps+apw/aZs/apxAappAapxAbJxBa5xBbJ1CbJ1DaptDbZ5Ebp5Ebp9Fb59GcJ9GcKBHbZ1Hb55HcKBHcaBIcaBIcaFJcqFKcqFKc6JLc6FLc6JLdKJMdKNMdaNNdaNRd6RReKRUeKRYfahafqlbfqhbf6lcf6lcgKpdgKpggqtmh65oiK9qirFsjLJtjLJxjLFzkrZ1kbV4lbd4lbh6l7l8mLl9mLl+mrqAm7uHnryPpMGSpsCarMWessuqu9GvvNCyv9S4xNS4xdi+zNvE0N/Fz93F0d/J1eLL1eLO1eHQ2OTQ2eXS2+bT2ufX3+rZ4Ona4Ojd4uvl6u/p7PLs8PXy9Pf29/n39vj4+fr5+fr///+dnkF6AAAA8UlEQVQoz43QRUPDQBhF0aFYgUAhOCkuhTAkYfAixV2Ku7vd/79kQWjTMIu+5TuLTwQXi54KxVs4Q1xVuOpfXONSbGh6pdx1Ma20mRITehjPA+y2eIfMhdpCEakemDy/Pi6XdlmBiJg+JIFdaxZId7d8AykfzEegvQrYa54Hnpt8kEXApgHslLzCR7H8G26dwtcYkN4HVhKZrbzedzI5MQLrdi5ngVY7cId19Fu+AG89iSy4lQcAh6UPAEPByxsan2Cpr/4TmMt5yWC8xuwallYsVtef3xPDMKOHpNh2dL2zJe6jGnGid4LbtZFwP7p6ww/oMYQ09YQilAAAAABJRU5ErkJggg==) center no-repeat;
}
/* i-24x24-WhatsApp_Logo_6.png - file size: 3.7ko | optimized file size: 1.1ko | base64 size: 1.4ko */
.mod-socialBar ul li a[href*="whatsapp"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAACN1BMVEUAAABd+nlg/Hwp0kdg/Hxd+nkm0EQp0kcm0ERf+3tb+Hdg/Hwr1Elf+3tg/Hwo0UVb+Hcr1Eklz0Mlz0Mo0UVZ93Uu1kth/X1h/X1W9XMw2E4z2lA23FM53lY74Fk/41xC5V9F52JI6mVL7GhP72tR8W5T83Bh/X1h/X1h/X0lz0Mo0UUp0kcr1Ekt1Esu1ksw2E4x1k4y1U8z2lA01VE23FM33FQ53lY63Fc74Fk/2Fo/2Vk/4V0/41xA4V1C5V9E3V9G6GNH2WFH4mRI6mVL7GhM7GhN52hO7WpP3WhP72tS8W5T625T83BU5m5U6W5W329W4W5X5nBX7XFX9XNZ93VZ93Zb+Xhd+Xld+nle4XVe83le+Xpf8Hhf/Hti63pj6ntl6nxl9H9n8X9q4H9r7oJr8YNr9IRt7YRt+YZv+Yhw94hx4YVx6oZx74dx9Yly94lz5Idz94p14oh37Ix45Yx47o166o5695B764986pB97ZF98JJ+7pJ++pV/+paH6JmJ5pqJ65qL65yL7pyL+J6L+Z+N552S7qKT66KT9aSW76aX9aiY+amZ9Kmc6qqc7Kqe+q+g+a+o7bSp7bWu77mw97yz8r61+MG/8sjG9s/K99LL9tLM+9TM+9XO+9bQ99fT/NrU+dvV+9zW99zX99zY/d7Z+d7b/OHc+OHe+ePi/efj++jk/Ojp++zu+/Du/PHv/fLv/vHw/PLx/PP3/vj4/vn5/vr7/vv9/v39//3+//7///9/aQrOAAAAKnRSTlMAPT1AQUNGSEtWiZSVmp2tr7zC0NDV2OLk6evu7u7u7u7u7u7u7u709/jL9wlBAAABcElEQVR4AW3H1X/TUBQH8IO7uztFKA2EEAKEEEiQlCJQXJi7u3vn7u7uLt3543Z7k/Vhn3wffgIAm/ecsNw03CAsJ/dvBWLXPxP7ADb9NLUNdn83/AjNyg77s/4OwrFvukKkaoz7FU45PeIGsdYVE+6qwLEUJwXXHUTwbI+fg/rduRhNB1yzEx19dq+uYVpwVdM0f3eQVt6s6f4ulXoKrqjqK2xU1Qn3F1VXufKGJFxWlHeYoSgLOK7oojCQJFyS5f8YIsu9M7LhAyaRhIuS5IO+kpSOmZLuNSaQhAui+B4jRVEswFRRLCPjM71wXhCeYpogCM+KsW0IpwUhGV+SC+d4nm+a5D3yuhFHeb61nSfgLEfgJ456+Ijj8lfphDMsyz5fZr1+zZXQhtMMw7SMxCbmfGSIt9XYwFBw3Ga7h9T8QP8U4hObDvZarY+r4l/cvR+QW1dfFPHAqjsEW+6Y2gFw4LaJo0BsP3xrgyM7AdYA7Mu1h8B1kWEAAAAASUVORK5CYII=) center no-repeat;
}
/* i-24x24-Instagram.png - file size: 0.6ko | optimized file size: 0.5ko | base64 size: 0.7ko */
.mod-socialBar ul li a[href*="instagram"]:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAhFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////8FEiiAAAAKnRSTlMAAQIEBwsTIiUrLDQ2Nzk9QEtcbHR5fZqitsbK1tvf4+Tn6er0+Pn6/f79zntpAAAA6klEQVR42n3S25KCMBAE0I4iEq5GQJaLAkEU+v8/cElesNbKntdMJZmeASBkWXf9qKeNHvuuLqWAkb/4xzs39flzbQqVpUkcRXGSZqpo1mcuIF9r5eHD4eRV61uiZOPh0+1+9RqWqFnAEn4Y+gLHB++ngjU6KhiyGuZ5qCR+HreDYoeeGTYXTS4LqS84Ahl7jExNvWargkC11BJAyhGaCSAqtmdszi0rASTUmBgD/kAFS3HwgZgTJkZAOC8BrGCZQyD658B5lfNx93e/G4Rt8DsSQ7H7CtEyIe6x70zs+6B2dlDO0TqXwbk+vyBMJs+VG3iWAAAAAElFTkSuQmCC) center no-repeat;
}
/* i-24x24-Livechat.png - file size: 0.6ko | already optimized | base64 size: 0.7ko */
.mod-socialBar .btn.btn-default.smooch:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA0SAAANEgG1gDd0AAAAB3RJTUUH4gYVCwsV/aOQ5QAAAbVJREFUSMe11D1rFWEQBeBngvHrghgJFkJEJIq1nZUWks42f0Ar8Q+I2CpioZ2iYpPONApipViqjSKIHxAhiiAkCEn8ilEcmzfwZnMTV7x3YNmzs7N7mDPvmdCIzBzCB2z1//FroEtypEc/hw3dCFIPo/8EmTmcmfszc3dmjmKuUbOjwhcwHhGBSXwteCKqWKERptEpz2+xr0GwrcLby0F4iOd4WfIHM3MMV/CtKVGnnnpENCWKLvgIJjCdmafxs5CdL52t6OBvEevkX+EcnuEQrrcZcjPmMF6upSq/B9cK/oFHVd0/dXAVGzGLwxgt+bOYKXgvLmIQn1e0mZm15m8i4kAj13Mf6LfR+krQc8LmDJYiYlNmnlo2VRnwLhxvfHsPT/C7HNkoptxSPT+NNQZ6Gx+LgYZxE/er95O4jBPVqRnCyYj40tz/bWKswrcyc/MadTtX7eu2Upb7JdzF97auH8BCC4JB3Cm6P1inbrFbByNF57XM1YmIF5k5i8dV/gbOlGUZmI+I+VUEEbHQsotPmKpWxWJEzPTMaBExhWOFZFm23jo5Il7jaF9XRUS8K6v6fZv6P93FxXM9A4aGAAAAAElFTkSuQmCC) center no-repeat;
}
/* - Platzhalter fuer socialbar - */
/*### max-width:1023px ###*/
@media (max-width: 1023px) {
  .mod-socialBar + #page-footer {
    padding: 15px 0 40px;
  }
  /*# END max-width:1023px #*/
}
/*### min-width:1024px ###*/
@media (min-width: 1024px) {
  .t4-sec-banner > .container,
  .mod-Article.mod-head-picture .container,
  .mod-Article t4-unifyteaserrow .container,
  .mod-Article > .container {
    padding: 0 15px 0 45px;
    transition: padding 2s ease 0s;
  }
  .meceMod {
    max-width: 100%;
  }
  .mod-Article .t4-banner-slider .carousel-teasers,
  .mod-Article .t4-bgTeaser .carousel-teasers {
    padding: 30px 50px 10px 70px;
  }
  .mod-Article .withTitles .carousel-teasers,
  .mod-Article .noSlide .carousel-teasers {
    padding: 30px 0 10px 30px;
  }
  .container-fluid .jcarousel-prev {
    left: 45px !important;
  }
  .withTitles .carousel-indicators ol {
    padding: 0 0 0 45px;
  }
  .row.t4-banner,
  .row.mod-stage {
    padding: 0 0 0 30px;
    transition: padding 2s ease 0s;
  }
  .t4-sec-banner > .container > .row.t4-banner {
    padding: 0 0 0 10px;
  }
  .mod-socialBar + #page-footer {
    padding: 15px 0 5px 30px;
    transition: padding 2s ease 0s;
  }
  /*# END min-width:1023px #*/
}

/*# sourceMappingURL=v5-socialBarLeftSite.css.map*/