header {
	background-color: #00000026;
	color: brown;
	height: 101px;
	display:block;
	box-sizing: border-box;
	border-radius: 5px;
	width: 95%;
}

.header_box {
	/*background-image: url("../images/header.png");*/
	/*background-size: cover;*/
	margin: 3px;
	width: 99% !important;
}
body {
	background-image: url("../images/paper.jpg");
	background-color: #e4cea5;
	/*font-family: MedievalSharp;/*
	/*font-family: 'Cinzel Decorative', serif;*/
	/*font-family: 'IM Fell English', serif;*/
	font-family: "Goudy Bookletter 1911", serif;
	font-size: 15px;
}

h2 {
	font-family: 'IM Fell English', serif;
}

footer {
	background-color: #00000026;
	color: brown;
	height: 95px;
	display:block;
	box-sizing: border-box;
	border-radius: 5px;
	width: 95%;
}

.ui.location.image {
	max-height:8em !important;
}
.ui.tab.fixed-height {
	height: 400px; /* Set your desired fixed height */
	overflow: auto; /* Ensure content inside the modal can scroll if it overflows */
}
.ui.tab {
	background-color: transparent;
}

.ui.card.player {
	background-image: url('https://heldenregister.waldritter-giessen.de/images/player_background.png');
	background-size: cover;
	background-repeat: no-repeat;
	color: black; /* Farbe des Textes anpassen */
	background-color: transparent;
	height: 257px;
	font-family: 'MedievalSharp', serif;
    font-weight: bold;
	}
.ui.card.player .content {
	/*background-color: rgba(255, 255, 255, 0.8); /* Halbtransparenter Hintergrund für Lesbarkeit */
	padding: 15px;
	/*height: 190px;*/
	color: rgba(0,0,0,1);
	}
.ui.card.player .header {
	font-family: 'Uncial Antiqua', serif !important;
	padding-top: 10px;
	}

.ui.card.player .image {
	/*background-color: rgba(255, 255, 255, 0.8); /* Halbtransparenter Hintergrund für Lesbarkeit */
	padding-top: 15px;
	padding-left: 8px;
	}
.ui.card.player .extra.content {
	display: flex;
	justify-content: flex-end;
	}
.ui.card.player .button.green {
	color:#000000;
	box-shadow: 0 0 0 1px #284d31;
	background-color: #55c56f;
	}

/*Abenteuer*/
.ui.card.event {
	background-image: url('https://heldenregister.waldritter-giessen.de/images/player_background.png');
	background-size: cover;
	background-repeat: no-repeat;
	color: black; /* Farbe des Textes anpassen */
	background-color: transparent;
	/*height: 300px;*/
	font-family: 'MedievalSharp', serif;
    font-weight: bold;
	}
.ui.card.event .meta {
	color: rgba(0,0,0,.7);
	}
.ui.card.event .content {
	/*background-color: rgba(255, 255, 255, 0.8); /* Halbtransparenter Hintergrund für Lesbarkeit */
	padding: 15px;
	/*height: 225px;*/
	color: rgba(0,0,0,1);
	}
.ui.card.event .header {
	font-family: 'Uncial Antiqua', serif !important;
	padding-top: 10px;
	}

.ui.card.event .image {
	/*background-color: rgba(255, 255, 255, 0.8); /* Halbtransparenter Hintergrund für Lesbarkeit */
	max-height: 150px;
	max-width: 150px;
	padding-top: 18px;
	padding-left: 10px;
	}
.ui.card.event .extra.content {
	display: block;
	justify-content: flex-end;
	}
.ui.card.event .button.green {
	color:#000000;
	box-shadow: 0 0 0 1px #284d31;
	background-color: #55c56f;
	}

.ui.tabular.menu a.active.item {
	background: #dc880b4d !important;
}

.medieval-button {
	font-family: 'MedievalSharp', serif;
	color: #fff;
	padding: 10px 20px;
	border: 2px solid #4b2e2e;
	border-radius: 5px;
	text-shadow: 1px 1px 2px #000;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: all 0.3s ease;
}
.medieval-button.brown {
	background-color: #8b4513;
}
.medieval-button.grey {
	background-color: #686868;
}

.medieval-button:hover {
	border-color: #8b4513;
	box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.5);
}
.medieval-button.brown:hover {
	background-color: #a0522d;
}

.medieval-button.grey:hover {
	background-color: #bababa;
}

.logo {
	height: 95px;
}
.box_container {
display: inline-block;
width:95%;
}
header .box_container {
	position: relative;
}
footer .box_container {
	position: relative;
}
footer .contact {
	width:265px;
	font-size:12px;
	float:left;
	display:block;
}

@media (max-width: 799px) { 
	header {
		min-width: 390px;
		margin-left: 5px;
	}
	
	footer {
		height: 160px;
		min-width: 390px;
		margin-left: 5px;
	}
	body {
		/*width:800px;*/
	}
	.box_container {
		/*max-width: 766px;*/
		min-width: 390px;
		padding-left: 10px;
		/*padding-right: 5px;*/
		padding-top: 5px;
	}
	.logo {
	text-align:center;
}

}

@media (min-width: 800px) {
	header {
		min-width: 390px;
		margin-left: 5px;
	}
	
	footer {
		min-width: 390px;
		margin-left: 5px;
	}
body {
		/*width:1000px;*/
	}
.box_container  {
		/*max-width: 766px; */
		min-width: 390px;
		padding-left: 10px;
		/*padding-right: 5px;*/
		padding-top: 5px;
	}
}

/*@media (min-width: 1100px) {
	header {
		min-width: 800px;
		margin-left: 5px;
	}
	footer {
		min-width: 800px;
		margin-left: 5px;
	}
	body {
		width:1100px;
	}
.box_container  { 
		min-width: 800px;
		padding-left: 10px;
		padding-top: 5px;
	}
}
*/