/* 201008, dwildt: DON'T USE hyphens! All possible words are separated among others in headings and in surnames (fatal in double names)! */
/*.xBlog,
.xBlogItem {
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}*/

/* 201204, dwildt. CSS-hack: i.e. if there are only two columns large-4 the second columns will moved from position three to two */
.xBlog.list .row .columns:last-of-type {
  /*background: #ff0000;*/
	float:left;
}

.xBlog .singleLineOnly {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bubbles header{
	position: absolute;
	max-width: 50%;
	z-index: 50;
}
.xBlogBubble {
	height: 200px;
	width: 200px;
	font-size:2rem;
	padding:0;
	visibility:hidden;
}

.xBlogBubble .has-tip {
	border: inherit;
}

/* 201118, dwildt: without any effect!? */
.xBlogBubble .tooltip {
  font-size: 1em;
}


.xBlogBubble .text {
	width: 100%;
	max-height:100%;
	position: absolute;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top:50%;
	padding:15% 10%;
	background-color: transparent;
}

.xBlogBubble .circle {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #27ae60;
	border-radius: 50%;
	text-align:center;
}
#startBox01 .xBlogBubble a {
	font-weight:lighter;
}