body {
	background-color: #231f20;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	color: #ffffff;
}

/*---HEADER---*/

header {
	height: 155px;
	padding-top: 7px;
}

.adresse {
	text-align: right;
	font-size: 13px;
	line-height: 16px;
}

.adresse p {
	padding: 5px 0;
}

.telefon {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	display: block;
}

.adresse a {
	color: #ffffff;
	text-decoration: underline;
}

/*---MOOD---*/

.mood img {
	margin-bottom: 30px;
}

/*---TYPOGRAFIE---*/

h1 {
	font-size: 19px;
	font-weight: bold;
	line-height: 25px;
	margin: 0px;
	padding: 0px 0 15px 0;
}

h2 {
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
	margin: 0px;
	padding: 0px 0 15px 0;
}

h3 {
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0 10px 0;
}

.content p {
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0 10px 0;
}

.content .oeffnungszeiten p {
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0 10px 0;
}

/*---PORTRAITS---*/

.portrait {
	margin-top: 15px;
}

.portrait img {
	background-color: #d8d8d8;
	border: 5px solid #ffffff;
	width: 100%;
}

.portrait .portrait-description {
	color: #231f20;
	background-color: #ffffff;
	display: block;
	padding: 3px 0 7px 0;
	text-align: center;
}

/*--- GALLERY ---*/

.gallery img {
    margin-top: 30px;
}

.row.gallery:has(h2) > *[class*=col]:nth-child(-n + 4) img {
    margin-top: 0;
}

@media(max-width: 1200px) {
    .row.gallery:has(h2) > *[class*=col]:nth-child(-n + 3) img {
        margin-top: 0 !important;
    }

    .gallery h2 {
        padding-top: 20px;
    }

    .gallery img {
        margin-top: 30px !important;
    }

    .gallery {
        margin-bottom: 0 !important;
    }
}

/*---FOOTER----*/

footer {
	padding: 30px 0 15px 0;
	font-size: 14px;
	color: #ffffff;
}

footer .webdesignby {
	text-align: right;
}

footer a {
	color: #ffffff;
	text-decoration: none;
}

footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}