/**************************
File : base.css
Mandant : Zwingenberg
**************************/

/**************************
	INHALTSVERZEICHNISS

	- GENERAL
	- HEADER
	- HEADER_LOGO
	- HEADER_NAVIGATION
	- MENU
	- CONTENT
	- KITA_DETAILS
	- DOCUMENTS
	- ROUTING
	- PRINTPAGE
	- MAP_DETAILS
	- TREFFERLISTE
	- TREFFERLISTE_PRINT_PAGE
	- VORANMELDUNG
	- FOOTER
	- IE 7 HACKS
**************************/

@charset "UTF-8";

html
{
	font-size: 100%;
}

body
{
	font-family: 'Istok Web', sans-serif;
	font-size: 100%;
}

.wk_hp
{
	display: none;
}

a,
 a.btn.btn-link,
 a:hover,
 a.btn.btn-link:hover
{
	color: #283b70;
}

.container.wk_moblie_header_container
{
	width: 100%;
	padding: 0;
}

.wk_close_btn
{
	position: relative;
	top: 0;
	left: 0;
	background: url("wk_close.png") no-repeat scroll 15px 0px;
	background-color: #5a5a58;
	height: 60px;
	float: left;
	z-index: 100000000;
	width: 60px;
	cursor: pointer;
	padding-top: 30px;
	padding-left: 15px;
	color: #fff;
}

.wk_close_btn:hover
{
	color: #fff;
	text-decoration: none;
}

.logozwingenberg {
	margin-top: 10px;
	margin-left: 0px;
	width: 100%;
}

.wk_body_style
{
}

.label.wk_lila_label.wk_label
{
	background-color: #d9534f;
}

.wk_sidebar_nav
{
	float: left;
	width: 100%;
}
/*
.wk_sidebar_nav
{
	float: left;
	width: 30%;
	height:	100vh;
	background-color: #f7a921;
	z-index: 10000000;
	position: relative;
	top: -67px;
	left: -50%;
}*/

/*HEADER*/

.wk_header_hilfetext
{
	float: right; 
	margin-top: 55px; 
	margin-left: 40px; 
	margin-right: 40px;
}

nav
{
	font-size: inherit;
}

.col-md-1.col-lg-2
{
	width: 0;
}

.row-offcanvas.row-offcanvas-left .container-fluid
{
	width: 1170px;
}

form.bs-docs-sidenav,
#sidebar .list-group
{
	font-size: 0.85em;
}

.navbar-toggle .icon-bar
{
	border-radius: 4px;
	display: block;
	height: 4px;
	width: 30px;
	background-color: white;
	margin-left: 5px;
	margin-bottom: 5px;
}

.wk_btn_desc
{
	color: white;
	font-weight: 400;
	font-size: 1rem;
}

.wk_display_none
{
	display: none;
}

.navbar-toggle .icon-bar + .icon-bar
{
	margin-top: 4px;
	margin-bottom: 5px;
	border-radius: 4px;
}

.icon-bar
{
	background-color: #000;
}

.wk_background
{
	background-color: #fff;
	padding-bottom: 0;
}

.wk_navbar_background
{
	float: left;
	
}

.navbar .container .wk_navbar_background
{
	margin-left: -60px;
}

.navbar
{
	border-bottom: 1px solid #cccc;
}

.footer
{
	border-top: 1px solid #ddd;
	height: 50px;
	display: flex;
}

.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;
}

.navbar-default .navbar-nav > li > a, .dropdown-menu li a, .navbar-default .btn-link
{
	color: #283b70;
}

.panel-title a,
h1.Headline
{
	color: #283b70;
}
h1.Headline
{
	border-bottom: 1px solid #8eb647;
}

.modal-dialog.wk-modal-xl
{
	width: 90%;
}


@media (min-width: 1200px)
{
	.navbar.navbar-fixed-top
	{
		position: relative !important;
	}
	
	.wk_bs_extern .wk_nav_panel.wk_col_xs.col-xs-3,
	.wk_bs_extern .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
	{
		width: 28%;
	}
	
	.wk_bs_extern .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
	{
		margin-left: 0;
	}
	
	.wk_bs_extern .col-xs-12.col-sm-3.col-md-3.col-lg-2
	{
		width: 21%;
	}
	
	.wk_bs_extern .col-xs-12.col-sm-9.col-md-9.col-lg-10
	{
		width: 79%;
	}
	
	.row.row-offcanvas.row-offcanvas-right .col-md-7.col-lg-7
	{
		width: 69%;
	}
	
	.row-offcanvas {
    position: relative;
    -webkit-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
  }

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

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

  .row-offcanvas-right
  .sidebar-offcanvas {
  }
/*Diese simultan zu .row-offcanvas-left.active ändern*/
  .row-offcanvas-left
  .sidebar-offcanvas {
  }
  
  .row-offcanvas-left #sidebar {
  }
  
  .wk_sidebar_header
  {
	  height: 100px;
	  background-color: #283b70;
  }

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

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

  .sidebar-offcanvas {
  }
	
	#navbar ul.nav
	{
		margin-top: 33px;
		margin-left: 200px;
	}
	
	#navbar ul.nav .active
	{
		background: url("arrow_down.png") no-repeat scroll 50% 8px;
	}
	
	#navbar ul.nav a
	{
		font-weight: bold;
	}
	
	#navbar ul.nav a:hover
	{
		background: transparent;
		text-decoration: underline;
	}
}

@media (max-width: 1200px)
{
	.navbar.navbar-fixed-top
	{
		position: relative !important;
	}
	
	.wk_header_hilfetext
	{
		float: right; 
		margin-top: 55px; 
		margin-left: 20px; 
		margin-right: 20px;
	}
	
	.row-offcanvas.row-offcanvas-left .container-fluid
	{
		width: 970px;
	}
	
	.navbar .container .wk_navbar_background
	{
		margin-left: 50px;
	}
	
	.col-md-7.col-lg-7
	{
	}
	
	.row-offcanvas {
    position: relative;
    -webkit-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
  }

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

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

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }
/*Diese simultan zu .row-offcanvas-left.active ändern*/
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: 0%; /* 6 columns */
  }
  
  .row-offcanvas-left #sidebar {
	position: relative;
	width: 100%;
  }
  
  .wk_sidebar_header
  {
	  height: 100px;
	  background-color: #283b70;
  }

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

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

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 6 columns */
  }
  
  .wk_nav_panel.col-xs-3
  {
	  width: 30%;
  }
	
	.navbar-toggle
	{
		display: none;
		position: fixed;
		left: 0;
		top: -10px;
		background-color: #283b70;
		border-radius: 0;
	}

	#navbar ul.nav
	{
		margin-top: 31px;
		margin-left: 100px;
		background: url("arrow_down.png") no-repeat scroll 60px 10px;
	}
	
	#navbar ul.nav a
	{
		color: #fff;
		font-weight: bold;
	}
	
	#navbar ul.nav a:hover
	{
		background: transparent;
		text-decoration: underline;
	}
}

@media (max-width: 992px)
{
	.navbar-header button
	{
		background-color: #283b70;
		border: none;
		z-index: 1;
	}
	
	.row-offcanvas.row-offcanvas-left .container-fluid
	{
		width: 100%;
	}
	
	.col-md-7.col-lg-7
	{
		width: 100%;
	}
	
	.navbar.navbar-fixed-top
	{
		position: relative !important;
	}
	
	.row-offcanvas {
    position: relative;
    -webkit-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
  }

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

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

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }
/*Diese simultan zu .row-offcanvas-left.active ändern*/
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: 0%; /* 6 columns */
  }
  
  .row-offcanvas-left #sidebar {
    left: 10%; /* 6 columns */
	position: relative;
	margin-top: 50px;
  }
  
  .wk_sidebar_header
  {
	  height: 100px;
	  background-color: #283b70;
  }

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

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

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 6 columns */
  }
	
	.navbar-toggle
	{
		display: block;
		position: fixed;
		left: 0;
		top: -10px;
		background-color: #283b70;
		border-radius: 0;
	}
	
	#navbar ul.nav
	{
		background: transparent;
		margin: 0;
	}
	
	#navbar ul.nav a
	{
		color: #8eb647;
		font-weight: bold;
	}
	
	#navbar ul.nav a:hover
	{
		background-color: #eee;
		text-decoration: none;
	}
}

@media (max-width: 767px)
{
	.navbar-header button
	{
		background-color: #283b70;
		border: none;
		z-index: 1;
	}
	
	.col-md-7.col-lg-7
	{
		width: 100%;
	}
	
	.navbar.navbar-fixed-top
	{
		position: relative !important;
	}
	
	.row-offcanvas {
    position: relative;
    -webkit-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
  }

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

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

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }
/*Diese simultan zu .row-offcanvas-left.active ändern*/
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: 0%; /* 6 columns */
  }
  
  .row-offcanvas-left #sidebar {
    left: 10%; /* 6 columns */
	position: relative;
	margin-top: 50px;
  }
  
  .navbar .container .wk_navbar_background
  {
	  margin-left:	150px;
  }
  
  .wk_sidebar_header
  {
	  height: 100px;
	  background-color: #283b70;
  }

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

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

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 6 columns */
  }
	
	.navbar-toggle
	{
		display: block;
		position: fixed;
		left: 0;
		top: -10px;
		background-color: #283b70;
		border-radius: 0;
	}

	#navbar
	{
		border: none;
	}
}

/*OFF CANVAS*/

.list-group ul.dropdown-menu
{
	width: 330px;
}

.wk_nav_panel
{
	margin-left: -45px;
}

.wk_bs_extern .wk_nav_panel
{
	margin-left: 0;
}

.wk_menu_button
{
	position: absolute;
	top: 10px;
	right: 20px;
	display: none !important;
}

@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;
  }
  
  .wk_nav_panel.col-xs-3
  {
	width: 40%;
  }
  
  .wk_bs_extern .wk_nav_panel.col-xs-3
  {
	width: 41%;
  }

  .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: 0; /* 6 columns */
  }

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

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 40%; /* 6 columns */
	margin-top: 60px;
	margin-right: 60px;
  }
  
  .wk_nav_panel
  {
	z-index: 1000000;
 }
 
 .row-offcanvas-left #sidebar
 {
	 margin-top: 0;
 }
 
 .row.row-offcanvas.row-offcanvas-right
 .wk_nav_panel.wk_col_xs.col-xs-3
 {
		left: -55%;
		position: absolute;
 }
 
 .row.row-offcanvas.row-offcanvas-right.active
 .wk_nav_panel.wk_col_xs.col-xs-3
 {
	left: -35%;
	z-index: 1;
 }
 
 .row.row-offcanvas.row-offcanvas-right
 .col-md-7.col-lg-7
 {
		left: 0;
 }
 
 /*Interner Mailbereich*/
 .wk_bs_extern .row.row-offcanvas.row-offcanvas-right
 .col-md-7.col-lg-7
 {
		left: 0;
 }
 
 .row.row-offcanvas.row-offcanvas-right
 .col-md-7.col-lg-7.wk_inner
 {
	 left: 0;
 }
 
 .row.row-offcanvas.row-offcanvas-right.active
 .col-md-7.col-lg-7
 {
		left: 0;
 }
 
 .row.row-offcanvas.row-offcanvas-right.active .col-md-7.col-lg-7.wk_inner
 {
	 left: 20%;
 }
 
 .wk_bs_extern .wk_page_headline
 {
	 position: absolute;
	 left: 50px;
 }
 
 .wk_kita_details
 {
	  float: left;
	 margin-top: -200px;
	 width: 100%;
 }
 
 .wk_bs_extern .wk_kita_details
 {
	 margin-top: -400px;
 }
 
 .wk_bs_extern .wk_kita_details .wk_page_headline
 {
	 position: relative;
	 left: 0;
 }
 
 .wk_bs_extern .wk_page_description
 {
	 position: absolute;
	 left: 50px;
	 top: 50px;
	 padding-left: 0;
 }
 
 .wk_bs_extern .col-md-7.col-lg-7 > .row
 {
	 height: 80px;
 }
 
 .wk_bs_extern .col-md-7.col-lg-7 > .wk_int_mail > .row
 {
	 float:left;
	 margin-top: -300px;
 }
 
  /*Interner Mailbereich*/
 .wk_bs_extern .row.row-offcanvas.row-offcanvas-right.active
 .col-md-7.col-lg-7
 {
		left: 20%;
 }
 
 .row.row-offcanvas.row-offcanvas-right
 .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
 {
	 left: -55%;
 }
 
 .row.row-offcanvas.row-offcanvas-right.active
 .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
 {
	 left: -30%;
 }
  /*Interner Mailbereich*/
 .wk_bs_extern .row.row-offcanvas.row-offcanvas-right.active
 .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
 {
	 left: -30%;
 }
 
 .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
 .wk_sidebar_nav
 {
	 width: 30%;
 }
 
 .row-offcanvas-left.active
 {
	 left: 20%;
 }
 .sidebar-offcanvas
 {
	 width: 75%;
 }
}

@media screen and (max-width: 890px) {
	
	.row.row-offcanvas.row-offcanvas-right.active .wk_nav_panel.wk_col_xs.col-xs-3,
	.row.row-offcanvas.row-offcanvas-right.active .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
	{
		left: -20%;
	}
	
		/*Interner Mailbereich*/
	 .wk_bs_extern .row.row-offcanvas.row-offcanvas-right.active
	 .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
	 {
		 left: -20%;
	 }
	
	.row.row-offcanvas.row-offcanvas-right.active .col-md-7.col-lg-7
	{
		left: -15%;
	}
}

@media screen and (max-width: 767px) {
	
	.row.row-offcanvas.row-offcanvas-right.active .wk_nav_panel.wk_col_xs.col-xs-3
	{
		left: -20%;
	}
	
	.row.row-offcanvas.row-offcanvas-right.active .col-md-7.col-lg-7
	{
		left: 20%;
	}
	
	.wk_bs_extern .row.row-offcanvas.row-offcanvas-right.active .wk_nav_panel.wk_col_xs.col-xs-3
	{
		left: -25%;
	}
	
	.wk_bs_extern .row.row-offcanvas.row-offcanvas-right.active .wk_nav_panel.col-xs-0.col-sm-0.col-md-4.col-lg-3
	{
		left: -20%;
		z-index: 1;
	}
	
	.wk_bs_extern .row.row-offcanvas.row-offcanvas-right.active .col-md-7.col-lg-7
	{
		left: 20%;
	}
	
	
	
	
}

@media screen and (max-width: 660px) {
	
	.wk_background
	{
		width: auto;
	}
	.row.row-offcanvas.row-offcanvas-right.active .wk_nav_panel.wk_col_xs.col-xs-3
	{
		left: -30%;
	}
	
	.wk_header_hilfetext
	{
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.row-offcanvas-right.active
	{
		right: -10%;
	}
	
	.navbar .container .wk_navbar_background
	{
		margin-left: 10px;
	}
	
	
	
}

/* CONTENT */

h1.wk_page_headline,
h2.wk_page_headline
{
	border: none;
	color: #000;
	font-size: 1.5rem;
	font-weight: 700;
}

.list-group-item,
.list-group-item:last-child,
.list-group-item:first-child
{
}

.list-group-item.active
{
	background-color: #283b70;
	color: #fff;
	font-weight: bold;
	border-color: #dddddd;
}

.list-group-item.active:hover
{
	background-color: #283b70;
	color: #fff;
	font-weight: bold;
	border-color: #dddddd;
}

a.list-group-item:hover
{
	background-color: #283b70;
	color: #fff;
	font-weight: bold;
}

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-bottom: 0.5em;
	padding-left: 0.5em;
	border: 1px solid #f0f0f0;
	border-radius: 6px 6px 6px 6px;
	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 */

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

.wk_legende
{
	font-size: 100%;
}

.popover
{
	width: 250px;
}