@charset "UTF-8";
/* CSS Document */
body {
    font-family: 'Rubik';
    max-width: 1800px;
    margin: 0 auto !important;
    white-space: normal;
    background-color: #dadad9 !important; 
    padding-top: 95px;
	font-weight: 300 !important;
}
a {
    color: #fff;
}
a:hover {
    color: #fff;
    font-weight: bold;
}
.wrap {
    background: #fff;
    width: 100%;
    height: 100%;
}
section {
    margin: 0 10px 50px;
}
#footer {
    margin: 0 !important;
}
.item-inhalt {
    padding: 25px;
    position: relative;
}
/* Home */
.image-container {
    margin: 0 -10px;
    margin-bottom: 50px;
}
.home-image {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.home-inhalt {
    background: #a65c5c;
    text-align: center;
}
#home, #leistung, #kontakt {
    color: #fff;
}
/* Leistungen */
.leistung-items {
    display: flex;
    flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.leistung-box {
    background: #858482;
	max-width: 440px;
}
.leistung-header {
    color: #858482;
    padding-bottom: 15px;
	text-align: center
}
.img-leistung {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
#leistung ul {
	list-style: none;
}
#leistung li::before {
	content: "- ";
	margin-left: -30px;
}
#leistung2 {
    background: #a65c5c;
} 
/* Kontakt */
.kontakt-inhalt {
    background: #a65c5c;
    overflow: hidden;
}
.sprechblase {
    position: absolute;
    width: auto;
    height: 80%;
    opacity: 0.2;
    right: -30px;
    bottom: 20px;
}

/* Partner */
#partner {
    max-width: 1000px;
    margin: 0 auto;
	padding-bottom: 50px;
	text-align: center;
}
.partner-logo {
    width: 200px;
    padding: 25px;
    display: inline-block;
	margin: 10px;
}
.partner-header {
    color: #858482;
    padding-bottom: 15px;
}
/* Footer */
#footer {
	background: #a65c5c;
	position: relative;
}
.col-md-3.mb-md-0.mb-3 {
    padding: 10px 5%;
	margin: 0 !important;
}
.page-footer.font-small.pt-4 {
  padding-top: 0 !important;
}
.list-unstyled {
  margin-bottom: 0;
}
li {
	padding: 5px;
}
.bildmarke {
    position: absolute;
    opacity: 0.2;
    bottom: 10px;
    right: 5%;
    height: 80%;
    padding: 10px;
}
#footer a {
	color: #fff;
}
/*Impressum*/
.impressum h1 {
	font-size: 35px;
}
.impressum h2 {
    font-size: 20px;
}
.impressum a {
    color: #fff;
}
.impressum a:hover {
    color: #fff;
}
#impressum {
    hyphens: auto;
	background: #fff !important;
}
/*Datenschutz*/
#datenschutz {
    hyphens: auto;
	background: #fff !important;
}
.artikel h1 {
    font-size: 35px;
}
.artikel h2 {
    font-size: 25px;
}
.artikel h3 {
    font-size: 20px;
}
.artikel a {
    color: #fff;
} 
.artikel a:hover {
    color: #fff;
} 
.artikel {
	background: #a65c5c;
	margin: 25px 30px 25px 0;
	padding: 25px;
	color: #fff;
	padding-left: 5%;
}
@media (min-width:540px) {
section {
    margin: 0 50px 50px;
}
.image-container {
    margin: 0 -50px 50px;
}
.home-image {
    height: 325px;
}
.img-leistung {
    height: 275px;
}
.sprechblase {
    right: 20px;
}
#partner a:hover {
	color: #fff;
}
.artikel {
    margin-right: 100px;
}
.col-md-3.mb-md-0.mb-3 {
    padding: 10px 45px;
}
.bildmarke {
	right: 40px;
}
}
@media (min-width:768px) {
.item-inhalt {
    padding: 30px 25px;
}
.home-image {
    height: 400px;
}
.leistung-items {
	gap: 25px;
}
.leistung-box {
    max-width: 48%;
}
.img-leistung {
    height: 200px;
}
    /* Partner */
.partner-logo {
    padding: 15px;
}
.artikel {
    margin-right: 250px;
}
}
@media (min-width:992px) {
.home-inhalt, .kontakt-inhalt {
    margin: 0 200px;
}
.img-leistung {
    height: 250px;
}
.leistung-box {
    max-width: 31%;
}
.leistung-items {
	justify-content: space-between;
}
.artikel {
    margin-right: 300px;
}
}
@media (min-width:1200px) {
.img-leistung {
    height: 300px;
}
#partner {
	max-width: 1100px;
}
.partner-logo {
    margin: 20px 35px;
}
.artikel {
    margin-right: 500px;
}
}
@media (min-width:1600px) {
#leistung {
	margin: 0 10% 50px
}
.img-leistung {
    height: 325px;
}
.artikel {
    margin-right: 600px;
}
}