video {height:100vh;width:100vw;object-fit: cover;}
.post-header {background:none;}
.logo {nargin:0;letter-spacing:0;padding:0 !important;}
.logo img {opacity:0.8;}
.logo h1, .logo p {letter-spacing:0;margin:0;color:#fff;padding:0 !important;white-space:nowrap;line-height:0.8em;font-family: "Lato", sans-serif!important;}
.logo p:hover {color:#fff;}
.w3-display-middle {top: 48% !important;}
.data {position:relative;z-index:1;max-width: 980px;margin:0 auto;pointer-events:none;}
.data a {pointer-events:auto;}
.w3-container {padding: 0;}
.w3-large.w3-margin-bottom {position:relative;width:250px;margin:0 auto;z-index:1;}
#kontakt {padding-top: 128px;}

@media (orientation: landscape) {
	.logo h1, .logo p {font-weight:300;}
	.logo h1 {margin-bottom:10px;}
	.post-header .w3-display-middle .main {font-size:6vw !important;}
	.logo img {width:20vw;height:20vw;margin:1vw;}
	.logo .sub1 {font-size:5vw !important;}
	.logo .sub2 {font-size:3vw !important;}
	#kontakt {padding-top: 128px;}
	}

@media (orientation: landscape) and (max-height:600px) {
	#kontakt {padding-top: 128px;}
	}
	
@media (orientation: landscape) and (max-height:480px) {
	#kontakt {padding-top: 64px;}
	footer {height:calc(20% + 64px);width:100%;top:calc(80% - 64px);max-width:100%;position:relative;z-index:0;}
	.cog li {margin-bottom: 20px !important;}
	}

@media (orientation: landscape) and (max-height:360px) {
	.down, .top {left:inherit !important;right:0 !important;}
	.down {bottom:0 !important;}
	.top {position:absolute;top:0 !important;z-index:2;}
	#kontakt {padding-top: 16px;}
	footer {height:calc(10% + 64px);width:100%;top:calc(90% - 64px);max-width:100%;position:relative;z-index:0;}
	.cog li {margin-bottom: 10px !important;}
	.w3-panel {margin-top: 0;}
}

@media (orientation: portrait) and (max-width:480px) and (max-height:440px) {
	.down, .top {left:inherit !important;right:0 !important;}
	.down {bottom:0 !important;}
	.top {position:absolute;top:0 !important;z-index:2;}
}

@media (orientation: portrait) {
	.logo h1, .logo p {font-weight:400;}
	.post-header .w3-display-middle .main {font-size:9vw !important;}
	.logo img {width:40vw;height:40vw;margin:4vw;}
	.logo .sub1 {font-size:9vw !important;}
	.logo .sub2 {font-size:4.5vw !important;}
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.mueckadamm.de/projekte/gs/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('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.mueckadamm.de/projekte/gs/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('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.mueckadamm.de/projekte/gs/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('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.mueckadamm.de/projekte/gs/fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}