:root {
  /* 
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
*/
	
	/* Override von Defaults */
	
    --font-family-serif: "le-monde-livre-classic-byol", serif;
	--font-family-sans-serif: "urw-din-condensed",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	--gray: #9A9A9A;
	--dark: #000000;
	--gray-dark: #555555;
	
	--color-text: var(--gray);
}


.family-sans {
	font-family: var(--font-family-sans-serif);
	font-weight: 500;
}

.family-serif {
	font-family: var(--font-family-serif);
	font-weight: 300;
}

strong {
	font-weight: 500;
}

body {
	color: var(--color-text);
	font-weight: 300;
	font-size: 1.125em;
}


body {
	position: relative;
	overflow-y: scroll;
	height: 100% auto;

	background-image: url("../images/Cover2.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;

}

.container {
	padding: 0 0 0 0;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}


.header-bg {
	background-color: var(--dark);
	position: fixed;
	width: 100%;
	height: auto;
	padding: 0 0 20px 0;
	z-index: 2;
}

.site-nav {
	margin: 40px 0 0 -50px;
}

.brand {
	position: fixed;
	height: 25px;
}

.navbar-brand {
	font-weight: 300;
	font-size: 18px;
	text-decoration: none;
	color: var(--color-text);
	margin: -30px 60px 0 0;
}

.nav-item {
	float: right;
	font-weight: 300;
	font-size: 18px;
	text-decoration: none;
	color: var(--color-text);
	margin: 0 25px 0 0;
}

a:hover {
  	text-decoration: underline;
	color: var(--gray-dark);
}

a:active {
  	text-decoration: underline;
	color: var(--gray-dark);
}

.navbar-nav {
	font-display: auto;
	position: fixed;
	overflow: auto;
}

.navbar-toggler {
	border: none;
}

#toggler {
	padding: 10px 0 0 1px;
	width: 30px;
	opacity: 0.5;
	outline: none !important;
}


* :focus {
    outline: none!important;
	border: 0!important;
}

#about-higher {
	min-height: 1px;
	position:absolute;
    margin-top:-85px;
}




#home {
	min-height: 1px;
}

p {
	width: 50%;
	margin: 0 0 0 95px;
	padding: 0 0 20px 0;
}

@-moz-document url-prefix() { 
  p { padding: 0 0 220px 0;
  }
}

.p2 {
	padding: 0 0 100px;
}

.p-bold {
	font-weight: 600;
	line-height: 1.8;
}

h1 {
	font-weight: 600;
	font-size: 5em;
	line-height: 0.9;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
}

h2 {
	font-weight: 300;
	line-height: 1.05;
	font-size: 2.5em;
}

.cover {
	margin: 0 0 0 95px;
	padding: 0 0 150px 0;
}

.layout-cover {
	color: var(--color-text);
	margin: 480px 0 0 0;
	position: fixed;
	z-index: -1;
}

header {
	min-height: 820px;
}


.content {
	background-color: var(--dark);
}

.spacer {
	background-color: var(--dark);
	min-height: 100px;
}

.kontakt {
	background-color: var(--dark);
	padding: 40px 0 20px 0;
}

.kontakt2 {
	min-height: 1px;
}

.p-contact {
	text-decoration: none;
	color: var(--color-text);
}

.p-contact:hover {
	text-decoration: none;
	color: var(--gray-dark);
}



.icon {
	float: right;
	margin: 0 -20px 0 0;
}

.icons {
	margin: 0 -60px 0 0;
}


	
@media only screen and (max-width: 1378px) {
  body {
	background-size: 1000px auto;
	background-color: var(--dark);
	background-position: center;
  }
	
	.site-nav {
		margin: 35px 0 0 10px;
	}
	
	.header-bg {
		background-color: var(--dark);
		position: fixed;
		width: 100%;
		height: auto;
		padding: 0 0 50px 0;
	}

	
	header {
		min-height: 700px;
	}
	
	p {
		width: 60%;
		margin: 0 0 0 65px;
		padding: 0 0 20px;
	}
	
	.p2 {
		padding: 0 0 75px;
	}
	
	.cover {
		margin: 0 0 0 65px;
		padding: 0 0 100px 0;
	}

	h2 {
		font-size: 1.4em;
		padding: 0 0 0 20px;
	}
	
	h1 {
		font-size: 3.9em;
		padding: 30px 0 20px 26px;
	}
	
	.icons, .icon {
		padding: 0 22px 0 0;
		margin: 0 0 0 0;
	}
	
	#instagram {
		padding: 32px 40px 25px 20px;
	}
	
	.layout-cover {
		margin: 305px 0 0 22px;
	}
	
	.spacer {
		min-height: 120px;			
	}
	
	
}

@media only screen and (max-width: 767px) {  /* iPhone 6/7/8/usw. + iPad mini */
	.layout-cover {
		margin: 262px 0 0 0;
	
	}
	
	body {
		background-image: url("../images/Cover2_moblie.jpg");
		background-size: 400px auto;
		background-color: var(--dark);
		background-position: bottom;	
  	}
	
	.header-bg {
		background-color: var(--dark);
		position: fixed;
		width: 100%;
		height: auto;
		padding: 0 0 0px 0;
	}
	
	.nav-item {
		background-color: var(--dark);
		width: 767px;
		margin: 0 25px 0 0;
	}
	
}

@media only screen and (max-width: 320px) { /* iPhone 5s/SE */
	.layout-cover {
		margin: 260px 0 0 0;
	
	}
	
	body {
		background-size: 320px auto;
		background-color: var(--dark);
		background-position: bottom;	
  	}
	
	h1 {
		font-size: 3.1em;
	}
	
	h2 {
		font-size: 1.2em;
	}
	
	p {
		font-size: 0.9em;
		padding: 0 0 20px;
	}
	
	.p2 {
		padding: 0 0 60px;
	}
	
	.spacer {
		min-height: 90px;			
	}
	
}