#pricing {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Umbrechen, sobald die Box 350 Pixel Breite hat */
	    
	}

	#pricing h4 {
		background:transparent;
		margin: 0;
		padding:0;

		color:#fff; 
		font-family: 'Oswald', sans-serif; 
		font-size: 3.5em;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		width:auto; 
		display:inline-block;
	}

	#pricing sup {
		font-size: 0.35em;
		vertical-align: middle;
		top: -0.5em;
		position: relative;
		line-height: 0;
	}

	#pricing h3 {
		font-family: Oswald, sans-serif; 
		font-size: 1.5em;
		font-weight: 300;
		line-height: 1.10em;
		text-align: center;
	}

	#pricing p {
		font-size: 0.9em;
	}

	#pricing hr {
		height:1px; 
		width: 90%; 
		text-align: center; 
		margin: 20px auto 20px auto; 
		background-color:#FFF; 
		border:none;
	}

	#pricing .outer-grid {
		background: transparent;
		color: white;
		margin: 1em;
		text-align: center;
	}
	
	#pricing .outer-grid.highlight0 {
		background: #fa0cbd;
	}

	#pricing .outer-grid.highlight {
		background: var(--main-color);
	}
	
	#pricing .outer-grid.highlight2 {
		background: var(--main-color2);
	}
	
	#pricing .outer-grid:hover {
  	transition: all 0.5s ease-in-out;
	background:var(--main-color2);
	color:white;
	cursor: pointer;
	}	

	#pricing .outer-grid.highlight0:hover {
		background:var(--main-color2);
	}	

	#pricing .outer-grid.highlight2:hover {
	background:var(--main-color);
	}	
	
	#pricing .inner-grid {
		background: transparent;
		border: 2px solid var(--main-color2);
		margin: 1em;
		height: 93%;
		padding: 2em;
		text-align: center;
	}
	
	#pricing .inner-grid.highlight0 {
		border: 2px solid #fff;
	}

	#pricing .inner-grid.highlight2 {
		border: 2px solid var(--main-color);
	}
	
	#pricing .inner-grid:hover {
	border: 2px solid #FFF;
	color:white;
	}	
	
	#pricing .button {
	background-color: var(--main-color);
	display: inline-block;
	padding: 1em;
	}

	#pricing .button.highlight0 {
		background-color: #000;
	}

	#pricing .button.highlight {
	background-color: #000;
	}
	
	#pricing .button.highlight2 {
	background-color: #000;
	}
	
	#pricing .button:hover {
	background:#000;
	}
	
	#pricing .button.highlight:hover {
	background-color: var(--main-color);
	}

	#pricing .button.highlight0:hover {
		background-color: #fa0cbd;
	}
		
	#pricing .button.highlight2:hover {
	background-color: var(--main-color2);
	}

/*******************************************************
*
    VIP-Tickets
*
*******************************************************/

.price-label {
	color: var(--main-color);
}