/* Allgemein */
html, body, table, th, td, * {font-family:'Open Sans', Arial, Helvetica, Geneva, Swiss, sans-serif;}
body {background-color:#FFFFFF;color:#333333;font-size:18px;}

a, a:link, a:active, a:visited, a:hover {color:#333333;text-decoration:none;}

.clear {clear:both;}
.nowrap {white-space:nowrap;}

.underline {text-decoration:underline;}

h1, h2, h3, h4 {font-family:'Poppins', Arial, Helvetica, Geneva, Swiss, sans-serif;font-size:36px;font-weight:bold;margin-bottom: 1rem;margin-top: 1rem;}

/* Header */
.header {background-color:#F6F6F6;box-shadow:1px 1px 14px 1px rgba(0, 0, 0, 0.5);}
.header .container {padding:15px 0;}
.header .row.bezeichnung {background-color:#F0EDE1;padding:15px;}
.header .row.bezeichnung h1 {font-family:'Open Sans Condensed', Arial, Helvetica, Geneva, Swiss, sans-serif;font-size:40px;color:#75767A;font-weight:bold;text-align:center;text-transform:uppercase;}
.header .row.bezeichnung h2 {font-family:'Open Sans', Arial, Helvetica, Geneva, Swiss, sans-serif;font-size:40px;color:#75767A;font-weight:300;text-align:center;}
@media (min-width: 769px) {
    .header .row.bezeichnung h1 {font-size:48px;}
    .header .row.bezeichnung h2 {font-size:48px;}
}
    
.header .row.navi {background-color:#75767A;}
nav.navbar.navbar-expand-lg.navbar-dark.bg-dark {background-color:transparent!important;}
ul.navbar-nav {margin: 0 auto 0 auto;}
.header .navbar-dark .navbar-nav a.nav-link {color:#FFFFFF;text-decoration:none;font-weight:normal;font-size:17px;}
@media (min-width: 992px) {
    .header .navbar-brand {display:none;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right:1rem;padding-left:1rem;}
}
.header .row.bild>div {position:relative;padding:0;}
.header .row.bild img.foto {width:100%;}
.header .row.bild img.logo {position:absolute;right:10%;bottom:7%;width:25%;height:auto;border:solid 15px #FFFFFF;box-shadow:6px 9px 15px 5px #444444c4;}

.header .row.bezeichnung h2 {margin-bottom:5px;}
.header .row.bezeichnung .ihk-weg {font-size:0.85rem;text-align:center;}

/* main */
.wrp {padding:30px 0px 30px 0;}
.wrp h1 {font-size:24px;}
.wrp ul {list-style: none;margin:0 0 5px 40px;padding:0;line-height: 2.5rem;}
.wrp ul li:before {font-family: 'FontAwesome';content: '\f18e';margin:0 20px 0 -36px;}
.wrp.eins {background-color:#FFFFFF;}
.wrp.zwei {background-color:#75767A;color:#FFFFFF;}
.wrp.miet {background-color:#f2f2f2;}
.wrp.weg {background-color:#FFFFFF;}
.wrp.sonder {background-color:#f2f2f2;}
.wrp.gerneinfo {background-color:#75767A;color:#FFFFFF;text-align:center;font-weight:bold;font-size:26px;}
.wrp.kontakt {background-color:#FFFFFF;text-align:center;font-weight:300;}
.wrp.kontakt .row.zwei {margin:40px 0 20px 0;}
.wrp.kontakt .row.zwei .ihk {padding-top:29px;}
.wrp.kontakt .row.zwei a img {-webkit-filter: grayscale(60%);filter: grayscale(60%);transition: all 0.5s;}
.wrp.kontakt .row.zwei a:hover img {-webkit-filter: grayscale(0);filter: grayscale(0);}
.wrp.kontakt .row.zwei a img {opacity:.8;}
.wrp.kontakt .row.zwei a:hover img {opacity:1;}

.wrp.kontakt h3 {font-size:24px;}

.kontaktform fieldset {margin-top:20px;}
.kontaktform fieldset.button {text-align:right;}
.kontaktform label {display:block;}
.kontaktform input, .kontaktform textarea {max-width: 100%;}
@media (min-width: 769px) {
    .kontaktform fieldset {display:flex;flex-wrap:wrap;align-items:center;}
    .kontaktform fieldset.button {display:block;}
    .kontaktform label {flex: 1 0 120px;max-width: 220px;}
    .kontaktform input {flex: 1;}
}

/* Startseite */


/* Footer */
.footer {background-color:#75767A;color:#FFFFFF;}
.footer .container .row {padding:20px 0 20px 0;}
.footer .rechts {text-align:right;}
.footer ul {list-style: none;margin:0;padding:0;}
.footer ul li {display:inline;padding:0 15px 0 15px;}
.footer ul li a {text-decoration:none;color:inherit;}
.footer ul li:first-child {border-right:solid 1px #FFFFFF;}