/* CSS Document */

#startseite-cards .card {
			background: linear-gradient(110deg, white, oldlace);
		}
		
		#startseite-logo {
			*z-index: -1;
		}
		.card-title {
			text-transform: uppercase;
			text-align: center;
		}
		

		
		@media (min-width: 992px) {
			/*Cards positionieren*/
			#startseite-cards #eins,
			#startseite-cards #drei {
				margin-left: 100px;
			}
			
			#startseite-cards #vier,
			#startseite-cards #sechs {
				margin-left: -100px;
			}
			
			#startseite-cards #sieben {
				display: flex;
				justify-content: center;
			}
			/*Cards rotieren*/
			#startseite-cards #eins,
			#startseite-cards #sechs {
				transform: rotate(10deg);
			}
			#startseite-cards #drei,
			#startseite-cards #vier {
				transform: rotate(-10deg);
			}
			
			#startseite-cards #eins,
			#startseite-cards #zwei,
			#startseite-cards #drei,
			#startseite-cards #vier,
            #startseite-cards #fuenf,
            #startseite-cards #sechs,
			#startseite-cards #sieben {
				transition: all .35s;
			}
		
		#startseite-cards #eins:hover,
		#startseite-cards #zwei:hover,
		#startseite-cards #drei:hover,
		#startseite-cards #vier:hover,
		#startseite-cards #fuenf:hover,
		#startseite-cards #sechs:hover,
		#startseite-cards #sieben:hover {
			transform: rotate(0) scale(1.1);
		}
		
		#startseite-cards .card-behind {
				position: absolute;
				width: 100%;
				height: 100%;
				background-color:#FDCA00;
				box-shadow: 0px 0px 10px 2px rgb(51 51 51 / 50%);
				z-index: -1;
				transform: rotate(5deg) scale(1);
				transition: all .35s;
			}
		
		#startseite-cards .card:hover .card-behind {
				position: absolute;
				width: 100%;
				height: 100%;
				background-color:#FDCA00;
				box-shadow: 0px 0px 10px 2px rgb(51 51 51 / 50%);
				z-index: -1;
				transform: rotate(10deg) scale(1);
			}
		
		#startseite-cards .container-fluid:hover .card,
		#startseite-cards .container:hover .card {
			opacity: 1;
			*transform: scale(1);
		}
		
			#startseite-cards #eins .card:hover,
			#startseite-cards #zwei .card:hover,
			#startseite-cards #drei .card:hover,
			#startseite-cards #vier .card:hover,
            #startseite-cards #fuenf .card:hover,
            #startseite-cards #sechs .card:hover,
            #startseite-cards #sieben .card:hover {
				transform: none;
				cursor:pointer;
			}
		}
		
		@media (min-width: 1920px) {
			.card-title {
			font-size:1.8rem;
		}
		}
		
		
		
		#footer-bottom {
			margin-top: 30px;
		}