/**************************
File : webKITA.css
Mandant : Kassel
**************************/

@charset "UTF-8";

/* GENERAL ************************/
@font-face
{
	font-family: "Kassel";
	font-style: normal;
	font-weight: normal;
	font-size: 2rem;
	src: url("Kassel_Regular.woff2") format("woff2"), url("Kassel_Regular.woff") format("woff"),url("Kassel_Regular.svg#robotoregular") format("svg");
}

#hauptnav, #bereichsmenu, h1, #suche h2, #rechtsinhalt h2, #ul_az_nav
{
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
	/*font-size: 2em;*/
}

table#listeElement td:nth-child(1) .glyphicon{
	background-color: #f0f;
	display: none;
}

html 
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	color: #000;
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
	line-height: 1.625;
}

.form-control{
		border-radius: 0;
}
.panel-default{
	border-radius: 0;
}
.panel{
	border-radius: 0;
}
.alert-warning{
	border-radius: 0;
}
.alert{
	border-radius: 0;
}
.list-group-item:first-child{
	border-radius: 0;
}

.list-group-item:last-child{
	border-radius: 0;
}

.list-group-item{
	word-wrap: break-word;
}

div.login-kassel.dropdown > a{
	margin-top: 5px;
	margin-left: 20px;
}


.dropdown-menu{
	border-radius: 0;
}

a
{
	color: #000;
}
.btn{
	border-radius:0 0 0 0;
}
div.panel-body a.btn.btn-link{
	color: #1465a4;
	text-decoration:none;
}
div.panel-body a.btn.btn-link:hover{
	text-decoration:underline;
}
.dropdown-menu{
	box-shadow: 1px 2px 0 rgb(0 0 0 / 18%);
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #1465a4;
  border-color: #959595;
}
.btn-primary:hover {
  color: #fff;
  background-color: #1465a4;
  border-color: #959595;
}
.btn-primary:active,
.btn-primary.active
 {
  color: #fff;
  background-color: #1465a4;
  background-image: none;
  border-color: #959595;
}
.nav-tabs>li>a{
	border-radius: 0;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #1465a4;
  border-color: #959595;
}

 a.btn.btn-link
{
	color: #000;
	padding-top: 7px;
	padding-left:20px;
	padding-bottom:0;
	text-align: left;
}

row::before, a.btn.btn-link.collapsed{
	border-top: 0.13rem solid #959595;
	border-bottom: 0.13rem solid #959595;
	padding: 0.75em 1em;
	margin-bottom: 5px;
	width:100%;
	text-align: left;
 
}

.glyphicon.glyphicon-chevron-down{
	float: right;
}

.caret {
	display: inline-table;
	width: 10px;
	height: 20px;
	border: none;
	font-family: 'Glyphicons Halflings';
}

.caret:before {
  content: "\e114";
}

.bootstrap-select .dropdown-toggle .caret {
  top: 25%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.text-primary {
  color: #000;
}

p > a:link{
	text-decoration: underline;
	
	
} 
/*
p > a:link::before{
	font-family: 'Glyphicons Halflings';
	content: "\e092";
}
*/
p > a:link::before{
	content: url('link.svg');
    display: inline-block;
    position: relative;
    margin-right: 0;
    width: 2.2em;
    height: 34px;
    vertical-align: text-bottom;
}

.footer-link::before{
	content: none!important;
}


a:hover,
a.btn.btn-link:hover
{
	text-decoration: none;
	color: #1465a4;
}

a.btn.btn-default
{
	text-decoration: none;
	background-color: #1465a4;
	color: #fff;
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
}

a.btn.btn-default:hover
{
	text-decoration: none;
	background-color: #1b527d;
	color: #fff;
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
}
   
.wk_hp
{
	display: none;
}

.no-print{
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
}

h1
{
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: bold;
	color: #000;
}

h2
{
	color: #000;
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
}

h3
{
	color: #000;
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 15px 0;
}

h4
{
	font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	margin: 0;
	color: #000;
}



.btn-primary, .btn-success
{
	background-color: #1465a4;
	border-color: #1465a4;
	font-family: Kassel,  Arial, Helvetica, sans-serif;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
	background-color: #1b527d;
	border-radius: 0;
}

.btn-primary:hover, .btn-success:hover
{
	background-color: #1b527d;
	border-color: #1b527d;
}

.wk_body_style
{
}
label{
	font-family: Kassel,  Arial, Helvetica, sans-serif;
}

span.label{
	font-family: Kassel,  Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border-radius: 0 0 0 0;
	font-size: 12px;
    line-height: 1.5;
	padding: 5px 10px;
	display: inline-block;
}

/**** Checkboxes *****/

.checkbox label {
font-size: 1.5rem;
  line-height: 1.34;
  display: block;
  min-height: 2.5rem;
  padding-left: 3.25rem;
  padding-top: 0.66667rem;
}


.checkbox:hover{
	outline: #55D5B2
}
input[type=checkbox]
{
	margin: 2px 0 0;
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
  
}
input[type="checkbox"]:checked + label::before {
  background-color: #55D5B2;
}

input[type="checkbox"]:focus {
  outline: none;
  outline-offset: -2px;
}


/**** Pagination ******/
.pagination {
  font-family: Kassel, "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  }
  
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 1px;
  line-height: 1.42857143;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: none;
}
  
.prev,
.next , .first, .last, .goto{
    border: none;
    background-color: #1465a4;
    height: 3rem;
    width: 3rem;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-weight: bold;
	margin: 1px;
	padding: 0.5em;
	color: #fff;
  }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #fff;
  border-color: none;
}
 
 
/*HEADER*/
.sprache-kassel{
	margin-right: 5px;
	margin-left: 5px;
}


.header-kassel{
	align-items: center;
	align-items: -ms-center;
	align-items: -webkit-center;
    display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
    height: 80px;
	margin-left: 50px;	
	margin-right: 50px;
}

.kassel-icons{
	float: right;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.kassel-icon{	
	float: right;
}

.login-kassel{
	display: flex;
    float: right;
    align-items: center;
	height: 48px;
}

.login-kassel:hover{
	color: #1465a4;
	text-decoration: underline;
}


.nav
{
	width: 100%;
	margin-right: 0;
	padding-left: 0;
}

form.bs-docs-sidenav,
#sidebar .list-group
{
	font-size: 0.85em;
	font-family: Kassel, Arial, Helvetica, sans-serif;
}

.wk_navbar_background .text-right
{
	margin-top: 15px;
}

.wk_navbar_background .text-right a span
{
	margin-right: 5px;
}

.alert .alert-warning .wk-infotext{
	font-family: Kassel, Arial, Helvetica, sans-serif;
}
.navbar-toggle .icon-bar
{
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

.navbar-toggle .icon-bar + .icon-bar
{
	margin-top: 6px;
}

.navbar-nav > li > a, 
.navbar-default .btn-link
{
	color: #000; 
	padding: 0;	
}

.jumbotron, .container{
	background: none;
}

/*div.active{
	margin-top: -80px;
}*/

.wk_navbar_background .row .dropdown {
	margin-top: -80px;
}

.img-kassel-responsive{
	display: unset;
	position: relative;
    margin-left: -1.37rem;
	height: 70px;
	max-width: unset;
}

div.infoportal a.btn.btn-link{
	color: #1465a4;
}
div.infoportal a.btn.btn-link:hover{
	text-decoration: underline;
}
/*
.back-picture {
 	background-image: url("kassel_background.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100%


}
div.back-picture{
	padding-bottom:25%;
	max-height:580px;
}
*/



.wk_cursor:hover
{
	cursor: grab;
}

.wk_cursor:active
{
	cursor: grabbing;
}

.dropdown-menu li a
{
	color: #000; 
}

.pagination
{
	margin: 0;
}

.wk_navbar_background .dropdown .dropdown-menu
{
	left: auto;
}

.dropdown .dropdown-menu
{
	right: 0;
	z-index: 100000;
	min-width: 200px;
}

.navbar-default .navbar-nav > li > a:hover,
.dropdown-menu li a:hover,
.navbar-default .btn-link:hover
{
	color: #000; 
	text-decoration: underline;

}


.navbar-collapse
{
	padding-left: 0;
	padding-right: 0;
}

.icon-bar
{
	background-color: #000;
}
.navbar-toggle:hover .icon-bar{
	background-color: #1465a4;
}
/* 
.icon-bar:hover
{
	background-color: #1465a4;
}
*/ 
.navbar
{
	border: none;
	background: none;
	margin-bottom: 0;
}

.sidebar-offcanvas
{
	/*padding-right: 0;*/
}

.responsive-video iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 59.5%;
	height: 100%;
}

.responsive-video
{
	position: relative;
	padding-bottom: 25.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-left: 25%;
}

.cell-kitainfo a.btn.btn-link
{
	padding-left: 0;
}

.cell-kitainfo a.btn.btn-link i
{
	margin-right: 3px;
}
.nav li.first {
    margin-left: 2px;
	}
	
.navbar-nav > li{
	background-color: #1465a4;
	background-image: none;
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0 0 2px 2px;
	color: #fff;
	cursor: pointer;
	font-family: "Kassel", sans-serif;
	font-size: 20px;
	font-stretch: 100%;
	font-weight: 400;
	line-height: 50.49px;
	padding: 25px 25px 25px 25px;
	text-decoration: none;
	width: auto;
	text-align: center;
	max-height: 64px;
	height: auto;
}


.navbar-nav > li.active
{
	background-color: #1b527d;
}
.navbar-nav > li:hover
{
	background-color: #1b527d;
	text-decoration:underline;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus
{
	background-color: transparent;
	color: #000;
}

.navbar-default .navbar-nav > .active > a:hover
{
	text-decoration: none;
	background-color: #1465a4;
	color: #000;
}

.panel-title a,
h1.Headline
{
	color: #1465a4;
}
h1.Headline
{
	border-bottom: 1px solid #1465a4;
}

.panel-group .panel{
	border-radius: 0;
}

.kassel-logo{
}

.copyright {
	
    background-color: rgba(0,0,0,0.5);   
    display: flex;	
    align-items: flex-end;
    justify-content: flex-end;
	position: relative;
    fill: #fff;
	height: 32px;
	width: 32px;
	float: right;
	margin-top: -32px;
}

.copyright-kassel{
	min-height: 32px!important;
	max-height: 32px!important;
	width: 32px!important;
} 



.copyright-overlay{
	position: absolute;
    width: 212px;
    height: inherit;
    background-color: rgba(0,0,0,0.5);
    font-family: "Kassel";
    color: #fff;
    padding-top: 5px;
	padding-left: 4px;
	display: flex;
	align-items: center;
	opacity: 1;
}


.copyright-text{
	font-size: 12px;
	margin: 0;
}


#navbar ul.nav {
	position: absolute;
	margin-top: -300px;
	z-index: 1000;
}
#navbar{
	border: none;
}
#navbar ul.nav a {
	color: #fff;
}
	
#navbar ul.nav a:hover {
	background: transparent;
	text-decoration: underline;
}
	
	
@media (min-width: 1300px) {
	
	.header-kassel{
		margin-bottom: 10px;
	}
	
	.kassel-logo {
    margin-left: 71px;
	}

	.img-kassel-responsive{
		height: 82px;
	}
	
	.fade-in ul li img{
		display:block;
		width: 100%;
		min-height:570px;
	}
	
	.fade-in {
		height: 570px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
	.fade-in ul li {
		opacity:0;
		position:absolute;
		top:0;
		width: 100%;
	}  
	
	.fade-in ul {
		list-style:none;
		position:relative;
		padding: 0;
	}
}	
@media (max-width: 1300px) {
	
	.header-kassel{
		margin-bottom: 10px;
	}
	
	.kassel-logo {
		margin-left: 71px;
	}

	.img-kassel-responsive{
		height: 82px;
	}
		
 	.fade-in ul li img{
		display: block;
		width: 1300px;
		min-height:570px;
		max-height:570px;
	}
	
	.fade-in {
		height: 570px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.fade-in ul li {
		opacity:0;
		position:absolute;
		top:0;
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		align-content: center;
	} 	
	
	.fade-in ul li div.copyright {
		opacity:1;
		position:absolute;
		display: flex;
		align-items:  flex-end;
		justify-content:  flex-end;
		align-content: center;
	} 	
	
 
	
	.fade-in ul {
		list-style:none;
		position:relative;
		padding: 0;
	}
}
	
@media screen and (max-width: 992px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 40%; /* 6 columns */
	margin-right: -22px;
  }
  
  .wk_nav_panel
  {
	position: static;
	margin-top: 0;
	display: block;
  }  
	
	.header-kassel{
		margin-bottom: 0px;
		margin-top:	-5px;
	}
	
	.kassel-logo {
    margin-left: -8px;
	}

	.img-kassel-responsive{
		height: 70px;
	}
	

		
}	
	
@media (min-width: 767px){

	h1.wk_page_headline{
		font-size: 60px;
	}
	
	.jumbotron h1{
		font-size: 40px;
	}
	
	h2{
		font-size: 24px;
	}
	
	.jumbotron p{
		font-size: 18px;
	}

}

@media (max-width: 767px){
	
	.row-offcanvas-right .sidebar-offcanvas {
		right: -40%;
	}
	.sidebar-offcanvas {
		margin-right: -22px;
	}

	
	.header-kassel{
		margin-left: 40px;	
		margin-right: 40px;
	}
	
	.kassel-icons{
		margin-right: 20px;
	}
	
	.navbar-header button{	
		position: absolute;
		margin-top: -325px;
		right: 0px;
		background-color: unset;
		border: none;
		z-index: 1000;
	}
	
	.img-kassel-responsive{
		margin-left: 0;
		height: 44px;
	}
	
	.navbar-nav > li{	
		float: left;
		margin-left: 2px;
		font-stretch: 100%;
		font-weight: 400;
		line-height: 50.49px;
		padding: 25px;
		text-decoration: none;
		width: auto;
		text-align: center;
		max-height: 64px;
		height: auto;
	}
	

	#navbar{
		border: none;
	}
		
	.navbar-nav > li a:hover{
		text-decoration: underline;
	}
	
	.navbar-nav > li.active a:hover{
		text-decoration: none !important;
	}
	
	#navbar ul.nav{
		background: transparent;
		margin-top: -200px;
		margin-left: 5px;
	}
	
	#navbar ul.nav li.active a{
		color: #fff;
	}
	
	#navbar ul.nav li a{
		color: #fff;
	}
	
	h1.wk_page_headline{
		font-size: 24px;
	}
	
	.jumbotron h1{
		font-size: 24px;
	}
	
	h2{
		font-size: 20px;
	}
	
	body{
		color: #000;
		font-family: "Kassel", Arial, Verdana, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 1.09;
	}
	.jumbotron p{
		font-size: 14px;
	}
	
	 .fade-in ul li img{
		display:block;
		width: inherit;
		min-height: 0;
	}
	
	.fade-in {
		height: 250px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
	.fade-in ul li {
		opacity:0;
		position:absolute;
		top:0;
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		align-content: center;
	}  
	
	.fade-in ul {
		list-style:none;
		position:relative;
		padding: 0;
	}
	
}

@media (max-width: 640px){

	.header-kassel{
		align-items: flex-start;
		flex-direction: column;
		float: left;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.navbar-header button{
		margin-top: -350px
	}
	
	#navbar ul.nav li a {
		color: #fff;
		font-size: 16px;
	}	
	.navbar-nav > li{	
		float: left;
		margin-left: 2px;
		font-stretch: 100%;
		font-weight: 400;
		line-height: 50.49px;
		padding: 17px;
		text-decoration: none;
		width: auto;
		text-align: center;
		max-height: 64px;
		height: auto;
	}
}

@media (max-width: 570px){

	#navbar ul.nav{
		background: transparent;
		margin-top: -250px;
		margin-left: 5px;
	}

}

@media (max-width: 420px){

	#navbar ul.nav{
		background: transparent;
		margin-top: -250px;
		margin-left: 5px;
	}
	
	#navbar ul.nav li a {
		color: #fff;
		font-size: 12px;
	}	
	.navbar-nav > li{	
		float: left;
		margin-left: 2px;
		font-stretch: 100%;
		font-weight: 400;
		line-height: 50.49px;
		padding: 10px;
		text-decoration: none;
		width: auto;
		text-align: center;
		max-height: 64px;
		height: auto;
	}
}

@media (max-width: 350px){
	
	.wk_menu_button {
		top: -30px!important;
	}
	.row-offcanvas-right .sidebar-offcanvas {
		margin-top: -8px;
	}
	.sidebar-offcanvas {
		width: 50%;
	}
	
	.footer-kassel-logo{
		width: 100%;
	}
	
	.header-kassel{
		align-items: flex-start;
		flex-direction: column;
		float: left;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.kassel-icons{
		float: left;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}	
	
	.fade-in{
		height:110px;
		margin-top: 140px;
	}
	
/*	.back-picture{
		margin-top: 40px;
	}
*/	
	.navbar-header button{
		margin-top: -260px
	}	
	
	#navbar ul.nav{
		background: transparent;
		margin-top: -120px;
		margin-left: 5px;
	}	

	#navbar ul.nav li a {
		color: #fff;
		font-size: 12px;
	}	
	.navbar-nav > li{	
		float: left;
		margin-left: 2px;
		font-stretch: 100%;
		font-weight: 400;
		line-height: 50.49px;
		padding: 10px;
		text-decoration: none;
		width: auto;
		text-align: center;
		max-height: 64px;
		height: auto;
	}
}



/*OFF CANVAS*/

.wk_nav_panel
{
	margin-top: 60px;
}

.wk_menu_button
{
	position: absolute;
	top: -22px;
	right: 20px;
}

/* CONTENT */

h1.wk_page_headline,
h2.wk_page_headline
{
	border-bottom: none;
	color: #000;
}

.list-group-item.active
{
	background-color: #1465a4;
	color: #fff;
	font-weight: bold;
	border-color: #1465a4;
	font-family: Kassel, Arial, Helvetica, sans-serif;
}

.list-group-item.active:hover
{
	background-color: #1465a4;
	color: #fff;
	font-weight: bold;
	border-color: #1465a4;
	font-family: Kassel, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a.list-group-item:hover
{	background-color: #1465a4;
	color: #fff;
	border-color: #1465a4;
	font-weight: bold;
	font-family: Kassel, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a.wk_bearbeiten_button,
.wk_bearbeiten_button
{
	position: absolute;
	top: 3px;
	right: 17px;
}

.bs-docs-sidenav.affix
{
	position: fixed;
	top: 130px;
}

.col-md-4 .bs-docs-sidenav.affix
{
	width: 32.2%;
}

.wk_details_panel
{
	margin-bottom: 20px;
}

.wk_details_panel .panel
{
	height: 100%;
}

a.wk_loeschen_button
{
	position: absolute;
	top: 13px;
	right: 17px; 
}

.wk_label
{
	font-size: 100%;
}

/* MAP_DETAILS */

h4 a.btn
{
	font-size: 18px;
}

.mapSize
{
	height: 600px;
	//height: 80%;
	//height: calc(100% - 0px);
}

/* TREFFERLISTE */



/* TREFFERLISTE_PRINT_PAGE */
.print-pageframe
{
	border: 1px solid black;
	padding-top: 20px;
	margin-bottom: 20px;
}

.invisible
{
	visibility: hidden;
}

.print-only{
	display: none;
}

.infoportal-previewbox
{
	margin-bottom: 0.5em;
	padding: 1.0em;
	border: 1px solid #f0f0f0;
	border-radius: 0;
	background-color: #f9f9f9;
}

.infoportal-preview
{
	height: 18em;
	margin-bottom: 1em;
	overflow: hidden;
}

.infoportal-preview table td
{
	vertical-align: top;
	padding: 0 5px;
	font-size: 14px;
}

/* FOOTER */
.footer
{
	font-size: 16px;
	height: auto;
	background: #000;
	color: #fff;
	position: relative;
}

.footer a{
	color: #fff;	
	
}
.footer a:hover{
	color: #1465a4;
}
.footerheader{
	color: #959595;
	padding-top: 2.66667em;
	padding-left: 40px;
	margin-bottom: 1.34375em;
}

.footer-link::before{
	content: none!important;
}

.footerinfo{
	padding-left: 40px;
}
a.footerinfo{
	font-size: 16px;
	padding-left: 40px;
	padding-bottom: 0.6875em;
}
.footer-kassel-logo{
	padding-left: 35px;
	padding-bottom: 40px;
	padding-top: 0;
}
.footer-separator{
	border: 1px solid #333;
	margin: 0.25em 25px 0.25em 40px;	
}
.footer-col{
	min-width: 33%;
}

.rowa {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
    display: flex;    
	-webkit-flex-wrap: wrap;
	-webkit-flex-direction: row;
	-moz-flex-wrap: wrap;
	-moz-flex-direction: row;
	flex-flow: row wrap;
}

.footer-abstand{
	margin-bottom: 3em;
}

.version-name{
	padding-top: 7px;
	padding-right: 40px;
	color: #959595;
}

div.version-name > a{
	color: #fff;
}

div.version-name:hover > a{
	color: #1465a4;
}

/* Content */
.wk_label_Panel
{
	font-weight: bold;
}

.wk_legende
{
	font-size: 100%;
}

.popover
{
	width: 250px;
}


/*Bilderkarussell*/

.backpic {
	max-height: 570px;
}

@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.fade-in ul li {
    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0s;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0s;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
	
	-o-animation-name: anim_slides;
    -o-animation-duration: 24.0s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    -o-animation-delay: 0s;
    -o-animation-play-state: running;
    -o-animation-fill-mode: forwards;
	
    -ms-animation-name: anim_slides;
    -ms-animation-duration: 24.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0s;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;	
}

/* css3 delays */
.fade-in ul  li:nth-child(2), .fade-in ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
	-o-animation-delay: 6.0s;
    -ms-animation-delay: 6.0s;	
}
.fade-in ul  li:nth-child(3), .fade-in ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
	-o-animation-delay: 12.0s;
    -ms-animation-delay:12.0s;	
}
.fade-in ul  li:nth-child(4), .fade-in ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
	-o-animation-delay: 18.0s;
    -ms-animation-delay: 18.0s;
}




.fade-in ul  li div div.copyright-overlay#copic1 {
	
	
    -webkit-animation-delay: 0.001s;
    -moz-animation-delay: 0.001s;
	-o-animation-delay: 0.001s;
    -ms-animation-delay: 0.001s;	
}
.fade-in ul  li div div.copyright-overlay#copic1:hover {
	color: #f00;
	
    -webkit-animation-delay: 0.001s;
    -moz-animation-delay: 0.001s;
	-o-animation-delay: 0.001s;
    -ms-animation-delay: 0.001s;	
}


.fade-in ul  li div div.copyright-overlay#copic2 {
	
	
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
	-o-animation-delay: 6.0s;
    -ms-animation-delay: 6.0s;	
}

.fade-in ul  li div div.copyright-overlay#copic2:hover {
	color: #0f0;	
	
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
	-o-animation-delay: 6.0s;
    -ms-animation-delay: 6.0s;	
}


.fade-in ul  li div div.copyright-overlay#copic3 {
	
	
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
	-o-animation-delay: 12.0s;
    -ms-animation-delay:12.0s;	
}
.fade-in ul  li div div.copyright-overlay#copic3:hover {
	color: #00f;	
	
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
	-o-animation-delay: 12.0s;
    -ms-animation-delay:12.0s;	
}


.fade-in ul  li div div.copyright-overlay#copic4 {
	
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
	-o-animation-delay: 18.0s;
    -ms-animation-delay: 18.0s;
}
.fade-in ul  li div div.copyright-overlay#copic4:hover {
	color: #f0f;
	
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
	-o-animation-delay: 18.0s;
    -ms-animation-delay: 18.0s;
}