/* VOORBEELD VOOR DEV OMGEVING, VERVANG HET EERSTE DEEL ALS JE EEN NIEUW TEMPLATE INSTALLEERT */



/* EINDE VOORBEELD VOOR DEV OMGEVING, ALLES HIERONDER IS HANDIG OM OVERAL TE HEBBEN */

h1 {
    word-break: break-word;
}

.requiredstar::after {
	content: '*';
	font-family: 'Courier';
	color: red;
	font-weight: bold;
}

.error {
	font-weight: bold;
	color: red;
}

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


figure.image-left {
    float: left;
    margin: 0px 10px 0px 0px;
}

figure.image-right {
    float: right;
    margin: 0px 0px 0px 10px;
}

figure.image-center {
    margin: 0;
}


figure.image-left img, figure.image-right img, figure.image-center img, figure img {
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}

figure.image-center img {
  max-width: 100%;
  height: auto;
}

.footergemaaktdoor {
    color: #272727;
}

.footergemaaktdoor a:link {color:#272727;}


/*
section.clients {
    margin-bottom: 50px;
}
*/
.testimonials-box a , .testimonials-box a:link, .testimonials-box a:visited {
    color: #777;
}

.testimonials-box a:hover , .testimonials-box a:focus, .testimonials-box a:active {
    color: #b19777;
}

#bauen-aside .bauen-logo2 .logo-img {
    margin-bottom: 4px;
    margin-right: -59px;
}

.projects .item .con h6, .projects .item .con h6 a {
    text-shadow: 2px 2px 2px #7d7d7d;
}

.clients .clients-logo {
    padding: 25%;
}
/* Verkleining van de banner*/
.banner-header {
    height: 4vh;
}
/* verkleining van project wit vlak en border*/
.projects4 .caption {
    border-top: 1px solid #b19777;
}
/* even kijken of dit werkt*/
.section-padding2 {
    padding: 0 0 0px 0;
}
/* extra padding projecten categorie bottom*/
.section-padding2.bot {
    padding: 0 0 70px 0;
}

.section-title {
    letter-spacing: 0px;
    word-spacing: 0px;
    
}
.btn-links, .btn-rechts, .btn-midden {
    display: flex;
}

.btn-links a {
    margin: auto auto auto 0;
}

.btn-rechts a {
    margin: auto 0 auto auto;
}

.btn-midden a {
    margin: auto auto;
}

iframe {
    height: 295px;
}

blockquote {
    background-color: #DACDBD;
    color: #fff;
    border: 2px solid #B19678;
}

blockquote p {
    font-size: 20px;
}

blockquote.goudAchtergrond::before  {
    opacity: 1;
    color: white;
}

blockquote:before {
    opacity: 1.07;
    color: #ffffff;
    top: 15%;
}

/*
.paginationknop {
    background: #b19777;
}
*/

.paginationknop {
    background: #b19777;
    position: relative;
    border-radius: 50px;
}

.paginationknop a {
    font-weight: 300;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    background: #b19777;
    color: #fff;
    padding: px 30px;
    margin: 0;
    position: relative;
    font-size: 16px;
    letter-spacing: 3px;
}

.bauen-pagination-wrap li a{
    border: none;
}
/* .paginationknop a:after {
    content: "";
    width: 0;
    height: 0%;
    position: absolute;
    bottom: 50%;
    border-radius: 50px;
    left: 50%;
    z-index: 1;
    background: #323232;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
} */
.paginationknop a span {
    position: relative;
    z-index: 2;
}
/* .paginationknop a:hover:after {
    width: 100%;
    height: 100%;
    left: 0%;
    bottom: 0px;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
} */

.paginationknop a::after{
    width: 100%;
    height: 100%;
    content: '';
    background: #323232;
    transition: all 0.3s ease;
    position: absolute;
    border-radius: 50px;
    left: 0;
    transform: scale(0);
}

.paginationknop a:hover:after {
transform: scale(1);
}
.paginationknop a:hover span {
    color: #fff;
}




/* MOBIEL GEDEELTE ONDERAAN HOUDEN */
@media screen and (max-width: 768px) {
    #bauen-main {
        margin-top: 50px;
    }

    .about,
    .services,
    .projects,
    .bauen-blog {
        padding-top: 0;
    }
}