@charset "utf-8";
/* CSS Document - Social Media Integration */

/* Social Icons */
.cs_social_icons{
   margin:0px;
   padding:0px; 
   list-style:none;
   display:table;
   margin-top:10px;
}
.cs_social_icons li{
   margin:0px;
   padding:0px; 
   list-style:none;
   display:table-row;
   text-align:center;
   vertical-align:middle;
   float:left;
   margin-right:4px;   
}
.cs_social_icons .cs_sm_button_icon{
   display:table-cell;
   margin:0px;
   padding:0px; 
   text-align:center;
   vertical-align:middle;
   background:rgba(0,0,0,0.3);
   transition: background 0.3s;
  -webkit-transition: background 0.3s;
  overflow:hidden; 
}
.cs_social_icons .cs_sm_button_icon i{
   margin:-3px 0px 0px -3px;
   padding:0px;
   color:#fff;
   margin:auto;
   line-height:0.85em;  
}

/* Icons Sizes */
.cs_social_icons .cs_sm_button_icon.cs_size_xs{width:19px;height:19px;}
.cs_social_icons .cs_sm_button_icon.cs_size_xs i{font-size:0.7em;line-height:0.75em;}
.cs_social_icons .cs_sm_button_icon.cs_size_sm{width:22px;height:22px;}
.cs_social_icons .cs_sm_button_icon.cs_size_sm i{font-size:0.9em;line-height:0.85em;}
.cs_social_icons .cs_sm_button_icon.cs_size_md{width:30px;height:30px;}
.cs_social_icons .cs_sm_button_icon.cs_size_md i{font-size:1.1em;line-height:1.0em;}
.cs_social_icons .cs_sm_button_icon.cs_size_lg{width:40px;height:40px;}
.cs_social_icons .cs_sm_button_icon.cs_size_lg i{font-size:1.5em;line-height:1.3em;}
.cs_social_icons .cs_sm_button_icon.cs_size_xl{width:50px;height:50px;}
.cs_social_icons .cs_sm_button_icon.cs_size_xl i{font-size:1.85em;line-height:1.05em;}

/* Icons Border Radius */
.cs_social_icons .cs_sm_button_icon.cs_round_0{border-radius:0px;}
.cs_social_icons .cs_sm_button_icon.cs_round_1{border-radius:1px;}
.cs_social_icons .cs_sm_button_icon.cs_round_2{border-radius:2px;}
.cs_social_icons .cs_sm_button_icon.cs_round_3{border-radius:3px;}
.cs_social_icons .cs_sm_button_icon.cs_round_4{border-radius:4px;}
.cs_social_icons .cs_sm_button_icon.cs_round_5{border-radius:5px;}
.cs_social_icons .cs_sm_button_icon.cs_round_6{border-radius:6px;}
.cs_social_icons .cs_sm_button_icon.cs_round_7{border-radius:7px;}
.cs_social_icons .cs_sm_button_icon.cs_round_8{border-radius:8px;}
.cs_social_icons .cs_sm_button_icon.cs_round_9{border-radius:9px;}
.cs_social_icons .cs_sm_button_icon.cs_round_10{border-radius:10px;}

/* Farbe wenn farbige Icons */
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_facebook.cs_sm_ic_colored{background:#3c599b;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_twitter.cs_sm_ic_colored{background:#24c5fb;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_googleplus.cs_sm_ic_colored{background:#d64736;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_xing.cs_sm_ic_colored{background:#00777d;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_tumblr.cs_sm_ic_colored{background:#55647f;}

/* Hover monochchrome Icons */
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_facebook:hover{background:#3c599b;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_twitter:hover{background:#24c5fb;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_googleplus:hover{background:#d64736;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_xing:hover{background:#00777d;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_tumblr:hover{background:#55647f;}

/* Hover für farbige Icons */
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_facebook.cs_sm_ic_colored:hover{background:#000;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_twitter.cs_sm_ic_colored:hover{background:#000;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_googleplus.cs_sm_ic_colored:hover{background:#000;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_xing.cs_sm_ic_colored:hover{background:#000;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_tumblr.cs_sm_ic_colored:hover{background:#000;}

/* Bildstyle für die Icons */
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_facebook.cs_sm_ic_img{background:url(../img/sm_icon_facebook.jpg);background-size:contain;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_facebook.cs_sm_ic_img i{display:none;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_twitter.cs_sm_ic_img{background:url(../img/sm_icon_twitter.jpg);background-size:contain;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_twitter.cs_sm_ic_img i{display:none;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_googleplus.cs_sm_ic_img{background:url(../img/sm_icon_googleplus.jpg);background-size:contain;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_googleplus.cs_sm_ic_img i{display:none;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_xing.cs_sm_ic_img{background:url(../img/sm_icon_xing.jpg);background-size:contain;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_xing.cs_sm_ic_img i{display:none;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_tumblr.cs_sm_ic_img{background:url(../img/sm_icon_tumblr.jpg);background-size:contain;}
.cs_social_icons .cs_sm_button_icon.cs_sm_ic_tumblr.cs_sm_ic_img i{display:none;}

/* Social Window */
.cs_sm_window{
   position:fixed;
   top:50%;
   left:50%;
   width:600px;
   min-height:100px;
   margin-top:-50px;
   margin-left:-300px;
   z-index:25000;
   display:none;
   background:none;
   overflow:visible;
}
.cs_sm_window .cs_outer{
   height:100%;
   width:100%;
   border-radius:10px;
   box-shadow:0px 0px 65px 0px rgba(0,0,0,0.7);
   background:rgba(50,50,50,0.7);
   padding:10px 10px 10px 10px;
   overflow:visible;
}
.cs_sm_window .cs_inner{
   height:100%;
   width:100%;
   padding:40px 40px 40px 40px;
   background:#FFFFFF;
   border-radius:7px;
   overflow:visible;
}
.cs_sm_window .cs_sm_content{
   min-height:25px;
   background:url(../img/loading.gif) 0px 0px no-repeat;
}
.cs_sm_window .cs_sm_message{
   margin-top:10px;  
}
.cs_sm_window .cs_inner iframe{
   height:100%;
   width:100%;
   border:none;
}
.cs_sm_window .cs_sm_window_exit{
   position:absolute;
   right:15px;
   top:15px;
   z-index:500;
   font-size:18px;
   outline:none;
}
.cs_sm_window .cs_sm_window_exit:link,
.cs_sm_window .cs_sm_window_exit:visited,
.cs_sm_window .cs_sm_window_exit:active{
   color:#000000;
   outline:none;
}
.cs_sm_window .cs_sm_window_exit:hover{
   color:#747474;
   outline:none;
}
.cs_sm_window .cs_sm_window_exit i{
   font-size:1.4em;    
}

/* Facebook iFrame Open */
.cs_sm_window .cs_sm_content iframe[src*="facebook"]{
   height:350px!important; 
   width:600px!important; 
}
.cs_sm_window .fb_iframe_widget_lift{
   height:350px!important;  
}
.cs_sm_window .fb_ltr{
   height:350px!important; 
   width:600px!important;  
}

@media (max-width: 640px) {
	.cs_sm_window{
		 width:500px;
		 margin-top:-50px;
		 margin-left:-250px;
	}
}
@media (max-width: 540px) {
	.cs_sm_window{
		 width:400px;
		 margin-top:-50px;
		 margin-left:-200px;
	}
}
@media (max-width: 440px) {
	.cs_sm_window{
		 width:300px;
		 margin-top:-50px;
		 margin-left:-150px;
	}
}
@media (max-width: 340px) {
	.cs_sm_window{
		 width:200px;
		 margin-top:-50px;
		 margin-left:-100px;
	}
}
@media (max-width: 240px) {
	.cs_sm_window{
		 width:150px;
		 margin-top:-50px;
		 margin-left:-75px;
	}
}