/* 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 button.button.svg {
  padding-top: 0;
}

.xBlog button svg {
  height: 2rem;
  top: 0.1rem;
  position: relative;
}

.xBlog .mapicon {
  padding-left: .6rem;
}
.xBlog .mapicon svg {
  height:18px;
  position: relative;
  top: 3px;
}

.xBlog .row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  width: auto;
}

.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;
}