﻿@import url(norm.css);

body {
	font-family: arial, sans-serif;
	font-size:12pt;
	text-align: center;
	background-color: #3b5263;
	margin: 0 auto 0 auto;}
* {
	margin:0;
	padding:0;
}
a:active, a:focus {
	outline: none;
}
a img {
	border:none;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.3vw;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 1vw;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1rem;
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22m4 15h22m4 23h22'/%3e%3c/svg%3e);
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.bdld {
/*padding-top:0.4vw;*/
padding-top:0.5vw;
padding-bottom: 0.8vw;
}

.navbar-brand {
    color: white;}

.navbar-brand:hover, .navbar-brand:focus {
    color: #ce0014;}	
	
.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: white;}

.nav-link {
color:white;
font-size:1.3vw;}

.nav-link:hover, .nav-link:focus {
    color: #ce0014;}

.navbar-toggler {
	background-color: white;
}

@media screen and (max-width:991px){
	.navbar-nav{
		display: table;
		/*float: right;*/
		text-align: left;
		margin-left:2rem;
	}
	.navbar-nav a{
		font-size: 1.5rem;
	}	
	.home{
		width: 50% !important;
	}
	
	.navbar-toggler {
		font-size: 0.8rem;
	}
}
@media screen and (max-width: 499px){
	.navbar-nav a{
		font-size: 1.5rem;
	}	
	.home{
		width: 60% !important;
	}
}
/*@media (min-width: 1024px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
}}

@media (min-width: 1200px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
}}*/

 /* @media (min-width: 1024px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: none !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: flex;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

  @media (min-width: 1200px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}*/

.ikr {
	color:#627583;
	width:100%;
	border:0px solid blue;
	text-align:right;
	font-size:9px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:5px;
background-color:#3b5263;}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: /*#fff*/#3b5263;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: /*#212529*/white;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

footer {
	font-size:0.85em;
	text-align:left;
	padding-left:2em;
	background: #3b5263;
	color:white;
	padding-top: 0.5em;
	text-transform: uppercase;
	text-align:center;}

footer a {
	color:white;
text-decoration:none;}

footer a:hover {
color:#ce0014;}

.footerListe li{
	display: inline;
}
.footerCopy {
	font-size:0.6rem;}
	
@media (max-width: 768px) {
	.footerListe li {
		display:block;
		line-height: 2rem;
		font-size:1rem;}
	.footerLine {
		display:none;}
}
.mitte {
text-align:center;}

#wrapper {
	width:1000px;
	position: absolute;
	/*left: 50%;
	margin-left:-500px;*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	height:auto;
	background-color:#becad6;
}
.ohnerand {
padding-left:inherit;}

.home {
	color:white;
	padding-right:1em;
	/*padding-left:1em;*/
	width: 30%;}
	
.home::before {

content: url(../../images_all/bmi_lpds_logo_weiss.svg);
width:50;
line-height:1em;
margin-right:0.5em;
vertical-align:top;
}
.nicht{
	display: none;
}

/*---MODAL---*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}}
/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 2rem;
    font-weight: bold;}
.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;}
.modal-header {
    padding: 2px 16px;
    background-color: rgba(12,22,71,1);
    color: white;
	border-top: 1rem solid #ce0014;}
.modal-header h2 {
	color:white;
	padding-bottom:1.5rem;
	font-size: 1.3rem;}
.modal-body {
	padding: 1.5em 5em;
	line-height:1.5em;}
.modalRow {
	--bs-gutter-x:0;
}	
.modal-body p {
	margin-bottom: 1rem;
}
.modalText {
	text-align:left;
}
@media (max-width: 425px) {
	.modal-body {
	padding: 1.5em 1em;}

/*----- Quernavigation -----*/
#quernavi {
	position:absolute;
	top:188px;
	left:5px;
	width:459px;
	font-size:0.9em;
	font-weight:700;
	background:#3b5263;
	padding:5px;

}
#quernavi li{
display:inline;
}
#quernavi a{
text-decoration:none;
color:#FFFFFF;
padding-left:8px;
letter-spacing:0.03em;
}
#quernavi a:hover {
color:#DF001A;
}

#bundeslaender {
/*position:absolute;
top:300px;
left:735px;
width:150px;
height:170px;
background:#3b5263;
text-align:left;*/
position:relative;
font-size:0.9em;
padding:10px;
font-weight:600;
}
#bundeslaender a {
text-decoration:none;
color:#FFFFFF;
line-height:1.3em;
}
bundeslaender li {
line-height:1.3em;
}
#bundeslaender a:hover {
color:#DF001A;
}

#bundeslaender_neu {
	position:absolute;
	top:513px;
	left:0px;
	width:976px;
	text-align:center;
	font-size:0.9em;
	font-weight:700;
	text-align:center;
	}
#bundeslaender_neu a{
	text-decoration:none;
	color:#FFFFFF;
	padding-left:10px;
	}
#bundeslaender_neu a:hover {
color:#DF001A;
}
#bundeslaender_neu li {
line-height: 1.3em;
display:inline;
}
/*----- Hauptnavigation-----*/
#navi {
	width: 976px;
	position:absolute;
	left: 0px;
	top: 510px;
	float:left;
}
#navi ul {
	float:left;
	list-style-type:none;
}
#navi h3 {
	font-size:1em;
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #3b5263;
}
.navi_ul_1 {
	width:220px;
	padding-left:20px;
	}
.navi_ul_2 {
	width:150px;
	padding-left:20px;
}
.navi_ul_3 {
	width:150px;
	padding-left:20px;
}
.navi_ul_4 {
	width:130px;
	padding-left:10px;
	padding-right:20px;
}
.navi_ul_5 {
	width:190px;
	padding-left:0px;
}
.alle_links {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	width:auto;
}
.oben_links {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	width:auto;
}
.unten_links {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-bottom: 1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	width:auto;
}

.alle_links1 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-130px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	width:auto;
}
.oben_links1 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-130px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	width:auto;
}
.unten_links1{
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-130px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-bottom: 1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	width:auto;
}

.alle_links2 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-440px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	width:auto;
}
.oben_links2 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-440px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	width:auto;
}
.unten_links2 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-440px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-bottom: 1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	width:auto;
}

.alle_links3 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-200px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	width:auto;
}
.oben_links3 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-200px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	width:auto;
}
.unten_links3 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-200px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-bottom: 1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	width:auto;
}

.alle_links5 {
	font-size:0.8em;
	text-decoration:none;
	display:block;
	position:relative;
	top:-130px;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	width:auto;
}
.oben_links5 {
	font-size:0.8em;
	position:relative;
	top:-130px;
	text-decoration:none;
	display:block;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:8px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	width:auto;
}
.unten_links5 {
	font-size:0.8em;
	position:relative;
	top:-130px;
	text-decoration:none;
	display:block;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-left: 1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right: 1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-bottom: 1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	width:auto;
}
.direktlink {
	text-decoration:none;
	display:block;
	text-align:left;
	background:#3b5263;
	color:#FFFFFF;
}
#navi a:hover {
	color:#DF001A;/*background: #FFFFFF;*/
	}
#navi li {
	position:relative;
	list-style-type:none;
}
#navi ul ul {
	position:absolute;
	z-index:3;
	display:none;
}
#navi ul li:hover ul {
	display:block;
}
#navi ul li:hover ul ul {
	display:none;
}
#navi ul ul li:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:100%;
}

