video {height:100vh;width:100vw;object-fit: cover;}
.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 Verhältnis (9 / 16 = 0.5625) */
  overflow: hidden;
  margin:20px 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post-header {background:none;}
.logo {nargin:0;letter-spacing:0;padding:0 !important;}
.logo img {opacity:0.9;}
.logo h1, .logo p {letter-spacing:0;margin:0;color:#fff;padding:0 !important;white-space:nowrap;line-height:0.8em;font-family: "Dosis", sans-serif!important;}
.w3-display-middle {top: 47%;}
.w3-container {padding: 0;}
#kontakt {padding-top: 128px;}
.btn {border:none;background-color:#bcb76b;color:#fff;}
.fa-phone.w3-margin-right {margin-right: 11px !important}
.panel .no-gutters > .col, .no-gutters > [class*="col-"] {padding: 4px}
.w3-container, .w3-panel {padding: 0.01em 20px}
#kontakt {padding: 64px 0 !important}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    opacity: 1;
}
.bgimg-1 {background-image: url('../media/bg-brett.jpg');}
.bgimg-2 {background-image: url('../media/bg-eisen.jpg');}
.bgimg-3 {background-image: url('../media/bg-hobel.jpg');}
.bgimg-4 {background-image: url('../media/bg-spaene.jpg');}
.bgimg-5 {background-image: url('../media/bg-saegen.jpg');}
.bgimg-6 {background-image: url('../media/bg-schieblehre.jpg');}
#kontakt .cog .fa {margin-left: 27px;text-indent: 10px}
.btn {border: none;background-color: #349999 !important;color: #fff !important;opacity:0.7}
.sub2 {opacity:0.5}
li {margin-bottom:5px;margin-right:20px;}
#portfolio h4 {margin-top:20px;margin-right:20px;line-height:1.4em}
#portfolio .w3-col li {line-height:1.4em;font-size:120%;}
#impressions .col-lg-4, .col-lg-6 {width:49.999%;}
.landscape {display:none; height:100vh;}
.portrait {display:block height:100vh;}
@media (orientation: portrait) {
	.logo h1, .logo p {font-weight:600;}
	.logo img {width:auto;margin:4vw;}
	.logo .sub2 {font-size:7.5vw !important;}
	}
@media only screen and (orientation: landscape) {
    .landscape {display:block}
    .portrait {display:none}
    .logo img {width: auto;height: 20vw;margin: 1vw;}
    .logo .sub2 {font-size: 4vw !important;}
    .w3-display-middle {width:100vw;}
}