.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper {
margin-left: auto;
margin-right: auto;
}
.bw-overlayblack {
background-color: #000;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.6;
}
.swiper-button-next, .swiper-button-prev{
color: #005ea8 !important;
}
.bw-slidertext{
position: absolute;;
z-index:99;
top: calc(50% - 120px);
text-align: center;
width: 750px;
left: calc(50% - 375px);
height: 240px;
}
.bw-slidertext h1{
color: #fff;
font-size: 36px;
font-weight: 600;
line-height: 53px;
}
.bw-slidertext a{
font-size: 21px;
background-color: #005ea8;
color: #fff;
padding: 15px;
position: relative;
top: 45px;
transition: 0.5s ease-in-out;
}
.bw-slidertext a:hover{
background-color: #fff;
color: #005ea8;
}
.mySwiper {max-height: 800px;} .bw-kompetenz{
display: flex;
justify-content: center;
align-items:center;
flex-direction: column;
padding: 100px 35px;
}
.bw-kompetenz .bw-kompetenz-text h2{
font-weight: 600;
font-size: 35px;
text-align: center;
}
.bw-kompetenz .bw-kompetenz-text p{
font-weight: 400;
text-align: center;
font-size: 30px;
margin-top: 30px;
color: #000;
}
.bw-kompetenz-bubbles, .bw-kompetenz-50{
display: flex;
justify-content: center;
align-items: center;
}
.bw-kompetenz-bubbles{
margin-top: 80px;
}
.bw-kompetenz-50-wp{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0px 35px;
}
.bw-kompetenz-50-content{
border-radius: 100%;
background-color: #005ea8;
width: 150px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 25px;
color: #fff;
font-weight: 600;
margin: 0px 15px;
transition: 0.5s ease-in-out;
}
.bw-kompetenz-50-content:hover{
transform: scale(1.05);
}
.bw-kompetenz-50-text{
margin-top: 25px;
text-align: center;
}
.bw-kompetenz-50-content p{
font-size: 90px;
padding-right: 15px;
}
.bw-kompetenz-50-content svg{
fill: #fff;
width: 70px;
height: 70px;
}
.bw-kompetenz-50-big{
font-size: 32px;
padding-bottom: 5px;
color: #000;
}
.bw-kompetenz-50-big sup{
font-size: 18px;
}
.bw-kompetenz-50-small{
font-size: 18px;
color: #000;
padding-top: 15px;
} .bw-5050{
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
max-width: 1920px;
}
.bw-5050content1{
width: 50%;
max-height:500px;
overflow: hidden;
}
.bw-5050content1 img{
object-fit: cover;
width: 100%;
}
.bw-5050content2{
width: 50%;
padding: 25px;
}
.bw-5050content2 h2{
font-size: 35px;
font-weight: 800;
padding-bottom:20px;
padding-bottom: 25px;
}
.bw-5050content2 p{
font-size: 16px;
color: #000;
}
.bw-5050content2 a{
font-size: 16px;
background-color: #005ea8;
color: #fff;
padding: 15px;
position: relative;
top: 45px;
border: 1px solid #fff;
transition: 0.5s ease-in-out;
}
.bw-5050content2 a:hover{
background-color: #fff;
color: #005ea8;
border: 1px solid #005ea8;
} .bw-leistungen{
background-color:rgba(0, 0, 0, 0.2);
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 50px 15px;
}
.bw-leistungen h2{
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 35px;
padding-bottom: 50px;
text-align: center;
}
.bw-leistungswrapper{
display: flex;
justify-content: center;
align-items: center;
max-width: 1080px;
flex-wrap: wrap;
}
.bw-leistungsbox{
width: 360px;
height: 400px;
margin: 25px;
position: relative;
}
.bw-leistungsbox1{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/leistung1.jpg);
background-position: center;
background-size: cover;
}
.bw-leistungsbox2{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/leistung2.jpg);
background-position: center;
background-size: cover;
}
.bw-leistungsbox3{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/leistung3.jpg);
background-position: center;
background-size: cover;
}
.bw-leistungsbox4{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/leistung4.jpg);
background-position: center;
background-size: cover;
}
.bw-leistungsbox-overlay{
position: absolute;
width: 100%;
height: 100%;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 55%);
}
.bw-leistungsbox-p{
position: absolute;
top: 325px;
left:20px;
}
.bw-leistungsbox-p p{
color: #fff;
font-size: 21px;
font-weight: 600;
text-transform:uppercase;
} .bw-kontakt{
max-width: 980px;
display: flex;
justify-content: space-around;
margin: 0 auto;
flex-direction: column;
font-size: 16px;
}
.bw-kontakthead h3{
text-align: center;
font-size: 35px;
}
.bw-kontakt-zeile{
display: flex;
justify-content: space-between;
align-items: center;
}
.bw-row{
width: 48%;
margin: 10px 0px;
}
.bw-row input, .bw-row select{
padding: 10px;
width: 100%;
font-size: 16px;
}
.bw-kontaktarea{
margin-top: 10px;
margin-bottom: 15px;
}
.bw-kontakt textarea{
width: 100%;
paddign: 10px;
font-size: 16px;
}
.wpcf7-list-item{
margin-left: 0px;
}
.wpcf7-submit{
font-size: 21px;
background-color: #005ea8;
color: #fff;
padding: 15px;
position: relative;
transition: 0.5s ease-in-out;
border:1px solid #fff;
cursor: pointer;
}
.wpcf7-submit:hover{
background-color: #fff;
color: #005ea8;
border:1px solid #005ea8;
} @media all and (max-width: 980px){
.bw-slidertext h1{
font-size: 35px;
line-height: 45px;
}
.bw-slidertext a{
font-size: 18px;
}
.bw-kompetenz .bw-kompetenz-text h2{
font-size: 25px;
}
.bw-kompetenz-bubbles, .bw-kompetenz-50{
flex-wrap: wrap;
}
.bw-kompetenz-50-wp{
margin: 50px;
}
.bw-kontakt-zeile{
flex-direction: column;
}
.bw-kontakthead{
width: 90%;
margin: 0 auto;
}
.bw-row{
width: 100%;
}
.bw-5050{
flex-direction: column;
}
.bw-5050content1{
width: 100%;
}
.bw-5050content2{
width: 100%;
padding-bottom: 100px;
}
}
@media all and (max-width:767px){
.bw-slidertext{
top: calc(50% - 80px);
width: 500px;
left: calc(50% - 250px);
height: 190px;
}
.bw-slidertext h1 {
font-size: 25px;
line-height: 35px;
}
.bw-slidertext a {
font-size: 16px;
}
}
@media all and (max-width:575px){
.swiper-slide{
height:350px !important;
}
.bw-slidertext{
width: 300px;
left: calc(50% - 150px);
}
}.bw-subsitehead{
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items:center;
position: relative;
margin: 0 auto;
flex-direction: column;
}
.bw-subsitehead-overlay{
background-color: #000;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.6;
}
.bw-subsitehead h1{
position: relative;
z-index:99;
font-weight:600;
color: #fff;
font-size: 35px;
}
.bw-subsite-kommune{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/kommunen2.jpg);
background-position: center;
background-size: cover;
}
.bw-subsite-elektro{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/elektroinstallation2.jpg);
background-position: center;
background-size: cover;
}
.bw-subsite-fernmelde{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/fernmeldetechnik2.jpg);
background-position: center;
background-size: cover;
}
.bw-subsite-photo{
background-image: url(//www.bbrecyclinggmbh.de/wp-content/uploads/2022/06/photovoltaik-2.jpg);
background-position: center;
background-size: cover;
}
.bw-subsitespacer{
width: 100%;
height: 10px;
background-color: #00afcc;
}