/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */

/* Begin - Responsive Sticky Footer mit dem CSS Grid Layout */
html {
	height: 101%;
}

body {
	height: 101%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}
/* Ende - Responsive Sticky Footer mit dem CSS Grid Layout */

.s-red {
	color: #e2002f; /* Stielow Rot  */
}

@media (min-width: 1200px) {
	body {
		padding-top: 56px;
	}
}

@media (min-width: 1200px) {
	.navfix {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
}

.shadow {
	box-shadow: 0.25rem 0.5rem 0.8rem rgba(0, 0, 0, 0.3) !important;
}

.matblue {
	color: #4f77b6;
}

.bmb {
	font-weight: bolder;
	color: #4f77b6;
}

.btn-matblue {
	color: #fff;
	background-color: #4f77b6;
	border-color: #4f77b6;
}
.btn-matblue:hover {
	color: #fff;
	background-color: #35517e;
	border-color: #35517e;
}
.btn-s-red {
	color: #fff;
	background-color: #e2002f;
	border-color: #e2002f;
}
.btn-s-red:hover {
	color: #fff;
	background-color: #99001f;
	border-color: #99001f;
}

.bg-matdark {
	background-color: #363533 !important;
}

.card {
	height: 100%;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 1);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #4f77b6;
}

a {
	color: #4f77b6;
}

a:hover {
	color: #4f77b6;
}

.mx-7 {
	margin-right: 7rem !important;
	margin-left: 7rem !important;
}

.mt-7 {
	margin-top: 7rem !important;
}

.mb-7 {
	margin-bottom: 7rem !important;
}

.my-7 {
	margin-top: 7rem !important;
	margin-bottom: 7rem !important;
}

.display-5 {
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1.2;
}

.list-group-item-small {
	position: relative;
	display: block;
	padding: 0.5rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

IMG.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.navbar {
	padding: 1rem 1rem;
}

.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
	top: 0.1rem !important;
	left: -2rem !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
}

.custom-control-lg .custom-control-label {
	margin-left: 0.5rem !important;
	font-size: 1rem !important;
}

/* Begin Mega Dropdown  --------------------------------------------------------------------------- */

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
	margin-bottom: rem;
}

.navbar .dropdown-menu {
	border: none;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
	/* remove the padding from the navbar so the dropdown hover state is not broken */
	.navbar {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
	.navbar .nav-item {
		padding: 0.5rem 0.25rem;
		margin: 0 0.25rem;
		white-space: nowrap !important;
	}

	/* makes the dropdown full width  */
	.navbar .dropdown {
		position: static;
	}

	.navbar .dropdown-menu {
		width: 100%; /*  original: 100%  */
		left: 0; /*  original: 0  */
		right: 0; /*  original: 0  */
		/*  height of nav-item  */
		top: 50px;
	}

	@media (min-width: 1400px) {
		.navbar .dropdown-menu {
			width: 90%; /*  original: 100%  */
			left: 5%; /*  original: 0  */
			right: 5%; /*  original: 0  */
			/*  height of nav-item  */
			top: 50px;
		}
	}

	/* shows the dropdown menu on hover */
	/* .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}  */

	.navbar .dropdown-menu {
		/* border: 1px solid rgba(0,0,0,.15); */
		background-color: transparent;
	}
}

.navbar .dropdown-menu a {
	color: rgba(51, 51, 51, 0.95);
}

/* Dropdown - Eine Spalte  */
/* .navbar .dropdown-single {position: relative;} */

/* Eine Spalte - shows the dropdown menu on hover */
/* .navbar .dropdown-single:hover .dropdown-menu, .navbar .dropdown-single .dropdown-menu:hover {
  display:block!important;
}  */

/* Ende Mega Dropdown  ----------------------------------------------------------------------------------- */

.dropdown-header {
	padding: 0.25rem 0rem;
	font-size: 0.85rem;
	font-weight: 500;
	/* color: #4f77b6; */
	/* color: darkred; */
	/* color: #E12D00; */
	color: #e2002f; /* Stielow Rot  */
}

.dropdown-item {
	padding: 0.25rem 0rem;
	font-size: 0.85rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: rgba(214, 214, 214, 0.5);
	text-decoration: none;
}

.pdf-small {
	font-size: 0.75rem;
	color: #e2002f;
}

/* Headertext smaller at devices sm */
@media screen and (max-width: 576px) {
	#headertext {
		font-size: 1.8rem;
		margin-top: 0.5rem !important;
	}
}

/* Border um Menu nur auf lg */
@media screen and (min-width: 992px) {
	#menu,
	#menu-2,
	#menu-3,
	#menu-3-1,
	#menu-4,
	#menu-5 {
		border: 1px solid #363533 !important;
	}
	#headertext {
		margin-bottom: 0rem !important;
	}
}

/* Back to Top Button */
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: rgba(79, 119, 182, 0.75) url("../images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: rgba(79, 119, 182, 1);
}

/***** Box ****/
.box {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	margin-top: 10px;
	transition: all 0.3s ease;
}

.box .title {
	padding-bottom: 10px;
	border-bottom: 1px solid darkblue;
	font-size: 2rem;
}

.box img {
	transition: 0.2s ease-in-out;
}

.box img:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
/***** Box End ****/

.transform-stielow {
	font-size: 1.15rem;
	color: #e2002f; /* Stielow Rot  */
	-ms-transform: rotate(-5deg); /* IE 9 */
	transform: rotate(-5deg);
}

@media (min-width: 1700px) {
	.d-xxl-none {
		display: none !important;
	}
}

.flag {
	max-height: 1rem;
}