/*CSS Datei für das Spatzenweb und seine Gallerien*/
.meinpass {
	margin-left: 20px; 
	background-color: #D9C89D; 
	margin-right: 20px; 
	border-radius: 20px; 
	color: black; 
	box-shadow: 10px 10px 24px 9px rgba(0,0,0,0.75); 
	-webkit-box-shadow: 10px 10px 24px 9px rgba(0,0,0,0.75); 
	-moz-box-shadow: 10px 10px 24px 9px rgba(0,0,0,0.75);
  border-collapse: collapse; /* Optional, um Ränder zu vereinen */
  overflow: hidden;        /* Verhindert, dass abgerundete Ecken überlaufen */
}
	
hr {
  border: 0;
  height: 5px;
  background-image: linear-gradient(90deg, #94a871 0%, #6E0000 100%);
  border-style: groove;
  border-radius: 5px;
}

summary {
	cursor: cell;
	font-weight: bold;
	font-style: oblique 25deg;
}

fieldset, legend
{
	border-radius: 7px;
}		

 legend
 {
	 padding: 10px;
 }
 

.mittig {
	text-align: center;	
}


.riesig {
	font-size: 60px;
	text-align: center;
}

.oblique {
	font-style: oblique 25deg;
}

 details.drinnen {
	border: inset 1px;
	padding-left: 10px;
	padding-right: 10px;
}

.blogicon {
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	background-color: transparent;
}

.bildfooter {
	font-size: x-small;
	text-align: center;	
}

.tooltip {
  text-decoration:underline;
  text-decoration-style: dotted;
  text-decoration-color: red;
  font-weight: bold;
  cursor: help; 
  position: relative; 
 }
 
.tooltip span[role=tooltip] {
  display:none;
 }
 
.tooltip:hover span[role=tooltip] {
  	display: block;  
  	position: absolute; 
  	bottom: 1em;
  	left: -6em;
	width: 15em;
  	padding: 0.5em;
  	z-index: 100;
  	color: #000; 
  	background-color: lightyellow;
  	border: outset 1px #c32e04;
	border-radius: 0.2em;  
 }

  .box_quellcode
 {
	padding: 10px;
	background: lightyellow;
	color: #7f1d31;
	border: 2px solid #7f1d31;
	border-radius: 5px;
	font-size: 16px;
	font-family: Georgia, 'Times New Roman', serif;
	text-align: center;	
}