/* Allgemeine Seiten */

.container {
	background-color: #f2f2f2;
	/*margin-left: 166px;*/
	width: 78.6%;
	padding: 5px 15px 15px 20px;
	border: 1px solid lightgrey;
	border-radius: 3px;
}

#navbar {
	width: 78.6%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid lightgrey;
}

/* Register und Login Seiten */

.row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	margin: 0 -16px;
}

.col-25 {
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
}

.col-50 {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
}

.col-75 {
	-ms-flex: 75%; /* IE10 */
	flex: 75%;
}

.col-25, .col-50, .col-75 {
	padding: 0 16px;
}

input[type=text] {
	width: 100%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

label {
	margin-bottom: 10px;
	display: block;
}

.btn {
	background-color: #4CAF50;
	color: white;
	padding: 12px;
	margin: 10px 0;
	border: none;
	width: 100%;
	border-radius: 3px;
	cursor: pointer;
	font-size: 17px;
}

.btn:hover {
	background-color: #45a049;
}


/* Hall of Fame Seite */

.container2 {
	background-color: #FFFFFF;
	padding: 10px 15px 10px 20px;
	border: 2px solid darkgrey;
	border-radius: 7px;
	font-family: "Calibri", serif;
	font-size: 17px;
}

#main-content {
	margin-left: 150px;
	padding: 15px;
}

.footer {
	font-size: 14px;
	text-align: center;
}

/* Wortspiel Seite */

/*output {
	display: inline;
}

.btn-outline {
	background-color: transparent;
	color: inherit;
	transition: all .5s;
}
	
.btn-primary.btn-outline {
	color: #428bca;
}
	
.btn-success.btn-outline {
	color: #5cb85c;
}
	
.btn-info.btn-outline {
	color: #5bc0de;
}
	
.btn-warning.btn-outline {
	color: #f0ad4e;
}
	
.btn-danger.btn-outline {
	color: #d9534f;
}
	
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
	color: #fff;
}*/