@import url('../default/style.css?v=5');

.columns-container{background:#3E3E3E;}
h1 {padding-bottom: 50px; margin:15px 0 35px; }

video{width:100%;height: auto;margin: 0 0 -10px;}

.main.cms {
  padding-top: 40px;
padding-bottom: 120px;}

#uberhome {float:left;width: 45%;}
#uberhome p {line-height: 1.8em;}
.small_button {margin-top: 25px;}

/* video {pointer-events: none;aspect-ratio: 16/7;  object-fit: cover;} */

#referenz {float:right;width:50%;margin-top: 120px;margin-bottom: -110px;box-shadow:0 0px 0px 0 rgba(0,0,0,0);/*background:#fff url('../default/images/ref.jpg?v=2') no-repeat 50% 50%;background-size:100%;*/ display: flex;flex-direction: column;position:relative; z-index:2;position: sticky;  top: 140px;}
#referenz:hover {background-size:110%;}
#referenz .button{margin: 30px auto;    width: 100%;}
#referenz video {pointer-events: none;   width: 100%; height:auto;  object-fit: cover;}

.box-leistung {margin-bottom:170px; background:#737373 url('../../pliki/baner.jpg') no-repeat 50% 0;}
.box-leistung h2{color:#fff;}
.box-leistung h2:after{background:#fff;}
.box-leistung #img {float:left; width:37%; margin-bottom:-170px;}
	.box-leistung #img img {max-width:100%;height:auto;}
.box-leistung #menuleistung {float:right; width:57%;}
	.box-leistung #menuleistung ul {margin:0;display: flex; flex-flow: row wrap; justify-content:space-between;}
	.box-leistung #menuleistung li {margin:0 0px 20px 0px;padding:0;    max-width: 305px;background:none;flex: 1 40%;}
	.box-leistung #menuleistung li a {display: flex; color:#fff;      font-size: 14px;   min-height: 82px; font-weight:700; font-size:15px; line-height: 1.2em!important; text-decoration:none; text-transform:uppercase; padding: 20px 70px 20px 24px; position:relative;letter-spacing:.160em;background: url('../default/images/mehr.png') no-repeat 92% 50%; border:2px solid #fff;} 
	.box-leistung #menuleistung li a span {margin:auto 0 ;} 
		.box-leistung #menuleistung li a:hover {padding-left: 47px; padding-right: 47px; background-position:200% 50%;}
.box-leistung #main {padding-top:170px}

.box-zalety {padding:100px 0}
.box-zalety .container {width:85%}
.box-zalety h2{text-align:center;clear: both;  float: left;  width: 100%;  margin: 0 0 80px;}
.box-zalety h2::after{left: calc(50% - 40px);}
.box-zalety ul{clear: both; margin:0; float: left;  width: 100%;display: flex;  flex-wrap: wrap;  flex-direction: row;justify-content: center;}
.box-zalety li{background:none!important;padding:0 15px!important;margin: 0 0 60px 0!important;display: flex;  flex-direction: row;  gap: 30px;align-items: flex-start;}
.box-zalety li h4{margin:0 0 20px;/* text-transform: uppercase;  font-weight: 600;  font-size: 17px;  letter-spacing: .18em; */}
.box-zalety li p{padding:0 0;}
.box-zalety li img{opacity:.4}
.box-zalety li > div{position:relative;padding:0;}
.box-zalety li:hover div{translate: 0px -20px;}
.box-zalety li:hover h4, .box-zalety li:hover p{color:#f20000;}
.box-zalety li:hover img {opacity:1}
.box-zalety hr{margin: 80px 0;border-bottom: 1px solid #545454;}

.foot-img {    display: none;}