.alle-karten {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-basis: 100%;
	justify-content: space-between;
	border: 1px dotted red;
/*background-image: url("/fileadmin/user_upload/0000-Musterbilder/grossformat/figures-1372458.jpg");
		  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;  
  
  z-index: -10;*/
	c--olumn-gap: 20px;
	row-gap: 32px;
}


.karte {
	display: flex;
	f--lex-basis: 45%;
	flex-direction: row;
	flex-shrink:1;
	flex-grow :1;
	min-width: 320px;
	max-width: 600px;
	
	min---height: 300px;
	
	
	-webkit-box-shadow: -2px 2px 3px 0px rgba(153,153,153,0.57);
	-moz-box-shadow: -2px 2px 3px 0px rgba(153,153,153,0.57);
	box-shadow: -2px 2px 3px 0px rgba(153,153,153,0.57);
	
	 /*background-color: #fafafa;*/
	
	
	position: relative;

}




.karte::after {
	content:"";
	position: absolute;
		background-image: url("800px-Sossusvlei_Dune_Namib_Desert_Namibia_Luca_Galuzzi_2004.JPG");
	  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  width: 100%;
  height: 100%;

  z-index: -1;
}







@media (max-width: 1400px) {
	.karte {
		min-width: 80%;
	}		
}	

/*
.karte:nth-child(odd) {
  background-color: #fafafa;
}

.karte:nth-child(even) {
  background-color: beige;
}

*/






.b--ild img {min-width: 200px; max-height:400px}

.bild-box {flex-basis:40%; min-width: 35%;  max-width: 40%; flex-grow: 0; flex-shrink:1; position:relative;}
.text-box {flex-basis:60%; min-width: 35%;  max-width: 60%; flex-grow: 0; flex-shrink:1; 
		padding-right: 1.5rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
}


.name {
	b--ackground-color: transparent;
	/*transparenter text
	mix-blend-mode: overlay;*/
	 color:white;
	 font-weight:bold;
	 text-transform: uppercase;
}

.text-box .details {
	 display: flex;
	flex-direction:column ;
	border:1px dotted lime;
	margin-top: auto; 
	
	 height:100%!important;
	 
	 background-color: rgba(238, 238, 238, 0.5);
	
}

.text-box .details .e-kontakt {
	
	margin-top: auto; 
	border: 1px dotted red;
	
	
}	
	
/*
@media (min-width: 992px) {
	.karte {
		min-width: 50%;
		background-color: lightgrey;
	}
}
*/

.bild {width: 100%;}

.bild:hover .bild-2  {
	
	/*width:  366px;
	height: 274px;*/
	opacity: 1;
		z-index:2;
	transition: opacity 0.3s ease;
	filter: drop-shadow(8px 8px 10px gray);
}
.bild-2{
	position: absolute;
	left: 0;
	/*width: 0;
	height: 0;*/
	transition: opacity 0.3s ease;
	z-index:0;
	opacity: 0.0;
	filter: drop-shadow(8px 8px 10px gray);
}