/**
 * CSS Deklarationen f�r die Web-App
 *
 */
@media all {
	
	/* Logos etc. --------------------------------------- */

	/* Seitenverh�ltnis: 3.7 */
	.dranbleiben-logo {
		height: 84px; 
		width: 310px; 
		background: transparent url("/assets/images/dranbleiben-logo-full.svg") no-repeat top center; 
		background-size: 310px 84px;
	}
	
	.dranbleiben-logo-small {
		height: 68px; 
		width: 250px; 
		background: transparent url("/assets/images/dranbleiben-logo-full.svg") no-repeat center center; 
		background-size: 240px 65px;
	}
	
	.dranbleiben-logo-small-2 {
	    display: inline-block;
		height: 60px;
		width: 225px; 
		background: transparent url("/assets/images/dranbleiben-logo-full.svg") no-repeat left center;
		background-size: 222px 60px;
		margin-left: -10px;
		}
		@media only screen and (max-width: 40em) {
			.dranbleiben-logo-small-2 { background-size: 222px 50px; margin-left: -20px; }
		}
	
	.dranbleiben-logo-tiny {
		height: 50px; 
		width: 190px; 
		background: transparent url("/assets/images/dranbleiben-logo-full.svg") no-repeat top center; 
		background-size: 185px 50px;
	}
	
	.dranbleiben-logo-pur {
		width: 90px !important;
		height: 90px !important;
		background: url("/assets/images/dranbleiben-logo-pur-flat.svg") no-repeat top left;
		background-size: 90px 90px;
		display: inline-block;
	}
	
	.dranbleiben-logo-pur-small {
		width: 70px !important;
		height: 70px !important;
		background: url("/assets/images/dranbleiben-logo-pur-flat.svg") no-repeat top left;
		background-size: 70px 70px;
	}
	
	.dranbleiben-logo-pur-small-white {
		width: 50px !important;
		height: 50px !important;
		background: url("/assets/images/dranbleiben-logo-pur-white.svg") no-repeat top left;
		background-size: 50px 50px;
		display: inline-block;
	}
	
	.dranbleiben-logo-pur-small-grey {
		width: 50px !important;
		height: 50px !important;
		background: url("/assets/images/dranbleiben-logo-pur-grey.svg") no-repeat top left;
		background-size: 50px 50px;
		display: inline-block;
	}
	
	.digistore-logo {
		background: url("/assets/images/icons/logos/digistore-trustbadge.png") 50% 50% no-repeat;
		width: 400px;
		height: 39px;
		display: inline-block;
	}
	
	.participant-view-image {
		background: url("/assets/images/participant_round.png") right center no-repeat;
		line-height: 107px; }
		@media only screen and (max-width: 64em) { 
			.participant-view-image { background: none; line-height: 2rem; }
		}
	
	.facilitator-view-image {
		background: url("/assets/images/coach_round.png") right center no-repeat;
		line-height: 107px; }
		@media only screen and (max-width: 64em) { 
			.facilitator-view-image { background: none; line-height: 1.5rem; }
		}

	.ai-icon {
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align: middle;
		background-image: url("/assets/images/icons/ai-sparkle-pink-512.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	
	/* Icomoon Overwritten */
	/* .icon-location:hover:before { content: "\e370"; } */
	/* .done .icon-location:hover:before { content: "\e0f3"; } */
	
}