/* Allgemein */
@font-face {
	font-family: "Oxygen"; 
	src: url("/homepage/config/fonts/Oxygen-Regular.ttf");
}
@font-face {
	font-family: "Oxygen";
	font-weight: bold;	
	src: url("/homepage/config/fonts/Oxygen-Bold.ttf");
}
html {
	scroll-behavior: smooth;
	width:100%;
}
html, body {
	font-family: "Oxygen",Helvetica,Arial,sans-serif;
}

.container-fluid {
	max-width: 1280px;
	margin: auto;
}
button, .btn {
	margin-bottom: 8px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #D5E9FF;
}
cite {
    display:block;
    padding:5px 0px;
}
dt {
	font-size: 120%;
	font-weight: bold;
	margin-top: 5px;
}
dd {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 20px;
}
dd ul{
	margin-top: 8px;
	margin-bottom: 8px;
}
#linkpage dd {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 22px;
}


/* Links */
a.pdflink {
    background: url('/homepage/media/graphics/pdf_small.png') no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    text-decoration: none;
}
a.external-link {
    background: url('/homepage/media/graphics/external-link.png') no-repeat;
    padding-left: 22px;
    text-decoration: none;
}



/* Klassen und IDs */
.active a{
	background-color: #004288 !important;
}
.ankerpunkt {
    position:relative;
    top: -60px;
}
.blass {
	color: #CCC !important;
	opacity: 0.2;
}
.block {
	text-align:justify;
}
.center {
	text-align:center;
}
.container {
	margin-top:20px;
}
.hidden {
	display: hidden;
}
.left {
	float:left;
}
.right {
	text-align: center;
	float:right;
}
.container li, .container-fluid li {
	margin-top: 4px;
	margin-bottom: 2px;
}
.imagesidebar {
    margin-bottom: 15px;
}
.imglabel { 
	font-size:80%; 
	margin: 10px 0px;
}
.image_distance {
    padding:15px;
}
.linkliste {
	list-style-type:none;
}
.linkliste li {
	text-indent: -22px;
}
.listen_element {
    background: #ECF6FC;
    margin-bottom: 10px;
    padding: 10px;
	border-radius:10px;
}
.page_nav {
	margin:0px;
}
.piwik_second{
    display:none;
}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color:#ECF6FC;
  z-index:10;
}
#btn-back-to-top .btn{
	padding:2px;
}
#content {
    padding: 0px 15px;
}
#maps_hint_wms, #webinar_next {
	border: 1px solid #D5E9FF;
	border-width: thick;
	padding:0px 25px 20px;
	min-width:360px;
}
.banner_box {
	position:relative;
	overflow:hidden;
}
#banner_webinar_hp, #banner_webinar {
	position:absolute; 
	margin:0;
	padding: 2px 60px;
	background-color:#004288;
	color:white;
	font-weight:bold;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);
}
#banner_webinar_hp {
	right: -55px;
	top:    10px;
}
#banner_webinar {
	right: -55px;
	top:    20px;
}


#stat_bula {
	padding: 8px;
	border: 3px ridge #CCCCCCCC;
	border-radius: 5px;
	width: 280px;
	max-width: 90%;
	margin: 2px 0 22px;
	background-image: linear-gradient(#EEEFF2, #E1E1E4);
}
.stat_image{
	max-height:280px;
	border: 3px ridge #CCCCCC;
	border-radius: 5px;
	max-width:90%;
}
.chapter {
	font-size:120%;
	font-style: bold;
}
#mapspage .listen_element {
	min-width: 300px;
}
#mapspage .desc {
	min-height:220px;
	padding-top: 20px;
}


/* Mitarbeiterseite */
.mitarbeiter {
	min-width: 540px;
	margin: 0 0 20px;
	padding: 10px 3px;
	height:   220px;
	border-right: 15px solid white;
	border-radius: 0;
}
.mitarbeiter h4 {
	margin: 0 0 3px;
}
.mitarbeiter ul {
	height: 130px;
	padding-top: 6px;
	border-top: 3px double #004288;
	border-bottom: 1px solid #004288;
}
.mitarbeiter ul li {
	margin-left: -20px;
}


#error404 {
	background: url("/homepage/media/graphics/error404.jpg");
	background-size: cover;
	height:640px;
	width: 1140px;
	color: #FFFFFF;
	font-size:150%;
	position:relative;
	z-index:1;
	text-align:justify;
}
#error404 a {
	color: #FFFFFF;
}
#error404 h2{
	position:absolute; top:200px; left:600px; z-index:2;
	color:red;
}
#error404 #p1{
	position:absolute; top:400px; left: 40px; z-index:2;
	width:500px;
}
#error404 #p2{
	position:absolute; top:500px; left: 40px; z-index:2;
	width:500px;
}
#error404 #p3{
	position:absolute; top:460px; left:700px; z-index:2;
	width:400px;
}


/* Datenschutz */
.privacy_table td {
	padding:10px;
	vertical-align:top;
}
.privacy_small {
	margin:5px 20px
}
.privacy_modal_cookie_agree{
    margin-top: 20px;
}
.privacy_modal_cookie_agree_button{
    padding:10px 20px;
    margin-right: 20px;
}
.privacy_modal_window{
    border:0;
}
.privacy_modal_javascript{
    padding: 5px 10px;
}
.privacy_modal_save_cookie{
    padding:10px 20px;
}
.privacy_modal_radio_check{
    color:red;
}
#cooktab {
    border: 1px solid black;
    border-collapse: collapse;
}
#cooktab td, #cooktab th {
    border: 1px dotted black;
    padding: 3px 10px;
}
#cooktab caption {
	caption-side:bottom; 
	text-align:left;
}
.privacy_note_website_background{
	position:fixed; z-index: 99;
	top: 0; left: 0;
	width:100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.privacy_note{
	background: #ECF6FC;
	width: 50%;
	max-width: 650px;
	margin: 100px auto;
	padding: 20px;
	border: 1px solid #D5E9FF;
}
#fehler {
	margin-top:10px;
	visibility:hidden;
	text-align:center;
	font-weight:bold;
	padding:5px;
	color:white;
	background-color:#E20A16;
}



/* Scrollbar */
::-webkit-scrollbar {
	width: 20px;
}
::-webkit-scrollbar-thumb {
	background: #ECF6FC;
	border: 3px ridge #D5E9FF;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: #D5E9FF; 
}



/* bei Mobilen Endgeräten mit kleinerem Bildschirm (unter 992px Breite) wird die Schriftgröße und Zeilenabstand erhöht = bessere Lesbarkeit */
@media (max-width: 992px){
    .terms_checkbox{
        width: 2.5em;
        height: 2em;
    }
	#privacy_note{
		background: #f2f8fd;
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 20px;
		border: 1px solid gray;
		max-height: 100%;
		overflow-y: auto;
	}
	#div_btn-back-to-top {
		display:none;
	}
}
@media (max-width: 768px){
	.mitarbeiter {
		border-right: none;
	}
}
@media (max-width: 576px){

}