/*
@font-face {
//	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
//	src: local('Lexend Deca Regular'), local('LexendDeca-Regular'), url(https://fonts.gstatic.com/s/lexenddeca/v1/K2F1fZFYk-dHSE0UPPuwQ5qnJy8.woff2) format('woff2');
//	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/

/*
body {
// fallback for old browsers 
background: #e0e3cc; 
// Chrome 10-25, Safari 5.1-6 
background: -webkit-linear-gradient(to right, #e0e3cc, #e4f0ef); 
// W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 
background: linear-gradient(to right, #e0e3cc, #e4f0ef); 

	font-family: 'Lexend Deca', sans-serif;
	line-height: 1.75em;
	font-size: 0.8em;
	margin: 0;
	color: #494352;
}
*/

/*
@media (max-width: @screen-md) {


	h1 {
		font-size: 1.5em;
	}

	h2 {
		font-size: 1.0em;
	}

	h3 {
		font-size: 0.4em;
	}

	h4 {
		font-size: 0.2em;
	}

	h5 {
		font-size: 0.5em;
	}
	h6 {
		font-size: 0.5em;
	}
	h7 {
		font-size: 0.5em;
	}
	h8 {
		font-size: 0.5em;
	}
}
*/

/*
@media (min-width: 800px) {
	h1 {
		font-size: 2.4em;
		line-height: 1.2em;
	}
	h2 {
		font-size: 2em;
		line-height: 1.2em;
	}
}
*/

a {
	color: #494352;
	text-decoration: none;
	display: inline-block;
	position: relative;
	padding-bottom: 0;
}

a:after {
	content: '';
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	transition: all .3s;
	background: rgba(73, 67, 82, 0.2);
}

a:hover:after {
	background: rgba(73, 67, 82, 1);
}

/*
@media (min-width: 800px) {
	a {
		padding-bottom: 2px;
	}
	a:after {
		height: 2px;
	}
}

dd a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
}

.wrapper {
//	max-width: 800px;
	margin: 0 auto;
	padding: 0 15px;
}

.page {
	padding: 5vh 0;
}

@media (min-width: 800px) {
	.wrapper {
		padding: 0 30px;
	}
	
	// hier die Abstände zwischen den Kakkdingern!
	.page {
		padding: 5vh 0;
	}
}

footer {
	margin: 1.5em 0;
}

footer p {
	margin-top: 5px;
}
*/

/* let envs = ['xs', 'sm', 'md', 'lg', 'xl']; */

/*
h9 {
	font-size: 0.5em;
}
*/

@media (max-width: 575.98px) {

	@media (orientation: landscape) {	
		.topcarousel_land_spacer {
			height: 10vh;
		}		
	}
	@media (orientation: portrait) {	
		.topcarousel_port_spacer {
			height: 76vh;
		}
	}
	#leistung {
		margin-top: -130px;
	}
	#portfolio {
		margin-top: -5px;
	}
	
	.btn_text {
	//	float: left;
	}

	.btn_text span {
		display: inline-block;
		width: 5vw;
		text-align: left;
	}

	.btn_text span:first-of-type {
		width: 85vw;
		text-align: center;
	}
	.page {
		padding: 0vh 0;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5 {
	  font-weight: 700;
	}

	
	h6,
	h7,
	h8 {
	  font-weight: 600;
	}
	
	h9,
	h10 {
	  font-weight: 550;
	}
	
	h1 {
		font-size: 0.9em;
	}	
	h2 {
		font-size: 0.75em;
	}
	h3 {
		font-size: 2.2em;
	}
	h4 {
		font-size: 1.6em;
	}
	h5 {
		font-size: 1.3em;
	}
	h6 {
		font-size: 1.1em;
	}
	h7 {
		font-size: 0.9em;
	}
	h8 {
		font-size: 0.65em;
	}
	h9 {
		font-size: 0.74em;
	}
	h10 {
		font-size: 0.7em;
	}
}


@media (min-width: 576px) and (max-width: 767.98px) {
	
	@media (orientation: landscape) {	
		.topcarousel_land_spacer {
			height: 45vh;
		}		
	}
	@media (orientation: portrait) {	
		.topcarousel_port_spacer {
			height: 85vh;
		}
	}
	
	.btn_text {
	//	float: left;
	}

	.btn_text span {
		display: inline-block;
		width: 5vw;
		text-align: left;
	}

	.btn_text span:first-of-type {
		width: 50vw;
		text-align: center;
	}

	
	.page {
		padding: 0vh 0;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5 {
	  font-weight: 700;
	}

	h6,
	h7,
	h8 {
	  font-weight: 600;
	}
	
	h9,
	h10 {
	  font-weight: 550;
	}

	h1 {
		font-size: 1.4em;
	}
	h2 {
		font-size: 0.8em;
	}
	h3 {
		font-size: 2.3em;
	}	
	h4 {
		font-size: 1.6em;
	}
	h5 {
		font-size: 1.4em;
	}
	h6 {
		font-size: 1.1em;
	}
	h7 {
		font-size: 0.9em;
	}
	h8 {
		font-size: 0.7em;
	}
	h9 {
		font-size: 0.84em;
	}
	h10 {
		font-size: 0.8em;
	}
}


@media (min-width: 768px) and (max-width: 991.98px) {
	
	@media (orientation: landscape) {	
		.topcarousel_land_spacer {
			height: 40vh;
		}		
	}
	@media (orientation: portrait) {	
		.topcarousel_port_spacer {
			height: 118vh;
		}
	}
	
	
	.btn_text {
	//	float: left;
	}

	.btn_text span {
		display: inline-block;
		width: 5vw;
		text-align: left;
	}

	.btn_text span:first-of-type {
		width: 55vw;
		text-align: center;
	}
	
	
	.page {
		padding: 3vh 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
	  font-weight: 700;
	}

	h6,
	h7,
	h8 {
	  font-weight: 600;
	}
	
	h9,
	h10 {
	  font-weight: 550;
	}


	h1 {
		font-size: 1.40em;
	}
	h2 {
		font-size: 0.70em;
	}
	h3 {
		font-size: 2.6em;
	}
	h4 {
		font-size: 1.8em;
	}
	h5 {
		font-size: 1.6em;
	}
	h6 {
		font-size: 1.3em;
	}
	h7 {
		font-size: 1.1em;
	}
	h8 {
		font-size: 0.6em;
	}
	h9 {
		font-size: 0.93em;
	}
	h10 {
		font-size: 0.85em;
	}
}



@media (min-width: 992px) and (max-width: 1199.98px) {
	
	@media (orientation: landscape) {	
		.topcarousel_land_spacer {
			height: 40vh;
		}		
	}
	@media (orientation: portrait) {	
		.topcarousel_port_spacer {
			height: 118vh;
		}
	}
	
	.btn_text {
	//	float: left;
	}

	.btn_text span {
		display: inline-block;
		width: 5vw;
		text-align: left;
	}

	.btn_text span:first-of-type {
		width: 55vw;
		text-align: center;
	}
	
	.page {
		padding: 4vh 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
	  font-weight: 700;
	}

	h6,
	h7,
	h8 {
	  font-weight: 600;
	}
	
	h9,
	h10 {
	  font-weight: 550;
	}
	
	h1 {
		font-size: 1.4em;
	}
	h2 {
		font-size: 0.9em;
	}
	h3 {
		font-size: 2.8em;
	}
	h4 {
		font-size: 2.0em;
	}
	h5 {
		font-size: 1.8em;
	}
	h6 {
		font-size: 1.6em;
	}
	h7 {
		font-size: 1.4em;
	}
	h8 {
		font-size: 0.7em;
	}
	h9 {
		font-size: 1.1em;
	}
	h10 {
		font-size: 1.0em;
	}

}


@media (min-width: 1200px) {
	
	@media (orientation: landscape) {	
		.topcarousel_land_spacer {
			height: 40vh;
		}		
	}
	@media (orientation: portrait) {	
		.topcarousel_port_spacer {
			height: 118vh;
		}
	}
	
	.btn_text {
	//	float: left;
	}

	.btn_text span {
		display: inline-block;
		width: 3vw;
		text-align: left;
	}

	.btn_text span:first-of-type {
		width: 30vw;
		text-align: center;
	}
	
	.leistung {
		margin-top: -85px;
	}
	
	// padding: 5vh 0;
	.page {
		padding: 0vh 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
	  font-weight: 700;
	}

	h6,
	h7,
	h8 {
	  font-weight: 600;
	}
	
	h9,
	h10 {
	  font-weight: 550;
	}
	
	h1 {
		font-size: 1.4em;
	}
	h2 {
		font-size: 0.9em;
	}
	h3 {
		font-size: 3.5em;
	}
	h4 {
		font-size: 2.3em;
	}
	h5 {
		font-size: 1.5em;
	}
	h6 {
		font-size: 1.6em;
	}
	h7 {
		font-size: 1.0em;
	}
	h8 {
		font-size: 0.8em;
	}
	h9 {
		font-size: 1.1em;
	}
	h10 {
		font-size: 1.0em;
	}
}