/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@font-face {
    font-family: "Open Sans";
    src: url(https://www.karp-immobilien.de/neu/ttf/OpenSans-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Open Sans Bold";
    src: url(https://www.karp-immobilien.de/neu/ttf/OpenSans-Bold.ttf) format("truetype");
}

.heading-text h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 45px;
    color: #4A4A4A;
}

.heading-text h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #4A4A4A;
}

.heading-text h4 {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;
    color: #4A4A4A;
    font-weight: bold;
}

.heading-text > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
}

/* Schriftart / Farbe Footer */
.copyright-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
}

/* Schriftart / Farbe Menü */
#mainMenu nav > ul > li > a {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #4A4A4A;
    text-transform: none;
}

/* Farbe Menü Hover */
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span { color: #8B634B; }

.profile-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 30px;
}

.services-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 30px;
}

.projects-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 30px;
}

.privacy-policy-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 30px;
}

.privacy-policy-text > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 30px;
}

.imprint-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 30px;
}

.imprint-text > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 30px;
}

.contact-text > h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    color: #4A4A4A;
    line-height: 40px;
    font-weight: bold;
}

.contact-text > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 20px;
}

.contact-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 20px;
}

.logo-karp {
    width: 350px;
    margin: 20px;
}  

.karp-profil {
    width: 100%;
}  

.karp-services {
    width: 600px;
} 

.karp-spacer {
    height: 100px;
    width: 100%;
}

.karp-spacer-half {
    height: 50px;
    width: 100%;
}

/* 
    Farbe des Senden Button im Kontakt-Formular in style.css Zeile 2800 änderbar!
*/
