body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
  height: 100%;
  color: #777;
  line-height: 1.8;
}
/* Create a Parallax Effect */
.post-header, .bgimg-2, .bgimg-3 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-2, .bgimg-3 {
  opacity: 0.65;
}

/* First image (Logo. Full height) */
.post-header {
  background-color: #b5ac9f;
  background-image: url('top20.jpg');
  min-height: 100%;
}

/* Second image (Portfolio) */
.bgimg-2 {
  background-image: url("middle.jpg");
  min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("bottom.jpg");
  min-height: 400px;
}

#dpr-flip-box-1 .flip-wrap-front {
  background-image: url('flip1.jpg');
  }
    
#dpr-flip-box-2 .flip-wrap-front {
  background-image: url('flip2.jpg');
  }
  
#dpr-flip-box-3 .flip-wrap-front {
  background-image: url('flip3.jpg');
  }

.dpr-flip-box .flip-wrap-front {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.w3-wide {letter-spacing: 0.2em;}
.w3-hover-opacity {cursor: pointer;}

.w3-bar a {color:#fff}

.w3-animate-top a {color:#666 !important}

.w3-orange, .w3-hover-orange:hover {
    color: #fff !important;
    background-color: rgba(240,73,35,0.8) !important;
}

h3 {color:#b88d86}

.cog {list-style:none;padding-top:0;margin:0 0 40px 0}
.cog .fa {color:#f04923;margin-left:35px;text-indent:15px;position:relative;top:1px}
.cog {padding-left:30px;text-indent:-83px;margin-left:0;line-height:1.5em}
.cog li {margin-bottom:10px}

.list-w.cog {color:#fff;list-style:none;margin:0 !important}
.list-ww.cog {color:#fff;list-style:disc !important;margin:0 !important;text-indent:0;margin:5px 0 5px -15px !important}
.list-ww.cog li {margin:0 0 5px 0 !important}
.list-w.cog .fa {color:#fff !important;}


.post-header .w3-display-middle .main {padding:10px 60px 0 10px;display:block;font-size:24px !important}
.post-header .w3-display-middle .sub {padding:5px 10px 0 50px;margin-top:-20px;display:block;font-size:14px !important;line-height:1.4em}
.post-header .w3-display-middle .sub em {font-size:13px !important;position:relative;top:2px;}

form .w3-button {color:#fff !important}

.zitat {padding-left:10px}
.zitat em {font-size:18px}

#myNavbar {font-size:130% !important}
#navDemo {font-size:120% !important}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
}
/* Turn off parallax scrolling for tablets and phones */
.w3-display-middle {text-align:center}

.container, body.content-full-screen .elementor-section-wrapper > .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}

@media (min-width:600px){
	.post-header .w3-display-middle .main {padding:10px 120px 5px 30px;display:block;font-size:30px !important}
	.post-header .w3-display-middle .sub {padding:0 30px 5px 100px;margin-top:-20px;display:block;font-size:16px !important;line-height:1.4em}
	.post-header .w3-display-middle .sub em {font-size:15px !important;position:relative;top:3px;}
	#myNavbar {font-size:130% !important}
	
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* Impressum */
.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 5000;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
	color:#777;
	margin-left: 0;
	}
.overlay table {
	margin: -5px 0 15px 0;
	padding: 0;
	border: none;
	}
.overlay table td {
    padding: 0;
    text-align: left;
    vertical-align: top;
    border-bottom: 0;
	font-size-adjust:none;
}
.overlay-content {
	position: relative;
	poiner-events: none;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	z-index:-1;
	}
.overlay-content p, .overlay-content h4 {
	text-align: left;
	}
.overlay-content p {
	margin: 10px 0;
	}
.overlay-content h4 {
	margin: 20px 0 10px 0;
	}
.overlay a:hover, .overlay a:focus {
	color: #000;
	}
.overlay .closebtn {
	position: absolute;
	top: -25px;
	right: 0;
	font-size: 60px;
	display:block;
	width:67px;
	height:80px;
	z-index:1000;
	}
	
.fa-bars2::before {
    content: "\f00d";
}

#myNavbar .fa-bars {font-size:150% !important}
.fa-bars2 {font-size:200% !important}

.w3-bar .w3-bar-item {
    padding: 12px 16px 10px 16px;
}

.w3-bar-item2 {
    padding: 12px 16px 10px 16px;
	display:block;
}

.post-header-enhanced {
background-image: url('top.jpg');
animation: sharpen 1s both;
background-color:transparent;
}
@supports (background-image: filter(url('i.jpg'), blur(1px))) {
.post-header {
transform: translateZ(0);
}
@keyframes sharpen {
from {
background-image: filter(url('top.jpg'), blur(20px));
}
to {
background-image: filter(url('top.jpg'), blur(0px));
}
}
}