/**
 * Sven Volz Pre: Context: Frontend
 * 
 * @author alisch berlec hönow <info@abh.eu>
 * @version 1.5.7
 */

body {
	--black: black;	
	--white: white;
	--dark-gray: #999999;
	--light-gray: #D0D0CF;

	--silver: #A5A08F;
	--gold: #FFB300;
	--beige: #F8F6F3;
	--blue: #0093D3;

	--background-color: var( --beige );

	--section-spacing: calc( var( --grid-wrap-padding-vertical ) * 4 );
	--project-spacing: calc( var( --grid-wrap-padding-vertical ) * 3 );
}

.is-inverted {
	--background-color: var( --black );
}



html,
body {
	background-color: var( --background-color );
}

body.is-transitioning,
body.is-transitioning * {
	pointer-events: none !important;
}



.section__headline {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
}

.section__headline.ta-r {
	align-items: flex-end;
}

.section__headline:not( :last-child ) {
	margin-bottom: var( --grid-wrap-padding-vertical );
}

	.section__headline span {
		display: inline-block;
	}



/* ------- @grid md ------- */
@media ( min-width: 700px ) {

}



/* ------- @grid lg ------- */
@media ( max-width: 999px ) {
	slider-indicators {
		--color: var( --light-gray );

		flex-shrink: 0;
		display: flex !important;

		padding-top: 0 !important;
	}

	slider-indicator {
		--size: 0.75em;
		--active-size: 1em;
		--sjs-indicator-size: var( --active-size );

		/*width: auto !important;
		height: auto !important;*/
		border: none !important;

		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: content-box;

		margin: 0 !important;
		padding: 0.3em !important;
	}

	slider-indicator.is-active,
	slider-indicator.is-target {
		--size: var( --active-size );
	}

		slider-indicator .indicator-inner {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;

			width: var( --size );
			height: var( --size );

			border-radius: 2em;
			border: 2px solid currentColor;
			background-color: transparent;
		}

		slider-indicator.is-active .indicator-inner,
		slider-indicator.is-target .indicator-inner {
			background-color: currentColor;
		}

		/*slider-indicator .indicator-inner::after {
			content: '';
			display: block;
			background-color: var( --background-color );

			width: calc( var( --size ) - 4px );
			height: calc( var( --size ) - 4px );
			border-radius: 2em;
		}

		slider-indicator.is-active .indicator-inner::after,
		slider-indicator.is-target .indicator-inner::after {
			transform-origin: center;
			transform: scale( 0 );
		}*/

		.is-ready slider-indicator .indicator-inner,
		.is-ready slider-indicator .indicator-inner::after {
			transition: all 0.15s cubic-bezier( 0.83, 0, 0.17, 1 );
		}
}