/*-- Use For Custom Styling --*/

.bg-color-beige{
    background-color: #F9F4EB;
}

.bg-color-beige-dark{
    background-color: #F3EBE1;
}

.bg-color-green{
    background-color: #164B50;
}

.color-black{
    color:#164B50 !important;
}

.color-pink{
    color:#F47DB0 !important; 
}

.color-red{
    color:#CB2351 !important;
}


.color-white{
    color:#FFF !important; 
}

.heart-list {
    list-style: none;
    padding-left: 0;
}

.heart-list li {
    position: relative;
    padding-left: 25px;
    text-align: left;
}

.heart-list li::before {
    content: "♥";
    color: #F47DB0;
    position: absolute;
    left: 0;
}

.caption .heading {
    color: #164B50 !important;
}

.header h2 {
    color: #164B50;
}

h2.heading  {
    color: #164B50;
}


a{
    text-decoration: none;
}

input{
    color: #000 !important;
}

blockquote{
    border-left:1px solid #CB2251; 
    padding-left:60px;
    font-family: 'Fraunces';
    font-size:30px;
    line-height: 40px;
    color:#164B50;
    text-align: left;
}

#home{
    background-color: #F9F4EB;
}

#home-section-1{

    background-color: #F3EBE1;
}

#home-section-2{
   background-color: #F9F4EB;
}

#home-section-3{
   background-color: #164B50;
}

#home-section-4{
   background-color: #F9F4EB;
}

#home-section-5{
   background-color: #F3EBE1;
}

#nei{
   background-color: #F3EBE1;
}

#nei-section-2{
   background-color: #F9F4EB;
}

#over{
   background-color: #F3EBE1;
}

#over-2{
   background-color: #F9F4EB;
}

#over-3{
   background-color: #F3EBE1;
}

#over-4{
   background-color: #164B50;
}

#over-5{
   background-color: #F9F4EB;
}

#over-4 ul li{
    color:#fff !important;
}

#werk-1{
   background-color: #F9F4EB;
}

#werk-2{
   background-color: #F3EBE1;
}

#werk-3{
   background-color: #F9F4EB;
}

#praktisch{
   background-color: #F9F4EB;
}

#contact{
   background-color: #F9F4EB; 
}

#contact-1{
   background-color: #F9F4EB;
}

.heading{
    font-family: 'Fraunces', sans-serif;
}

.about-us-2 .about-img img {
    border: 20px solid #E1E2D6;
}

.about-us-2 h1 {
    color:#164B50;
}



.header {
    height:auto;
}

    .header img {
        padding-top: 80px;
    }

.subheading{
    font-weight: lighter;
    font-size: 20px;
    color:#000;
}

.price-table tr td {

    padding-right:60px;
    text-align: left;
}

.col-border-left{
    border-left:1px solid #ced4da;
    border-top:1px solid #ced4da;
    border-bottom:1px solid #ced4da;
    border-radius: 4px;
    padding:40px !important;
}

.col-border-mid{
    border-left:1px solid #ced4da;
    border-right:1px solid #ced4da;
    border-top:1px solid #ced4da;
    border-bottom:1px solid #ced4da;
    border-radius: 4px;
    padding:40px !important;
}

    .col-border-right{
        border-radius: 4px;
    border-right:1px solid #ced4da;
    border-top:1px solid #ced4da;
    border-bottom:1px solid #ced4da;
    padding:40px !important;
    }

.caps{
    text-transform: uppercase;
}

h1{font-size: 60px; font-family: 'Fraunces', sans-serif;}
h2{font-size: x-large;font-family: 'Fraunces', sans-serif;}
h3{font-size: large;font-family: 'Fraunces', sans-serif;}
h4{font-size:medium;font-family: 'Fraunces', sans-serif;}
h5{font-size: small;font-family: 'Fraunces', sans-serif;}

.logo{
border-radius: 100%;
max-width:44px;
    }

.navbar {
    background-color: #F9F4EA !important;
}

a.navbar-brand{
    font-family: 'Fraunces';
    color:#154B50;
}

a.navbar-brand:hover{
    color:#CB2251;
}

.navbar .navbar-nav .nav-link {
    font-size: 12px;
    color: #154B50;
    font-weight: 500;
    padding: 6px 6px;
    margin-left: 20px;
    margin-right: 20px;
    transition: .5s ease;
    border: 2px solid transparent;
    display: block;
} 

.banner-section::before {
    content: "";
    position:absolute;
    top: 0;
    right: 0;
    width: 800px;
    height: 800px;

    background: radial-gradient(
        circle,
        rgba(244, 220, 223, 0.6) 0%,
        rgba(244, 220, 223, 0.35) 35%,
        rgba(244, 220, 223, 0.1) 60%,
        transparent 80%
    );
}

.banner-section {
    background-color: #F9F4EA;
    padding-top: 9rem;
    background-size: cover;
    overflow: hidden;
}

/*Button hover*/
.btn.btn-hvr-black {
    background-color: #164B50;
    border-color: #164B50;
    color: #fff;
    margin-bottom:10px;
}

.btn.btn-hvr-black:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.btn.btn-hvr-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #154B50;
}

.contact-section .button {
    width: 200px;
}

.contact-section .button {
    margin-left: 20px;
    margin-right: 20px;
}

footer {
    padding: 120px 0;
    background-color: #042F34;
    color:#fff;
}

footer p {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
} 

footer .social-icons {
    text-align: left !important;
}

/*Social Icons*/
.social-icons ul {
    margin-bottom: 0;
}

.social-icons ul li {
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.social-icons ul li a {
    overflow: hidden;
    border-radius: 50%;
    display: block;
    color: #fff;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border: 1px solid #154B50 !important;
    text-align: center;
} 

footer .icon-hover:hover {color: #fff !important; transition: all 0.5s ease; background-color: #154B50 !important;} 

footer a{
color:#fff;
}

footer a:hover{
color:#f47db0;
} 

.footer-image {
    position: absolute;
    right: 100px;
    width: 380px;
    transform: rotate(12deg);
    opacity: 0.12;
    pointer-events: none;
}

@media (width: 1920px) {
    .banner-section .caption {
        padding-top: 7.5rem;
        padding-right:40px;
    }
}