/*FARBEN definieren*/
:root {
  --main-color: #4a80b3;
  --sub-color: #ffffff;
  --add-color: #020202;
  --hover-border-color: #7b858b;
}

.btn-default {
  border-color: var(--main-color);
  background-color: var(--sub-color);
  color: var(--add-color);
}

.btn-default:hover {
  color:var(--sub-color);
  background-color: var(--main-color);
  border-color: var(--main-color);
}

button, html input[type=button], input[type=reset], input[type=submit] {
    border: 2px solid;
    border-color: var(--main-color);
    color: var(--sub-color);
    background-color: var(--main-color);
}
.back-button:hover {
	border: 1px solid;
	border-color: var(--main-color);
	color: #fff;
	background-color: var(--main-color);
	padding-top: 15px;
	padding-bottom: 15px;
	padding: 15px;
	font-size:16px;
}

.back-button {
	border: 1px solid;
	border-color: var(--main-color);
	color: var(--add-color);
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	padding: 15px;
	font-size:16px;
}

.lastnavbutton {
	border: 2px solid;
	border-color: var(--main-color);
	margin-left: 20px;
	background-color: var(--main-color);
	padding: 10px 20px;
	color: #fff;
	padding: 10px 20px 10px;
	-webkit-transition: all 0.1s ease-in;

}

.lastnavbutton:hover {
	border: 2px solid;
	border-color: var(--main-color);
	margin-left: 20px;
	background: none;
	padding: 10px 20px 10px;
	color: var(--add-color);

}
/*PAgination*/
.pagination > li > a,
.pagination > li > span {
    color: var(--main-color);
    background-color: var(--sub-color);
    border: 1px solid var(--hover-border-color);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: var(--sub-color);
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.pagination > li > a, .pagination > li > span {
    border: 1px solid var(--hover-border-color);
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: var(--sub-color);
    background-color: var(--main-color);
    border-color: var(--main-color);
  }

@media only screen and ( max-width: 987px ) {
.lastnavbutton {
	border: 2px solid;
	border-color: var(--main-color);
	margin-left: 20px;
	background-color: var(--main-color);
	padding: 10px 20px;
	color: var(--sub-color);
	padding: 10px 20px 10px;
	display: block;
	-webkit-transition: all 0.1s ease-in;

}

.lastnavbutton:hover {
	border: 2px solid;
	border-color: var(--main-color);
	margin-left: 20px;
	background: none;
	padding: 10px 20px 10px;
	color: var(--add-color);
	display: block;

}
}

.footernav {
	font-family: Raleway;
	font-size:10px;
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--add-color);
}
.footernav:hover {
	font-family: Raleway;
	font-size:10px;
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--hover-border-color);
}