div.navigation-top{ background:url(http://www.matrosenleben.de/wp-content/uploads/2019/02/hintergrund.jpg);
		background-size: cover;
		text-shadow: 0.05em 0.03em 				#333;
		font-weight:bold;
		font-size:10.5pt;
	  display: table-cell;
		background-position: bottom;
}

.site-header .menu-scroll-down .icon{display:none}

.Text{
	opacity:0.7;
}

div.site-content-contain {
  background:url(http://www.matrosenleben.de/wp-content/uploads/2019/05/IMG_7495-min.jpg) repeat;
  margin:0;
  padding:0;
	background-size: cover;
	background-attachment: fixed;
}

#sound-bar {
	border-radius: 20px;
}

div.elementor-image {
	border: 6px solid #000080;
	border-radius: 10px;
}

div.elementor-image-gallery {
	background-color:white;
	opacity: 0.8;
	padding: 10px;
	text-align:justify;
	border-radius: 10px;
}

div.elementor-accordion {
	background-color:white;
	opacity: 0.8;
	padding: 10px;
	text-align:justify;
	border-radius: 10px;
}

div.elementor-tabs {
	background-color:white;
	opacity: 0.8;
	text-align:justify;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
}

div.elementor-text-editor {
	background-color:white;
	padding: 0.05px 10px 1px 10px;
	text-align:justify;
	border-radius: 10px;
}

div.site-info{
	color:#000;
	font-weight:bold;
	width:483pt;
	font-size:12pt;
	margin-left:100pt;
	background-color:white;
}

div.give-form-content-wrap{
		background-color:white;
	opacity: 0.8;
	padding: 10px 10px 1px 10px;
	text-align:justify;
	border-radius: 10px;
}

div.entry-content{
		background-color:white;
	opacity: 0.8;
	padding: 10px 10px 1px 10px;
	text-align:justify;
	border-radius: 10px;
}

.give-form-title {
	color:#000080;
	font-weight: bold;
}

#give-sidebar-left{
	border: 6px solid #000080;
	border-radius: 10px;
	height:382pt
}

div.single-featured-image-header {
	visibility:hidden;
	height:0pt;
}

.container {
  overflow: auto;
}

.filterDiv {
  background-color: #000080;
	float: left;
  color: #ffffff;
  width: 110px;
  line-height: 20px;
  text-align: center;
  display: none; }

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 12px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Add a light grey background on mouse-over */
.btn:hover {
  background-color: #ddd;
}

/* Add a dark background to the active button */
.btn.active {
  background-color: #666;
  color: white;
}

div#tablepress-2_filter{
	position:relative;
	right:100px;
}
div#tablepress-3_filter{
	position:relative;
	right:70px;
	bottom:2px;
}
div#tablepress-3_length{
	position:relative;
	right:200px;
}


/*!!!Fancywork Bilder!!! */
/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;}

/* Style the images inside the grid */
.column img {
  opacity: 0.8; 
  cursor: pointer; }

.column img:hover {
  opacity: 1;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container {
  position: relative;
  display: none;}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;}

/*Tablepress Auswahl Position*/