@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* ***** Common Css **** */
:root {
    scroll-behavior: initial;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
a {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.main-wrpper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.container {
    max-width: 1650px;
}

/* ***** End Common Css **** */

/* **** Header **** */
header {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background: transparent;
    padding: 80px 0 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0;
    margin: 0 ;
}
.navbar-brand img {
    max-width: 100%;
    height: 118px;
}
/* **** End Header **** */


/* **** toggler **** */
.navbar-light .navbar-toggler {background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;height: 40px;width: 50px;padding: 0;}
.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }
.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}
.navbar-toggler:active, .navbar-toggler:focus { outline: none; }
.navbar-light .navbar-toggler-icon {width: 24px;height: 18px;background-image: none;position: relative;border-bottom: 2px solid #000;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 24px;position: absolute;height: 2px;background-color: #000;top: 0;left: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
/* **** End toggler **** */

/* ***** End Fix Header **** */


/* *** Start Hero Banner *** */

.hero-banner-wrp {
    height: 100vh;
    background: url(../images/hero-banner-img.png) 0 0 no-repeat;
    background-size: cover;
    position: relative;
}
.hero-banner-wrp .hero-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
}
.hero-banner-wrp .hero-block h1 {
    color: #FFF;
    font-size: 85px;
    font-weight: 600;
    line-height: 105%; 
    max-width: 850px;
    margin: 0;
}
.title-line {
    height: 4px;
    width: 73px;
    color: #3EA3DD;
    margin: 40px auto;
    background: #3EA3DD;
    opacity: 1;
    border: none;
}
.hero-block .title-line {
    margin: 35px 0;
}
a.primary-btn {
    color: #FFF;
    display: table;
    font-size: 25px;
    font-weight: 400;
    padding: 32px 78px;
    text-align: center;
    background: #00549D;
}
a.primary-btn:hover {
    color: #00549D;
    background: #fff;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
a.primary-btn i {
    margin-right: 16px;
}
/* *** End Hero Banner *** */

/* *** Start Unsere *** */
.unsere-wrp {
    padding: 145px 0;
}
.unsere-wrp .row {
    justify-content: space-between;
}
.unsere-wrp .unsere-img-box {
    max-width: 790px;
    height: 835px;
}
.unsere-wrp .unsere-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.title-bar h2{
    color: #000;
    font-size: 70px;
    font-weight: 600;
    line-height: 105%; 
    margin: 0;
    text-align: center;
}
.unsere-wrp .unsere-block .title-bar h2 {
    text-align: left;
}
.unsere-wrp .unsere-block .title-line {
    margin: 40px 0;
}
.unsere-wrp .unsere-block p{
    color: #707070;
    font-size: 25px;
    font-weight: 500;
    line-height: 160%; 
    margin: 0 0 40px;
    max-width: 513px;
}
.unsere-wrp .unsere-block .unsere-btns {
    display: flex;
    align-items: center;
}
.unsere-wrp .unsere-block .unsere-btns a.secondary-btn {
    display: table;
    color:  #00549D;
    font-size: 25px;
    font-weight: 500;
    padding: 25px 70px;
    border: 2px solid #00549D;
    margin-right: 30px;
}
.unsere-wrp .unsere-block .unsere-btns a.secondary-btn:hover {
    color: #fff;
    background: #00549D;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.unsere-wrp .unsere-block .unsere-btns a span {
    display: flex;
    align-items: center;
}
.unsere-wrp .unsere-block .unsere-btns a i {
    font-size: 19px;
    margin-right: 16px;
}
.unsere-wrp .unsere-block .unsere-btns a:last-child {
    margin: 0;
}
/* *** End Unsere *** */

/* *** Start Product *** */
.product-wrp {
    padding: 150px 0;
    background: #F4F1ED;
}
.product-block .product-card {
    max-width: 513px;
    height: 662px;
    background: #fff;
    margin: 0 0 70px;
}
.product-block .product-card .pro-img-box {
    border-bottom: 1px solid #CCC;
    max-width: 513px;
    height: 383px;
    background: #F8F8F8;
    position: relative;
}
.product-block .product-card .pro-img-box .pro-box {
    position: absolute;
    right: 25px;
    bottom: 25px;
    display: flex;
    align-items: center;
}
.product-block .product-card .pro-img-box .pro-box h5 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    display: flex;
    padding: 12px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #3EA3DD;
}
.product-block .col-md-4 .product-card .pro-img-box h5 {
    margin: 0 12px 0 0;
}
.product-block .col-md-4 .product-card .pro-img-box h5:last-child {
    margin: 0;
}
.product-block .product-card .pro-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-block .product-card .card-detail {
    padding: 40px;
}
.product-block .product-card .card-detail h3 {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px;
}
.product-block .product-card .card-detail ul {
    margin: 0 0 28px;
}
.product-block .product-card .card-detail ul li {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}
.product-block .product-card .card-detail ul li:last-child {
    margin: 0;
}
.product-block .product-card .card-detail ul li img {
    margin-right: 20px;
}
.product-block .product-card .card-detail ul li p {
    color: #707070;
    font-size: 25px;
    font-weight: 400;
    line-height: 36px; 
    margin: 0;
}
.product-block .product-card .card-detail a {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
}
.product-block .product-card .card-detail a:hover {
    color: #3EA3DD;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.product-block .product-card .card-detail a i {
    margin-right: 10px;
}
.product-block .product-sie-card {
    padding: 60px;
    border-radius: 30px;
}
.product-block .product-sie-card .pro-sie-box {
    width: 102px;
    height: 105px;
    margin: 0 auto 28px;
}
.product-block .product-sie-card .pro-sie-box img {
    width: 100%;
    height: 100%;
}
.product-block .product-sie-card h3 {
    color: #000;
    font-size: 48px;
    font-weight: 600;
    line-height: 130%; 
    text-align: center;
    margin: 0 0 129px;
}
.product-block .product-sie-card .pro-sei-btn a:hover {
    border: 1px solid #00549D;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.product-block .product-sie-card .pro-sei-btn a i {
    margin-right: 16px;
}
/* *** End Product *** */

/* *** Start Quality *** */
.quality-wrp {
    padding: 150px 0;
}
.quality-wrp .row {
    align-items: center;
}
.quality-wrp .quality-block {
    max-width: 505px;
    border: 1px solid #B9B9B9;
    background: #FFF;
}
.quality-wrp .quality-block .qua-img-box {
    max-width: 505px;
    height: 353px;
}
.quality-wrp .quality-block .qua-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.quality-wrp .quality-block h5 {
    padding: 40px;
    color: #000;
    font-size: 34px;
    font-weight: 600;
    margin: 0;
}
.quality-wrp .quality-block h5 span {
    font-weight: 400;
    display: block;
}
/* *** End Quality *** */

/* *** Start Worauf *** */
.worauf-wrp {
    padding: 120px 0;
    background-image: url(../images/worauf-img-back.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.worauf-wrp .worauf-block {
    display: flex;
    align-items: center;
}
.worauf-block .worauf-con h5{
    color: #FFF;
    font-size: 40px;
    font-weight: 400;
    line-height: 44px; 
    margin: 0 0 24px;
}
.worauf-block .worauf-con h2 {
    color: #FFF;
    font-size: 70px;
    font-weight: 600;
    line-height: 105%; 
    margin: 0;
}
.worauf-block .con-box {
    width: fit-content;
    margin-right: 0;
    margin-left: auto;
}
.worauf-block .con-box a i {
    margin-right: 16px;
}
/* *** End Worauf *** */

/* *** Start Viele *** */
.viele-wrp {
    padding: 178px 0 0;
    position: relative;
}
.viele-wrp .viele-shp {
    position: absolute; 
    top: 50px;
    right: 0;
}
.viele-wrp .viele-block .title-bar {
    margin: 0 0 131px;
}
.viele-wrp .viele-block h2{
    max-width: 496px;
    text-align: left;
}   
.viele-wrp .viele-img-box {
    max-width: 1620px;
    height: 718px;
}
.viele-wrp .viele-img-box img {
    width: 100%;
    height: 100%;
}

/* *** End Viele *** */

/* *** Start Leicht *** */

.leicht-wrp {
    padding: 150px 0 0 ;
}
.leicht-wrp .leicht-img-box {
    max-width: 1237px;
    height: 249px;
    margin: 0 auto;
}
.leicht-wrp .leicht-img-box img {
    width: 90%;
    object-fit: cover;
    margin: 0 auto;
}
/* *** Start Leicht *** */

/* *** Start Zum Vollen *** */
.zum-vollen-wrp {
    padding: 100px 0;
}
.zum-vollen-wrp .vollen-card {
    max-width: 525px;
}
.vollen-card .vollen-img-box {
    max-width: 525px;
    height: 377px;
    margin: 0 0 33px;
    overflow: hidden;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.vollen-card .vollen-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
.vollen-card .vollen-img-box img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);    
}
.vollen-card h4 {
    color: #000;
    font-size: 40px;
    font-weight: 600;
    max-width: 309px;
    margin: 0 0 24px;
}
.vollen-card h4:hover {
    color: #3EA3DD;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.vollen-card p{
    color: #707070;
    font-size: 25px;
    font-weight: 500;
    line-height: 160%; 
    max-width: 460px;
    margin: 0;
}
.vollen-card p a{
    color: #3EA3DD;
}
/* *** End Zum Vollen *** */

/* *** Start Delivery *** */
.delivery-wrp {
    padding: 60px 0;
    background: #F4F1ED;
}
.delivery-wrp .delivery-block {
    display: flex;
    align-items: center;
}
.delivery-wrp .del-ab {
    max-width: 388px;
    margin: 0 auto 0 0;
}
.delivery-wrp .del-von {
    max-width: 533px;
    margin: 0 auto;
}
.delivery-wrp .del-gan {
    max-width: 460px;
    margin: 0 0 0 auto;
}
.delivery-wrp .delivery-block .delivery-img-box {
    max-width: 135px;
    height: 135px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px;
    margin-right: 22px;
}
.delivery-wrp .delivery-block .delivery-img-box img {
    width: 64px;
    height: 64px;
    object-fit: cover;
}
.delivery-wrp .delivery-block h4 {
    color: #000;
    font-size: 25px;
    font-weight: 500;
    line-height: 160%; 
    margin: 0;
}
/* *** End Delivery *** */

/* *** Start Kundenstimmen *** */
.kunden-wrp {
    padding: 140px 0;
    background-image: url(../images/kunden-back-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.kunden-wrp .title-bar h2 {
    color: #fff;
}
.kunden-wrp .title-bar .title-line {
    background: #FFF;
}
.slider .slick-slide {
    margin: 0 25px;
}
.slider .slick-list {
    margin: 0 -25px;
}
.kunden-block {
    
}
.kunden-block:last-child {
    margin: 0;
}
.kunden-block .kunden-img-box {
    width: 95px;
    height: 95px;   
    margin: 0 0 56px;
}
.kunden-block .kunden-img-box img {
    width: 100%;
    height: 100%;
}
.kunden-block p {
    color: #FFF;
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    line-height: 160%;
    margin: 0; 
}
.kunden-block .block-line {
    width: 73px;
    height: 2px;
    background: #FFF;
    border: none;
    opacity: 1;
    margin: 37px 0;
}
.kunden-block .designation {
    display: flex;
    flex-wrap: wrap;
}
.kunden-block .designation h5 {
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 6px;
}
.kunden-block .designation h6 {
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}
/* *** End Kundenstimmen *** */

/* *** Start Footer *** */
footer .row {
    justify-content: space-between;
}
footer .foot-img-box {
    max-width: 1215px;
    height: auto;
}
footer .foot-img-box img {
    width: 100%;
    height: 100%;
}
footer .footer-block {
    padding: 75px 0;
    max-width: 426px;
    margin-left: 30px;
}
footer .footer-block .logo-box {    
    margin: 0 0 80px;
}
footer .footer-block .logo-box img {
    width: 300px;
}
footer .footer-block ul {
    max-width: 384px;
    margin: 0 0 80px;
}
footer .footer-block ul li{
    display: flex;
    align-items: center;
    margin: 0 0 24px;
}
footer .footer-block ul li a{
    display: flex;
    align-items: center;
}
footer .footer-block ul li .con-img-box {
    margin-right: 24px;
}
footer .footer-block ul li .con-img-box img{
    width: 71px;
    height: 71px;
}
footer .footer-block ul li h4 {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px; 
    margin: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
footer .footer-block .navigate {
    display: flex;
    align-items: center;
}
footer .footer-block .navigate a,
footer .footer-block .navigate button {
    color: #707070;
    font-size: 18px;
    font-weight: 600;
    background: transparent;
    border: none;
    margin-right: 41px;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
footer .footer-block .navigate a:hover,
footer .footer-block .navigate button:hover{
    color: #000;    
}
footer .footer-block .navigate button:first-child i {
    margin-right: 8px;
}
footer .footer-block .navigate a:last-child{
    margin: 0;
}
footer .footer-block ul li a:hover h4{
    color: #3EA3DD;
}
/* *** End Footer *** */