@import url("obituary.css");

body *{
  hyphens: auto;
  -moz-hyphens: auto;
}
/*
header h1{
background-image: url(/image/gvbe_ev_logo.svg);
background-repeat: no-repeat;
background-position: right;
background-size:  contain;   
}
*/
#bi_container{
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-image: url('../image/gvbe_ev_logo.svg');
  background-size: calc(100vh - 0px);
  background-repeat: no-repeat;
  background-position: center;
}
[role="article"]{
  background-color: rgba(255,255,255,0.5);
  border: 1px solid #ddd;
  border-radius: 4px;
}
[role="article"].media,
[role=article] > article > img,
[role=article] > .media{
  margin-top: 0;
  padding-top: 14px
}

[role="article"]:not(:last-of-type){
  margin-bottom: 0.5vh;
}
[role="article"]:hover{
  background-color: #fff;
}
/* Carousel */
.carousel img{
  width: 100%;
  height: auto;
}
.carousel .carousel-control{
  /*! background-color: white; */
  background-image: none;
}
/* Menu Members*/
.dropdown-submenu {
  position: relative;
}
/*
.media-left{
  width: 40%;
}
*/
[class*="media"] img{
  width: 64px;
  height: 64px;
}

/*
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
*/
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 90%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
#association_overview{
  /*! background-image: url(/image/gvbe_ev_logo.svg); */
  /*! background-repeat: no-repeat; */
  /*! background-position: center; */
  /*! background-size: contain; */
  background-color: rgba(255,255,255,0.9);
}
/*
#member_overview_table{
background-image: url(/image/gvbe_ev_logo.svg); 
background-repeat: no-repeat;
background-position: center;
background-size: 85%;  
}
#association_overview{
  background-color: rgba(255,255,255,0.9);
}
#association_overview .countmembers{
  text-align: center;
}
*/
/*mebers*/
.panel-heading{
  text-align: center;
}
.panel-heading >h3{
  position: initial;
  left:0;
}
[id*='data_mitglied_'] >div > p{
  margin: 0;
}
span.mitglied.firma_2:before{
  content: ' ';
}
p.anschrift:last-of-type{
  margin-bottom: 0.5vh;
}

span.bezeichnung{
  font-weight: bold;
}
span.bezeichnung:not(:empty):after{
  content: ': ';
}
.anschrift span.strasse:after,.kontakt span.telefon:after, .kontakt span.mobil:after{
  white-space: pre;
  content: '\A';
}

.kontakt span.telefon:before,.kontakt span.mobil:before,.kontakt span.e-mail:before{
  *font-style:  italic;
  *font-weight: bolder;
  color: rgba(0,0,0,0.7);
  content: attr(title) ': ';
}
.kontakt span.bezeichnung:after, .anschrift span.bezeichnung:after,.name span.bezeichnung:after, .name span.bezeichnung:after{
  white-space: pre;
  content: ':\A';
}
.read-more{
  float: right;
}
[src="image/gvbe_ev_logo.svg"]{
  background-image: url("../image/trauer.png");
  background-position: bottom left;
  background-size: 50%;
  background-repeat: no-repeat;
}
.media-left:hover:after{
  content: ' ';
  width: 64px;
  height: 64px;
  display: inline-table;
}
.media-object{
  transition: transform 1s ease;
}
.media-object:hover{
  position: absolute;
  *z-index: 999;
  transform: scale(2);
}

#sys_doc_data{
  counter-reset: sys_doc_item
}
li.doc_link_entry{
  counter-increment: sys_doc_item
}
#sys_doc_data .list-group{
  position: relative;
}

li.doc_link_entry:before{
  position: absolute;
  width: 25px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  border: 1px solid #ddd;
  top:50%;
  left:10px;
  content: counter(sys_doc_item);
  transform: translate(0%,-50%)
}