/***** SOCIAL CONTAINER -GLOBAL- *****/
:root {
        --pn_social_icon-fontsize: 125%;
        --pn_social_icon-spacing_lr: -2px;
        --pn_social_icon-spacing_tb: 0;
        --pn_social_icon-bg: var(--pn_col2);
        --pn_social_icon-bg_hover: var(--pn_col1);
        --pn_social_icon-bg_sticky: ;
        --pn_social_icon-bg_sticky-hover: ;
        --pn_social_icon-color: var(--pn_col_light1);
        --pn_social_icon-color_hover: var(--pn_social_icon-color);
        --pn_social_icon-color_sticky: var(--pn_col_light1);
        --pn_social_icon-color_sticky-hover: var(--pn_social_icon-color);
        --pn_social_icon-hover-phone: #A7BD3C; /*#64702A*/
        --pn_social_icon-hover-mail: #85BCFF; /*#85BCFF;*/ /*#90A9C8*/
        --pn_social_transition-sticky: all 1.2s ease-in-out 0s;
}

.pn_social_container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.pn_social_container .fa-stack { width: 2em; }
.pn_social_container .fa-stack.fa-2x {}
.pn_social_container .pn_social { margin: var(--pn_social_icon-spacing_tb) var(--pn_social_icon-spacing_lr); }
.pn_social_container .pn_social:only-child { margin: 0 0; }
.pn_social_container .pn_social:first-child { margin: 0 var(--pn_social_icon-spacing_lr) var(--pn_social_icon-spacing_tb) 0; }
.pn_social_container .pn_social:last-child { margin: var(--pn_social_icon-spacing_tb) 0 0 var(--pn_social_icon-spacing_lr); }

.pn_social_container a,
.pn_social_container a .fa-stack {
  font-size: var(--pn_social_icon-fontsize);
  z-index: 1;
}
.pn_social_container a:hover,
.pn_social_container a:hover .fa-stack {
  z-index: 2;
}

/* default */
.pn_social_container .pn_bg,
.pn_social_container .fa-stack .pn_bg {
  color: var(--pn_social_icon-bg);
}
.pn_social_container .pn_icon,
.pn_social_container .fa-stack .pn_icon {
  color: var(--pn_social_icon-color);
}


/*** sticky icon defaults ***/
.et_pb_sticky .pn_social_container .pn_bg,
.et_pb_sticky .pn_social_container .fa-stack .pn_bg {
  color: var(--pn_social_icon-bg_sticky);
}
.et_pb_sticky .pn_social_container .pn_icon,
.et_pb_sticky .pn_social_container .fa-stack .pn_icon {
  color: var(--pn_social_icon-bg_sticky-hover);
}


/*** general setup **/
.pn_social_container a .pn_bg,
.pn_social_container a .pn_icon,
.pn_social_container a .fa-stack .pn_bg,
.pn_social_container a .fa-stack .pn_icon {
  transform: scale(1.0);
  transition: transform .6s, color .0s, background .0s !important;
}
.pn_social_container a:hover .pn_bg,
.pn_social_container a:hover .pn_icon,
.pn_social_container a:hover .fa-stack .pn_bg,
.pn_social_container a:hover .fa-stack .pn_icon {
  transition: transform .6s, color .4s, background .4s !important;
}
.pn_social_container a:hover .pn_bg,
.pn_social_container a:hover .fa-stack .pn_bg {
  transform: scale(1.3);
}
/* .pn_social_container a .pn_icon { transform: scale(1.0); } */
/*.pn_social_container a:hover .fa-stack .pn_bg { transform: scale(1.3); }*/
.pn_social_container a:hover .pn_icon,
.pn_social_container a:hover .fa-stack .pn_icon {
  transform: scale(1.5);
  color: var(--pn_social_icon-color_hover) !important;
}


/* all icon defaults */
.pn_social_container .pn_social a:hover .pn_bg,
.pn_social_container .pn_social a:hover .fa-stack .pn_bg {
  color: var(--pn_social_icon-bg_hover);
}
/*phone*/
.pn_social_container .pn_social.phone a:hover .pn_bg,
.pn_social_container .pn_social.phone a:hover .fa-stack .pn_bg {
  color: var(--pn_social_icon-hover-phone) !important;
}
/*email*/
.pn_social_container .pn_social.email a:hover .pn_bg,
.pn_social_container .pn_social.email a:hover .fa-stack .pn_bg {
  color: var(--pn_social_icon-hover-mail) !important;
}
/*facebook*/
.pn_social_container .pn_social.facebook a:hover .pn_bg,
.pn_social_container .pn_social.facebook a:hover .fa-stack .pn_bg {
  color: #3b5998 !important; /* fb_blue */
}
/*instagram*/
.pn_social_container .pn_social.instagram a .pn_bg,
.pn_social_container .pn_social.instagram a .fa-stack .pn_bg {
  color: var(--pn_social_icon-bg);
  background: var(--pn_social_icon-bg);
  background-clip: text;
  -webkit-background-clip: text;
}
.pn_social_container .pn_social.instagram a:hover .pn_bg,
.pn_social_container .pn_social.instagram a:hover .fa-stack .pn_bg {
  color: transparent !important;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; /* ig_gradient */
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; /* ig_gradient */
  background-clip: text !important;
  -webkit-background-clip: text !important;
}
/*youtube*/
.pn_social_container .pn_social.youtube a:hover .pn_bg,
.pn_social_container .pn_social.youtube a:hover .fa-stack .pn_bg {
  color: #ff0000;
}
/***** SOCIAL CONTAINER -GLOBAL- _END  *****/


@media all and (max-width: 980px) {
:root {
    --pn_social_icon-bg: #4F81BD;
  }
}

/***** SOCIAL CONTAINER -MENU-SPECIFIC *****/
.pn_social_container.menu {
  font-size: 10px;
}
.pn_social_container.menu a .fa-stack {
  width: 2em;
}
/***** SOCIAL CONTAINER -MENU-SPECIFIC _END  *****/
/***** SOCIAL CONTAINER TABLET SPECIFIC *****/
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  .pn_social_container.tablet {
  --pn_social_icon-bg: white;
  }
  .pn_social_container.tablet .pn_icon,
  .pn_social_container.tablet .fa-stack .pn_icon {
    color: #4F81BD;
  }
}
/***** SOCIAL CONTAINER TABLET SPECIFIC _END *****/
/***** SOCIAL CONTAINER MOBILE SPECIFIC *****/
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .pn_social_container.mobile {}
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  .pn_social_container.mobile.small {}
}
/***** SOCIAL CONTAINER MOBILE SPECIFIC _END *****/
/***** SOCIAL CONTAINER -FOOTER-SPECIFIC  *****/
.pn_social_container.footer {
  font-size: 14px;
}
.pn_social_container.footer a .fa-stack {
  width: 2.3em;
}
.pn_social_container.footer .pn_bg,
.pn_social_container.footer .fa-stack .pn_bg {
--pn_social_icon-bg: var(--pn_col4); /*#244670*/ /* #244998; alt color */
}
/* NOT NEEDED aber aml zu sicherheit lassen... Überschreibt auch Insta icon mit der Variable :)
.pn_social_container.footer .pn_social.instagram a .fa-stack .pn_bg {
--pn_social_icon-bg: #244998; /* alt color */
}
*/
/***** SOCIAL CONTAINER -FOOTER-SPECIFIC _END  *****/