@charset "utf-8";
/* CSS Document */

.thumbbox { width:240px;
	height:200px;
	margin:1rem;
	padding-bottom:1rem;
	background-color:#FFF;
	border-radius: 0.3em;
	font-size: medium;
	text-align:center;

	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

.thumbbox a{opacity:0.7;}
.thumbbox a:hover {opacity:1;}

.thumbbox2 { width:180px;
	height:120px;
	margin-right:1rem;
	margin-bottom:1rem;
	border-radius: 0.3em;

	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

#boxgalerie {width:96%;
	max-width:1200px;
	height: auto;
	margin-top:3rem;
	margin-left:auto;
	margin-right:auto;
	padding-left:8%;}

.navigat {
	max-width:1200px;}

.table {
	width:auto;
	font-family:'Open Sans', sans-serif;
	color: #fff;
	font-weight:300;
	letter-spacing:0.04em;
	padding:2%;
	font-size:1.6rem;
	line-height:2.5rem;
	text-rendering: optimizeLegibility;	
	vertical-align:top;
	border:none;
	}


td {vertical-align:top;}
.sp1 { width:15rem;
text-align: right; padding-right:12px;}

/* klassentabelle nach Tipp Seb: https://blog.kulturbanause.de/2012/06/tabellen-im-responsive-webdesign/
.table {
  display: table;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
}
*/