body {
	background-color:#f6f6f6;
	font-family: Roboto, "Segoe UI", Arial, sans-serif;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a.h3 {
  color: var(--bs-link-color);
}

body.start {
	padding-bottom: 130px;
}

body.start .colt-header-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	z-index: -2;
	background-size: cover;
	background-position: 50%;
	background-color: #002350;
}

body.start .colt-header-title {
	background-color: #e9ecef;
	border-radius: 0.3rem;
}

.colt-wrapper {
	min-height: 100%;
	background-color: #fff;
}

.colt-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: #444;
	padding: 10px;
	/*margin: 0 -15px 0 -15px;*/
	color: #fff;
	opacity: 0.95;
	color: #ccc;
	/*margin-top: -100px;*/
	height: 100px;
    	font-style: italic;
	color: #ccc;
	font-size: 0.9rem;
}
.colt-footer img {
	max-width: 100%;
	max-height: 80px;
	height: auto;
}



#colt {
	padding: 65px 5px 20px 5px;
}


/* page_navigation */
#colt .ot-page-navigation {
	padding: 0 0 5px 0;
	top:0;
	left:0;
	position: fixed;
	z-index: 120;	/* geogebra hat 100 */
	width:100%;
}

/* nav auf weißen hintergrund setzen, da disabled-buttons opacity 0.65 sind */
#colt .ot-page-navigation nav {
	background-color: #fff;
	overflow-y: hidden;
	overflow-x: auto;
	scrollbar-width: thin;
}

#colt .ot-page-navigation .btn-group > .btn {
	font-size: 14px;	/* schriftgröße fest definieren, damit diese bei änderung nicht geändert wird ;) */
	line-height: 1.1em;
	padding:0.1rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top:0;
	height:45px;		/* ACHTUNG ist ebenfalls in _ot_v20.scss bei ot-table-radio -> sticky definiert */
	/*height:3rem;	-> um das für sticky auszulesen könnte auch document.getElementById('XXX').offsetHeight verwendet werden */
}

#colt .ot-page-navigation .btn {
	white-space: normal;
}

.ot-page-navigation-overview .btn {
	height:55px;
	font-size: 0.9rem;
	line-height: 1em;
	display: block;
	width: 100%;
}
/*  Navigation ohne rand und border-radius (>= md) */
@media (max-width: 992px) {
	#colt .ot-page-navigation > .container {
		padding:0;
	}
	#colt .ot-page-navigation .btn-group .btn {
		border-radius:0 !important;
		border-left:0;
	}
}


@media (min-width: 768px) {
	html, body	{height:100%;}
	body.start	{height: auto;}
	.colt-wrapper	{min-height: 100%;}
}