/* allgemeine Textfarbe */
body {
  color: darkslategray;
}
/* Seitentitel Schatten wegen Lesbarkeit im Sliderbild */
.pagetitle-title.heading {
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
/* Breadcrumb Schatten wegen Lesbarkeit im Sliderbild */
.breadcrumb {
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; 
}
/* Infotext im Slider der Homepage */
.sliderbox { 
 opacity: 0.75; 
background-color: #ebebeb; 
padding-bottom: 15px; 
padding-right: 15px; 
padding-left: 15px; 
border-radius: 10px; 
text-align: center;
}
/* universalbox */
.standardbox { 
 opacity: 0.75; 
padding-bottom: 15px; 
padding-right: 15px; 
padding-left: 15px; 
border-radius: 10px; 
text-align: center;
}
/* Veranstaltungen in Beiträgen/Seiten */
.eventbox { 
 opacity: 0.75; 
background-color: #fba69d; 
padding-bottom: 15px; 
padding-right: 15px; 
padding-left: 15px; 
border-radius: 10px; 
}

/* Featuring in Beiträgen/Seiten */
.featurebox { 
 opacity: 0.75; 
background-color: #c7e3ff; 
padding-bottom: 15px; 
padding-right: 15px; 
padding-left: 15px; 
border-radius: 10px; 
}

/* Hintergrundbild durchscheinen lassen */
.main {
  opacity: 0.91;
}

.uabb-face {
  border-radius: 10px;
}
/* Infotext im Slider der Homepage */
.priobox { 
  background-color: #fba69d; 
  padding-bottom: 15px; 
  padding-right: 15px; 
  padding-left: 15px; 
  border-radius: 20px; 
}
/* Box für das Nesletter-Formular */
.newsletterbox {
  background-color: #afb3ce;
  max-width: 400px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 10px;
}

/* Box für ct_accordion */
.accordionbox {
  padding-right: 15px;
  padding-left: 15px;
}

/* Legende auf den Veranstaltungslisten */
#legendewrapper {
  height: 100px;
  width: 100%;
}
#legende {
  text-align: center; 
  margin-bottom: 35px; 
  width: 6em; float:left;
}
/* Klasse für aktuelle Beiträge in display-posts */
.myposts {
width: 100%;
}
#myposts-listing {
float: left;
}
/* Contact Form 7 Klasse */
.CF7form {
	text-align: center; 
}
/* Veranstaltungslisten */
#valiste {
  width: 95%;
	display: inline-grid;
  grid-template-columns: 140px 80px auto;
}

#vaelement {
  text-align: left; 
  position: relative;
  display: inline-block;
}


#vaelement .tooltiptext {
  visibility: hidden;
  width: 170px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 105%;
  left: 5%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

#vaelement .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

#vaelement:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#bier {
  width: 95%;
	display: inline-grid;
  grid-template-columns: 200px auto;
}

div.bt-table {
	display: table;
	width: calc(100% - 1em);	
	border-collapse: collapse;
	float: left;
}
div.bt-tr {
	display: table-row;	
}
div.bt-td {
	display: table-cell;
	padding: 5px;
}