/*
Theme Name: wernergeruest
Template: twentytwentyfour
Version: 1.0.0
*/
@font-face{
    font-family: 'RethinkSans';
    src: url('assets/fonts/RethinkSans/RethinkSans.ttf');
}
@font-face{
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins/Poppins-Bold.ttf');
    font-weight:bold;
}
@font-face{
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins/Poppins-Medium.ttf');
    font-weight:normal;
}

html {
  scroll-behavior: smooth;
}

#titleImageCarde{
    margin: 0 !important;
    float: right;
    position: absolute;
    right: -25rem;
    top: 7rem;
    z-index: -5;
}

.wdp-custom-title{
    font-family: 'RethinkSans' !important;
    font-size:2rem;
    color:#1951a2 !important;
}
.wp-block-site-title{
        font-family: 'RethinkSans' !important;
    font-size:calc(var(--wp--preset--font-size--xx-large)*0.75);
    color:#1951a2 !important;
    font-weight:900;
}
:where(.wp-block-site-title a:where(:not(.wp-element-button))){
    color:#1951a2 !important;
}
:where(.wp-block-site-tagline){
    font-size:calc(var(--wp--preset--font-size--xx-large)*0.75) !important;
}

.wp-wpd-landingtitle{
    font-size:calc(var(--wp--preset--font-size--xx-large)*2) !important;
}

.wdp-custom-btn-cta{
    background-color: white;
  border: none;
  width: calc(var(--wp--preset--font-size--xx-large)*10);
  font-size: calc(var(--wp--preset--font-size--xx-large)*0.75);
  height: 4rem;
  border-radius: 41px;
  font-family: 'RethinkSans';
  font-weight: 900;
  color:#1951a2 !important;
  text-decoration: none !important;
  padding: 0.75rem 7rem !important;
  text-wrap-mode: nowrap;
  transition:500ms;
}

a.wdp-custom-btn-cta:hover,
a.wdp-custom-btn-cta:focus {
  color: white;
  -webkit-text-fill-color: white;
  background-color: #1951a2;
  cursor: pointer;
}




/*
    About Us
*/

.wpd-count{
    background-color: #F1F5FD;
    width: fit-content;
    height: 12rem;
    min-width: 10rem;
    border-radius: 15px;
    padding: 1rem;
    
}

.tagtitle{
    width:100%;
    font-size:4rem;
    line-height:0rem;
    font-weight:bold;
    color: #103E8B;
    text-align:center;
    font-family: 'Poppins';
    
}
.tagtitle::after{
    content:'+';
}

.wpd-tag{
    font-weight:600;
    color:#96ACD0;
    /*line-height: 0rem;*/
}


.fade-in {
  opacity: 0;
  transform: translateY(64px);
  transition:
    opacity 1s ease,
    transform 2s ease-out;

  transition-delay: calc(var(--i) * 120ms); /* <- stagger */
}

.fade-in.in-view {
  opacity: 1;
  transform: translateY(0);
}

.wdp-gridbox{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2rem;
}
.wdp-about-title{
    margin-bottom: 0;
}

.wdp-about-container{
    /*display:flex;*/
    max-width: var(--wp--style--global--wide-size);
}
.wdp-about-wpcontainer{
    align-items: center;
}
.wdp-about-p1{
    padding-right: 1rem;
}

.wdp-about-combidiv{
    display: grid;
  grid-template-columns: 1fr 1fr;
}

/*
    About Us
*/


.wpd-txt-left{
    text-align: left;
}
.wpd-txt-center{
    text-align:center;
}



/*
    Services
*/

.wdp-services-container-main{
    width: 100%;
    background: #3570de;
    background: linear-gradient(124deg, rgba(53, 112, 222, 1) 0%, rgba(22, 30, 74, 1) 100%);
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
    justify-content: center;
}
.wdp-services-container-sub{
    width: 80vw;
}
.wdp-services-title{
/*style="font-weight: 900;e;font-size: 3rem;"*/
color: white;
}
.wdp-services-container-boxes{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.wdp-service-service-box{
    background-color: #729EF2;
    padding: 1rem;/*! height: 15rem; */
    min-height: 8rem;
    border-radius: 25px;
    /*! max-width: 15rem; */
    width: fit-content;
    margin: 1rem;
}
.wdp-service-service-icon-container{
    min-width: 5rem;
    min-height: 5rem;
    background-color: #96BAFD;
    width: 5rem;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wdp-service-service-icon{
    max-height:3rem;
}
.wdp-service-service-txt-container{
    margin-top: 2rem;
    margin-bottom: 5rem;
    max-width: 15rem;
}
.wdp-service-service-title{
    color:white;
}

.wdp-service-service-subtitle{
    color: #ffffffa6;
    font-weight:600;
}
/*
    Services
*/


/*
    Contact
*/

.wdp-contact-container-main{
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
    justify-content: center;
    font-family: 'Poppins';
    font-weight: normal;
}
.wdp-contact-title{

}
.wdp-contact-active-elements{
display: flex;
flex-wrap: wrap-reverse;
justify-content: center;
}
.wdp-contact-form-container{
background-color: #fff;
display: flex;
flex-flow: column;
padding: 2rem;
border-radius: 25px;
margin: 1rem;
min-width: 18rem;
/*border: 1px solid #0B6A9B;*/
}
.wdp-contact-form-input{
font-weight: 400;
  background-color: #FFF;
  border-radius: 20px;
  padding: 1rem 2rem 1rem 2rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-right: 5rem;
  border: 1px solid #465c64;
}
.wdp-contact-form-chk-container{
display: flex;align-items: center;
margin-bottom: 5rem;
}
.wdp-contact-form-input-chk{
width: 1rem;
height: 1rem;
}
.wdp-contact-form-chk-txt{
margin-left: 1rem;;
}

.wdp-contact-form-btn {
    background-color:#7091CF;
    color:white;
    transition: 500ms;
}
.wdp-contact-form-btn:hover{
    cursor: pointer;
    background-color: #103E8B;

}

.wdp-contact-aside-map{
width: 36rem;
height: 20rem;
background-color: #939393fc;
border-radius: 25px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.26);
margin: 1rem;
overflow: hidden;
}

.wdp-contact-aside-card-ul{
list-style: none;
padding-left: 1rem;
margin-top: 1rem;
}
.wdp-contact-li{
display: flex;
margin-bottom:1rem;
}
.wdp-contact-li-ico-div{
    width: fit-content;
    height: fit-content;
    padding: 0.8rem;
    background-color: #cfe9ff;
    border-radius: 100%;
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
}
.wdp-contact-li-ico{
    width: 2rem;
}
.wdp-contact-txt-div{
    line-height: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.wdp-contact-txt-note{
margin: 0;
font-weight: 600;
color: #8f8f8f;
margin-bottom: 1.5rem;
}
.wdp-contact-txt-main{
margin: 0px;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 1rem;
}

.wdp-contact-form-txtarea{
  max-width: 32rem;
  max-height: 55rem;
}

.map-placeholder{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    height: 100%;
}
.js-load-map{

}

.map-canvas{
    width:100%; height:420px; 
}
/*
    Contact
*/

@media (max-width:1200px){
    .wdp-custom-btn-cta{
  width: calc(var(--wp--preset--font-size--xx-large)*10);
  font-size: calc(var(--wp--preset--font-size--xx-large)*0.4);
    }
}



@media (max-width: 768px) {
    .wp-block-site-title{

        font-size:calc(var(--wp--preset--font-size--xx-large)*0.5);

    }
    :where(.wp-block-site-tagline){
        font-size:calc(var(--wp--preset--font-size--small)*1) !important;
    }

    .wdp-custom-btn-cta{

    width: calc(var(--wp--preset--font-size--xx-large)*8);
    font-size: calc(var(--wp--preset--font-size--xx-large)*0.5);
    height: 4rem;

    }

    .wdp-about-combidiv{
        margin-bottom: 2rem;
        display: flex;
        flex-flow: column;
        font-size:var(--wp--preset--font-size--medium) !important;
    }

    .tagtitle{
        font-size:var(--wp--preset--font-size--x-large) !important;
        margin:auto;
        margin-top:1rem;
    }

    .wpd-count{
       
        height: 15vw;
        min-width: 20vw;
        min-height: 5rem;
    }

    .wdp-contact-aside-card-ul{
        /*font-size:var(--wp--preset--font-size--x-large) !important;
        */
    }
    .wdp-contact-txt-note{
        font-size:var(--wp--preset--font-size--medium) !important;
    }
    .wdp-contact-txt-main{
        font-size:var(--wp--preset--font-size--medium) !important;
    }
    .wdp-contact-aside-map{
        height: 45vw;
        width: 75vw;
    }
    .wdp-contact-form-input{
        font-size:var(--wp--preset--font-size--medium) !important;
    }

}

@media(max-width:500px){
    .map-canvas{
        height:240px;
    }
}