/* Dieses CSS ist über href="stylesheet/components/unternehmen-mobil.css">
nur auf den Seiten Die Tischlerei und Leistungen verlinkt */



.facts {
  padding: 6vh 1em;
  background-color: rgba(200, 200, 200, 0.1);
}

.titelbild-unternehmen {
	display: flex;
}

.titelbild-unternehmen img {
  margin: auto;
  height: 450px;
  object-fit: cover;
}


@media only screen and (max-width: 770px) {
  /* Die card-Klassen sind in einem Subfolder Cards */ 
 	
 	#text-menu-unternehmen {
 		flex-direction: row;
 	}
	
	/* Die Zahlen sollen zentriert über den Fakten stehen */
 	.facts-flex {
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1em;
	}

	#Team {
	  width: 100%;
	}
	 
	.menu-card {
	  flex: 0 1 calc(33% - 0.4em);
	  margin-bottom: 10px;
	  height: 25vh;

	}

	.card-dukatz img {
	width: 40vw;
    height: 100%;
	}

	

	.dukatz-subtitle {
		flex-direction: column;
	}

	
}

@media only screen and (max-width: 512px) {
  /* Die card-Klassen sind in einem Subfolder Cards */ 
 	
 	

	.menu-card img {
	 
	 	object-position: top;
	 	height: 120px;
	}

	.menu-body {
	margin: 0.1em;
	padding: 0.5em;
	font-size: 12px;
	}

	.card-dukatz {
	flex-direction: column;
	height: auto;
	}

	/* Damit der Kopf nicht abgeschnitten ist */
	#Kai-Uwe img {
	object-position: top;
    height: 30vh;
	}

	.card-dukatz img {
	width: 100%;
	height: 20vh;
	}

	.card-dukatz-text {
    width: 100%;
	}





}

@media only screen and (max-width: 450px) {
  /* Die card-Klassen sind in einem Subfolder Cards */ 
 	

 	.cards {
 		flex-direction: column;
 	}

 	#text-menu-unternehmen {
 		flex-direction: column;
 	}
}