body {
    background-image: url(images/artworkleisureheroesalpha.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #120807;
    color: #d5d0bd;
    font-family: Verdana, Arial, sans-serif;
    padding: 0;
}
a {
	color: #fff;
}

a:hover {
	text-decoration:  underline;
}

#main-wrapper {
	 	max-width: 1440px;
		margin: 0 auto;
		
 }

header {
    text-align: center;
    padding: 20px 0;
}

#logo img {
    max-width: 100%;
	margin-top: -50px;
}

main {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

.site-title {
	opacity: 0.8;
	width: 100%;
    margin: 0 auto;
    background-image: linear-gradient(to bottom, #755a49, #302521);
    border-radius: 10px 10px 0px 0px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    height: 60px; 
    position: relative; 
    z-index: -1; 
	margin-top: -130px;
}

/* Pseudo-Element für den Glanz am oberen Rand des farbigen Titels */
.site-title::before {
    content: "";
    position: absolute;
    top: 0px; 
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.2), transparent);
    border-radius: 10px 10px 0 0; 
}

.full-width-section {
    background-color: #171310; 
    border-radius: 0px 0px 10px 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
	margin-top: -60px;
	border-image-source: url(images/bordertest1.png); 
	border-image-width: 30px;
	border-image-slice: 30% fill; 
	border-image-repeat: repeat; 
	border-width: 0px; /
	border-style: solid; /
	border-image-outset: 0;
}
.full-width-section * {
	padding: 30px 30px;
}

.container {
	margin: 0  auto;
	display: flex;
	justify-content: space-between;
	margin-top: 150px;

}

/* Spaltendesign */
.column {
	flex: 1;
	padding: 20px;
	background-color: #171310;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5),
		inset 1px 1px 1px rgba(255, 255, 255, 0.2);
    vertical-align: top;
	margin-right: 3%;
	z-index: 1;
	border-image-source: url(images/bordertest.png); 
	border-image-width: 30px;
	border-image-slice: 30% fill; 
	border-image-repeat: repeat; 
	border-width: 0px; 
	border-style: solid; 
	border-image-outset: 0;
}
.column:last-child {
	margin-right: 0;
}

.column p {
	padding: 10px 10px;
	text-align: left;
}

.column-title {
    max-width: 100%;
	text-align: center;
	margin-top: -112px;
}
.column-title img{
	z-index: -1;
}

/* Footer */
footer {
    background-color: #171310;
    padding: 10px 0;
    text-align: center;
	margin-top: 50px;
}

#social-media a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
}
#social-media a:hover {
	text-decoration: underline;
}