/* Navigation Header */
@font-face {
	font-family: 'Roboto Light';
	font-style: normal;
	font-weight: normal;
	src: local('Roboto Light'), url('../webfonts/Roboto-Light.woff') format('woff');
	}
	
@font-face {
	font-family: 'Roboto Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Roboto Regular'), url('../webfonts/Roboto-Regular.woff') format('woff');
}
		
body {
	font-family:'Roboto Light';
}

h1 {
	font-family:'Roboto Regular';
}

p {
	line-height: 1.5em;
}

.bg-light {
    background-color: #245075 !important;
		/*background-color: #15789F !important; bis 2/2025 */
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: #FFFFFF;
}

.navbar-light .navbar-nav .nav-link{
    color: #FFFFFF;
}
.navbar-light .nav-link:hover{
    background-color: #FFFFFF;
    color: #15789F;
}

.navbar-brand {
	font-size: 1.5rem;
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon {
	color: #ffffff;
}

.navbar-light .nav-link {
/*    padding: 5px;
    border-bottom: 1px solid #ffffff; */
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
	color: #ffffff;
}
.navbar-light .navbar-nav .show a:hover {
	color: rgba(0, 0, 0, 0.9);
}

.dropdown-menu {
  border: 1px solid #15789F;
}

.dropdown-menu a {
	background-color: #ffffff;
  color: #15789F;
  border: 0px;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu a.dropdown-item:hover {
  color: #fff;
  background-color: #15789F;
}

.dropdown-menu-right {
	overflow: visible6;
  	7z-index: 10001;
}

.dropdown-toggle {
	overflow: visible6;
  	7z-index: 10002;
}

/* Text und Hintergrund Footer */
.danger-bg-color {
	background-color: #a42836;
	color: #FFFFFF;
}
.danger-bg-color a, .danger-bg-color * {
    color: #FFFFFF;
    opacity: 1;
}

.secondary-bg-color {
    background-color: #245075;
		/*helleres blau bis 2/2025 #15789F; */
    color: #FFFFFF;
}

.secondary-bg-color a, .secondary-bg-color * {
    color: #FFFFFF;
    opacity: 1;
}

.text-danger {
	color: #972633;
}

.btn-secondary.disabled {
	/* bootstrap.css macht noch transparent */
	background-color: #000000;
	color: #ffffff;
}

/* Logos Footer */
.logo-leiste .image {
    max-width: 200px;
    margin-bottom: 10px;
}

/* ################# */
/* Tabellen */
/* ################# */
.table {
	background-color: #ffffff;
}
.table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #D3D3D3;
}

.table th {
  background-color: #105e7c;
  border-bottom: 2px solid #E2AD11;
	color: #ffffff;
}

.table th a{
	color: #ffffff;
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #ffffff;
/*background-color: rgba(0, 0, 0, 0.05);*/
}

.table-hover:hover > td,
.table-hover:hover > th {
  background-color: #990000;
	color:#ffffff;
}

@media (min-width: 768px) {
	.logo-leiste .image {
		margin-top: 10px;
    max-width: 60%;
  }
}

@media only screen and (max-width: 680px) {
	.flex-col-3 {
	    -ms-flex-preferred-size: calc(50% - 30px);
	    flex-basis: calc(50% - 30px);
	    width: calc(50% - 30px);
	}
}


/* Content */
a {
	color: #5a3900;
  /* bis 2/2025 color: #B88912; */
}
a:hover {
    color: #B88912;
    text-decoration:none;
}

a.disabled {
	color: #4D4D4D;
  pointer-events: none;
}

a.text-link {
	text-decoration: underline;
	text-decoration-style: dashed;
	color: #200060;
	background-color: #f0b400;
	font-weight: bold;
	padding: 2px;
}

a.text-link:hover {
	text-decoration: underline;
	text-decoration-style: dashed;
	color: #f0b400;
	background-color: #200060;	
	font-weight: bold;
	padding: 2px;
}

body {
	line-height: 1.333;
}

h1 {
  color: #15789F;
  text-transform: uppercase;
  background-color: #F7F7F7;
  font-weight: 400;
  margin-top: 0px;
  border-bottom: 3px solid #eaeaea;
}

h2 {
	margin: 1.5em 0 0.75em;
	color: #105e7c;
	font-weight: 300;
}

h3 {
	margin: 1.15em 0 0.5em;
	color: #105e7c;
	font-weight: 150;
}

h4 {
  color: #105e7c;
  font-size: 1.15em;
}

.box-mb {
    padding: 15px 15px 15px 15px;
    background-color: #F7F7F7;
		margin-bottom: 15px;
		color: #4D4D4D;
}

.div-light {
    background-color: #f8f8f8; !important;
}

.font200 {
	font-size: 150%;
}

.li_mb {
	margin-bottom: 5px;
}

.progress {
	margin: 10px 0 10px 0;
}

.quickmenu li {
    padding-right: 20px;
}

video {
	border: 1px solid #808080;
}


/* ################# */
/* weitere Box bzw. Bereiche */
/* ################# */
.alert-success {
	color: #134e20;
}

.alert-success a {
	text-decoration: underline;
	text-decoration-style: dashed;
	color: #134e20;
	font-weight: bold;
}
.alert-success a:hover {
	background-color: #ffffff;
	color: #134e20;
}

.box-warning-mb {
    padding: 15px 15px 15px 15px;
    color: #624a04;
    background-color: #fff3cd;
    border-color: #ffeeba;
		margin-bottom: 15px;
}
.box-danger-mb {
    padding: 15px 15px 15px 15px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
		margin-bottom: 15px;
}
.box-success-mb {
    padding: 15px 15px 15px 15px;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
		margin-bottom: 15px;
}
.box-info-mb {
    padding: 15px 15px 15px 15px;
    color: #004085;
    background-color: #CCE6FF;
    border-color: #b8daff;
		margin-bottom: 15px;
}

.card {
	background-color: #f8f8f8;
}

.card-title {
	margin: 1em 0 0.75em;
	font-size: 120%;
	margin-bottom:2px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	text-align:center;
	font-weight:bold;
}
.card-body {
	padding-top:10px;
	padding-bottom:10px;
}

.card-header {
	background-color: #245075;
	/* bis 2/2025 -> #15789F */
	color: #FFFFFF;
	font-size: 1.35em;
	padding: 15px;
	margin: 0 0 15px 0;
}

.card-symbol {
	font-size:300%;
	text-align:center;
}

.csslink_extern::before  {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
}

.csslink_intern::before  {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
}



.form-border {
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

p {
	margin: 0 0 0.75em 0;
}

.unstyled-list {
	margin-bottom:0px;
	list-style: none;
	padding-left: 0;
}

.progress-bar .bg-warning {
	color: #000000;
}

/* ########## */
/* Formular */
/* ########## */
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #990000;
}

.was-validated .custom-select:valid, .custom-select.is-valid, .was-validated .form-control:valid {
  border-color: #006126;
}
.form-control {
	border: 1px solid #464646;
}

/* ########## */
/* Pfad */
/* ########## */
.breadcrumb{
	margin-top: 10px;
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #ffffff;
}
.breadcrumb a {
	font-size: 90%;
}
.breadcrumb a > i{
	color: #666;
	float: left;
}
.breadcrumb .elems a:first-child{
	display: none;
}
.breadcrumb .elems a:before{
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
	color: #666;
	margin: 0 5px;
	font-size: 90%;
}

/* ########## */
/* Buttons */
/* ########## */

.custom-select {
	font-family: Roboto Light, Tahoma, Arial;
}

.btn {
	display: inline-block;
	padding: 7px 15px 10px 15px;
	border-radius: 3px;
	font-weight: normal;
	font-size: 1em;
	position: relative;
	overflow: hidden;
	box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
	border: none !important;
	margin: 10px 10px 0 0;
	cursor: pointer;
	-webkit-appearance: none;
}

.btn.export::before {
  font-weight: 900;
  content: '\f2bb';
}

.btn-info_mb {
  color: #fff !important;
  background-color: #138496 !important;
  border-color: #117a8b !important;
}

.btn-outline-secondary {
  color: #fff !important;
  background-color: #2D8BBF !important;
}

.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #245075  !important;
  border-color: #245075  !important;
}

.btn.print::before {
  font-weight: 900;
  content: '\f02f';
}

.btn::before {
  margin-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 400;
}
*, ::after, ::before {
	box-sizing: border-box;
}

/* ++++++++++++++ */
/* Links_hover */
/* ++++++++++++++ */

.box-mb .file-description-mb {
    color: #464646;
    padding-left:22px;
}

.box-mb .datensatz a:hover .file-description-mb {
    color: #ffffff;
    padding-left:22px;
}

#links_hover .datensatz {
    color: #464646;
    width: 100%;
}
#links_hover .datensatz::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.box-mb .datensatz a, .box-mb .datensatz a:hover, .box-mb .datensatz a:active, .box-mb .datensatz a:visited {
    display: block;
    padding: 1%;
    text-decoration: none;
}
.box-mb .datensatz a:hover, .box-mb .datensatz a:active {
    background: #990000 none repeat scroll 0 0;
    color: #fff;
}
#links_hover .datensatz a::after {
    clear: both;
    content: "\e600";
    display: block;
    height: 0;
    visibility: hidden;
}
#links_hover .datensatz .bild {
    display: block;
    float: left;
    max-height: 150px;
    width: 25%;
    padding-right:20px;
}
#links_hover .datensatz .bild img {
    border: 5px solid #bdc3c7;
    display: block;
    height: auto;
    max-height: 150px;
    width: 100%;
    margin-top:5px;
}

#links_hover .datensatz a:hover .date, #links_hover .datensatz a:active .date {
    color: #fff;
}

#links_hover .datensatz a:hover .info, #links_hover .datensatz a:active .info{
    color: #fff;
}


#links_hover .datensatz .titel {
    color: #990000;
    font-size: 1.25em;
    font-weight: 400;
    padding: 0;
    display:block;
}

/*
#links_hover .datensatz .titel2 {
    color: #990000;
    font-size: 1.0em;
    font-weight: 300;
    padding: 0;
    display:block;
}
*/

#links_hover .datensatz a:hover .titel, #links_hover .datensatz a:active .titel
/*#links_hover .datensatz a:hover .titel2, #links_hover .datensatz a:active .titel2 */
{
    color: #fff;
}

#links_hover .datensatz .file, #links_hover .datensatz .file-link-mb {
    color: #4c4e47;
    /*display: block; */
    padding: 0;
}

#links_hover .datensatz .info {
    color: #4c4e47;
}

#links_hover .datensatz a:hover .file, #links_hover .datensatz a:active .file,
#links_hover .datensatz a:hover .file-link-mb, #links_hover .datensatz a:active .file-link-mb {
    color: #fff;
}
#links_hover .datensatz a.csslink_PDF:hover::before {
    color: #fff;
}

#links_hover .datensatz a:hover .file::after, #links_hover .datensatz a:active .file::after,
#links_hover .datensatz a:hover .file-link-mb::after, #links_hover .datensatz a:active .file-link-mb::after {
    color: #fff;
}

#links_hover .datensatz .nolink_hover {
    color: #606060;
    padding: 0;
}

#links_hover .datensatz a:hover .nolink_hover, #links_hover .datensatz a:active .nolink_hover {
    color: #fff;
}

#links_hover .file-link-mb::before {
    padding-left:22px;
    content:"";
}

#links_hover .info {
    padding-left:22px;
}
/* +++++++++++++++ */
/* Butons anzeigen */
/* +++++++++++++++ */
	@keyframes zeigedich{
	from {opacity:0;height: 0px; margin:0px; padding:0px;}
	to {opacity:1;height: auto; padding: 7px 15px 10px; margin: 10px 10px 0 0;}
	}

	@-webkit-keyframes zeigedich{
	from {opacity:0;height:  0px; margin:0px; padding:0px;}
	to {opacity:1;height: auto; padding: 7px 15px 10px; margin: 10px 10px 0 0;}
	}

	#button_sek{
	padding: 0px;
	margin: 0px;
	opacity:0;
	height: 0;
	animation-name: zeigedich;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	/*animation-delay: 30s; */
	animation-delay: 30s;
	animation-iteration-count:1;
	animation-play-state: running;

	-webkit-animation-name: zeigedich;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 30s;
	/*-webkit-animation-delay: 30s;*/
	-webkit-animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	}

	@keyframes zeigedichnicht{
		from {opacity:1;height: auto;}
		to {opacity:0;height: auto;}
	}

	@-webkit-keyframes zeigedichnicht{
		from {opacity:1;height: auto;}
		to {opacity:0;height: auto;}
	}
	
	#texthinweis_sek{
		opacity:1;
		height: auto;
		animation-name: zeigedichnicht;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		/*animation-delay: 30s; */
		animation-delay: 30s; 
		animation-iteration-count:1;
		animation-play-state: running;

		-webkit-animation-name: zeigedichnicht;
		-webkit-animation-duration: 2s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-delay: 30s;
		/*-webkit-animation-delay: 30s; */
		-webkit-animation-iteration-count: 1;
		-webkit-animation-play-state: running;
	}
	
/* ++++++++++++++ */

/* ++++++++++++++ */
/* Links_hower */
/* ++++++++++++++ */
.thead-lra th{
  background-color: #0d5d7c;
  border-color: #0d5d7c;
  color: #ffffff;
  font-weight:bold;
}

/* ++++++++++++++ */
/* Veranstaltungen */
/* ++++++++++++++ */
.big-date {
    display: flex;
    flex-direction: column;
}
.big-date li {
    margin-bottom: 15px;
    position: relative;
    background: #f0f0f0;
}
.big-date li:last-child {
    margin-bottom: 0;
}
.big-date a {
    display: flex;
    flex-direction: row;
    text-decoration: none;
}
.big-date a:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.big-date a:hover {
    background-color: rgba(0,0,0,0.1);
}
.big-date .list-date {
    color: #fff;
    padding: 15px;
    min-width: 65px;
}
.big-date .list-date .day {
    display: block;
    font-size: 1.8em;
}
.big-date .list-date .month {
    display: block;
    font-size: 1em;
}
.big-date .list-text{
    padding: 15px;
    color: #404040;
    width: 100%;
}
.big-date .list-text .title {
    margin: 5px 0;
    font-size: 1.3em;
    font-weight: 600;
}
.big-date .list-text p{
    margin-bottom: 5px;
}
.big-date .list-text :last-child{
    margin-bottom: 0;
}


.big-date li {
    margin-bottom: 15px;
    position: relative;
    background: #f0f0f0;
    background-color: rgb(240, 240, 240);
}

.big-date .list-date {
    color: #fff;
    padding: 15px;
    min-width: 65px;
}

.big-date .list-date .year {
    display: block;
    font-size: 1em;
}

.big-date .list-text {
    padding: 15px;
    color: #404040;
    width: 100%;
}

.unstyled-list {
    list-style: none;
    padding-left: 0;
}

.unstyled-list li {
    background-color:#F7F7F7;
}

.date::before {
	content: "";
}

.time::before {
	content: "";
}

/* ++++++++++++++ */
/* Toggler */
/* ++++++++++++++ */
.toggler-title-mb {
    background-color: #245075;
    padding: 0px;
    font-size: 0.8em;
    margin: 0px;
    cursor: pointer;
    position: relative;
    clear: both;
    color: #fff;
}

.toggler-title-mb::after  {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ab";
	position: absolute;
	right: 10px;
}

.card-mb {
	background-color: #f8f8f8;
}

.text-danger-dark {
	color: #990000;
}

/* ++++++++++++++ */
/* Autocomplete | Stichwortsuche */
/* ++++++++++++++ */
.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}

/* ++++++++++++++ */
/* Druckansicht   */
/* ++++++++++++++ */
@media print {
	/* nicht drucken */
	.breadcrumb, .elems, .rsbtn, .quickmenu, .social {
		display: none;
	}
	
	h3 {
		margin-top: 20px;
		
	}
}