/* geändert: 09.01.2018 - copyright für Slider - Bartalis
 * geändert: 05.02.2019 - Schriftart für Absätze bei Aufzählung (li p)
 * geändert: 16.07.2019 - Kärtchen statt Tabellen für Berufsinfo PP TUT - bartalis

/* basics */

body {
	font-family: "Lato", "Gudea", "Myriad Pro", Arial, sans-serif;
	color: #505050;
	font-size: 16px;
	line-height: 21px;
}

html, body {
	height: 100%;
	width: 100%;	
}

p, li a {
	font-family: "Lato", "Gudea", "Myriad Pro", Arial, sans-serif;
}

.fullscreen {
	height: 100%;	
}

a, a:link {
	outline: none;	
	color: #337ab7;
}

a:visited {
	color: #337ab7;	
}

.b-container ul li {
	padding: 10px;	
	list-style-type: square;
}

h4 {
	line-height: 1.3em;	
	font-weight: bold;
}

h3 img {
	vertical-align: top;	
	margin-right: 5px;
}

h2 {
	line-height: 1.3em;	
	font-size: 1.7em;
}

.copyright {
	font-size: 15px;
	display: block;
	Line-height: 15px;
	text-transform: none;
}

.small {
	line-height: 1.4em;
}

.posFixed {
	position: fixed;	
}

.boxshadow {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);	
}

.nopadding {
	padding: 0;	
}

/* sizes */

.fsemi {
	font-size: 1.3em; line-height: 1.3em; font-weight: bold;	
}

.fsemilight {
	font-size: 1.3em; line-height: 1.3em; font-weight: normal;	
}

.fsmall {
	font-size: 2.2em; line-height: 1.1em; font-weight: bold;	
}

.fmedium {
	font-size: 2.8em; line-height: 1em; font-weight: bold;	
}

.fbig {
	font-size: 3.5em; line-height: 1.1em; font-weight: bold;	
}

/* colors */

.bblue h3, .bbluedarker h3 {
	color: #f0f382;	
}

.bgrey {
	background-color: #e9e9e9;
}

.blightgrey {
	background-color: #f4f4f4;
}

.bwhite {
	background-color: #fff;	
	color: #505050;
}

.bred {
	background-color: #ac252a;
	color: #fff;
}

.cred {
	color: #ac252a;
}

.bblue, .btn.bblue, .bbluedarker > .btn {
	background-color: #007bc2 !important;
	color: #fff !important;
}

.cblue {
	color: #007bc2;
}

.bblue input {
	color: #505050;
}

.btn.bblue:hover { /* #008bdb, #007bc2 */
	background-color: #008bdb !important;
	color: #fff;
}

.bblue, .btn.byellow {
	background-color: #efefef;
	color: #333;
}

.bblack {
	background-color: #1a171b;
	color: #fff;
}

.cblack, .cblack a, a.cblack {
	color: #505050;	
}

.bbluedarker {
	background-color: #0a6ca7;
	color: #fff;
}

.bbluedarker input,
.bbluedarker textarea,
.bbluedarker select,
.bblack input,
.bblack textarea,
.bblack select {
	color: #000;	
}

.bblue a, .bbluedarker a {
	color: #efefef;	
}

.cwhite {
	color: #fff;	
}

.cwhite a, a.cwhite {
	color: #fff;	
}

.byellow {
	background-color: #efefef;	
}

.cyellow {
	color: #efefef;	
}

.bgreen {
	background-color: #f0f382;
}

.cgreen {
	color: #f0f382;
}

/* links */

.b-container a:not(.no), .teaser a:not(.no) {
	background-position: center left;
	background-repeat: no-repeat;
	display: inline-block;
}

.bblue .b-container a:not(.btn),
.b-container .b-breadcrumb a {
	background-image: none;	
	padding-left: 0;	
}

a.icon {
	position: relative;
	display: block;	
}

a.icon:after {
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
	background-image: url(../images/downloads.png);
}

/* lists */

ul.list {
	list-style-type: disc;
	list-style-type: none;
	list-style-position: inside;
}

ul.list li {
	padding: 10px 15px;
}

ul.list li:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}

ul.list.dienststellen li {
	background-color: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	font-size: 1.1em;
	padding: 0;
}

ul.list.dienststellen li a {
	display: block;
	padding: 10px 15px;
	transition-property: all;
	transition-duration: 0.5s;
	text-decoration: none;
	color: #fff;
}

ul.list.dienststellen li a:hover {
	background-color: rgba(0,0,0,0.1);
}

ul.list.one li {
	border-bottom: 1px dashed #c6c7c8;
}

ul.list.reviere li {
	float: left;
	width: 100%;
}

ul.list.reviere li a[data-toggle='collapse'] {
	background-image: url(../images/arrow_top_round.png);
	background-repeat: no-repeat;
	background-position: 97% 25px;
	float: left;
	width: 100%;
}

ul.list.reviere li a[data-toggle='collapse'].collapsed {
	background-image: url(../images/arrow_bottom_round.png);
}

ul.list.reviere li a {
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: block;
	font-size: 0.9em;
}

ul.list.reviere li a {
	padding: 20px;
}

ul.list.reviere li a.collapsed {
	background-color: transparent;	
}

ul.list.reviere li a b {
	color: #000;
	text-transform: none;
	letter-spacing: 0.2px;
}

ul.reviere .details {
	padding: 15px;
	background-color: #007bc2;
	background-color: #fff;	
	color: #fff;
	color: #505050;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul.reviere .details li {
	float: left;
	width: 50%;
}

ul.reviere ul.services li {
	background-image: url(../images/yay.png);
	background-position: 95% 10px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.03);
	margin-top: 2px;
}

ul.reviere ul.services {
	display: none;	
}

/* navigation */

.to-content:hover {
	cursor: pointer;
}

.showmenu:hover {
	cursor: pointer;	
}

.showmenu {
	margin-left: 15px;
	margin-top: 10px;
	float: right;
}

.navwithsub {
	background-color: #fff;
	/* padding-bottom: 12px; */
	/* padding-bottom: 2px; */
	z-index: 100;
}

.navwithsub .navigation {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;	
}

/* menu */

.menu {
	margin: 0;	
}

.logoandsearchbar .menu {
	margin-top: 0;	
}

/* subnavigation */

.subnavigation {
	background-color: #00639b;
}

/* collapse */

.collapse {
	transition-property: all;
	transition-duration: 0.5s;
}

.collapse.in {
	
}

[data-toggle~='collapse'] {
	cursor: pointer;
}

a[data-toggle='collapse'] {
	display: block;
}

[data-toggle='collapse']:hover {
	cursor: pointer;	
}

[data-toggle='collapse'].collapsed {
	background-image: url(../images/arrow_bottom_round.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	min-height: 50px;
}

[data-toggle='collapse'][aria-expanded='true'] {
	background-image: url(../images/arrow_top_round.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	min-height: 50px;
}

[data-toggle='collapse'][aria-expanded='false'] {
	background-image: url(../images/arrow_bottom_round.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	min-height: 50px;
}

/* pages */

.internetwache, .page-template-internetwache {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	background-attachment: scroll;
}

.dienststelle, .page-template-dienststellen-overview,
.page-template-static-overview,
.page-template-praevention-overview,
.page-template-template-partscontent-praevention-php {
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.karriere {
	
}

.praevention {
	
}

.fahndung {
	background-color: #fff;	
}

.start .headline {
	padding-top: 120px;	
}

.internetwache .headline,
.page-template-internetwache .headline {
	padding-top: 400px !important;	
}

.stuttgart {
	background-size: cover;	
	background-position: center;
	background-attachment: scroll;
}

.news-freiburg {
	background-size: cover;	
	background-position: center;
	background-attachment: scroll;
}

.box .content {
	padding: 35px 30px;
}

.box-small .content {
	padding: 35px 10px;
}

.traffic.box .content {
	padding: 35px 50px;	
}

/*navigation and breadcrumb  */

.nav-holder {
	position: fixed;
	width: 100%;	
	z-index: 2002;
}

.logoandsearchbar {
	padding-bottom: 10px;
	font-size: 1.1em;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);	
}
/* Original */
.logoandsearchbar .search-field {
	margin-top: 5px;	
}

/* Workaround*/
/*
.logoandsearchbar .search-field {
	margin-top: 5px;
	display: none;
}
*/
.logoandsearchbar .search-submit {
    display: none;
}

.logoandsearchbar form.search-form {
    float: left;
}

.search-toggle {
	padding-right: 10px;
	padding-top: 20px;
}

#navigation .navigation {
	background-color: #007bc2;
	background: linear-gradient(#008bdb, #007bc2);
	color: #fff;
	border-radius: 5px;	
	padding: 0 0;	
	margin-top: 10px;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	width: 100%;
	z-index: 1001;
	position: relative;
}

.navigation ul {
	float: left;
	margin: 0;	
}

.navigation li {
	float: left;
	color: #fff;
	font-size: 1.1em;
	transition-property: all;
	transition-duration: 0.5s;
}

.navigation li a {
	display: block;
	padding: 15px 30px 12px 30px;	
}

.navigation li:hover, .navigation li.current-menu-item,
.navigation li:hover, .navigation li.current-page-ancestor {
	background-color: rgba(0,0,0,0.15);
}

.navigation li.active {
	background-color: #00639b;	
}

.navigation ul li ul li a,
.static-overview .menu li a {
    color: rgba(255,255,255,0.4);
}

.navigation ul li ul li b,
.static-overview .menu li b {
    display: block;
    font-size: 1.1em;
    color: #fff;
}

.navigation li:first-child.active {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.navigation ul li:hover ul {
	/* display: block;	*/
}

.navigation ul li ul, .sub-menu {
	top: 100%;
	width: 100%;
	left: 0;
	position: absolute;	
	background-color: #0a6ca7;
	background-color: rgba(10,108,167,0.85);
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
}

.navigation ul li:hover ul {
	display: block;
}

.page-template-dienststelle .sub-menu,
.page-template-dienststelle-statistiken .sub-menu,
.page-template-dienststelle-ueberuns .sub-menu,
.page-template-dienststelle-ansprechpartner .sub-menu,
.single-format-image .sub-menu,
.single-format-standard .sub-menu,
.single-veranstaltungen .sub-menu {
	padding-top: 0;
	padding-bottom: 0;
}

.sub-menu.added {
	display: block;	
}

.sub-menu li:nth-child(4n+1) {
	clear: both;	
	float: left;
}

.page-template-dienststellen-overview .navigation ul li.current_page_item ul,
.page-template-static-overview .navigation ul li.current_page_item ul,
.page-template-praevention-overview .navigation ul li.current_page_item ul {
    display: block;
}

.page-template-static-overview .navigation ul li.menu-item-has-children {
	/* background-image: url(../images/arrow_bottom_white.png);
	background-position: 97% center;
	background-repeat: no-repeat; */
}

.navigation ul li ul.opened {
	display: block;
	background-color: rgba(10,108,167,0.8);
}

.navigation ul li ul li, .sub-menu.added li {
	font-size: 1em;
	width: 25%;
	font-weight: normal;
	min-height: 70px;
}

body:not(.page-template-praevention-overview) .sub-menu.added li {
	width: auto;	
	font-size: 0.85em;
}

.page-template-dienststelle .sub-menu.added li,
.page-template-dienststelle-statistiken .sub-menu.added li,
.page-template-dienststelle-ueberuns .sub-menu.added li,
.page-template-dienststelle-ansprechpartner .sub-menu.added li,
.single-format-image .sub-menu.added li,
.single-format-standard .sub-menu.added li,
.single-veranstaltungen .sub-menu.added li  {
	min-height: 0;	
}

.sub-menu.added li.current_page_item {
	background-color: #005486;	
}

.navigation ul li ul li a, .sub-menu.added li a {
	/* color: rgba(255,255,255,0.4);*/
	font-weight: bold;
	text-decoration: none;
}

.navigation ul li ul li b, .sub-menu.added li b {
	display: block;
	font-size: 1.1em;
	color: #fff;
}

.sub-menu.added li a {
	font-size: 1.2em;	
}

.navigation li a {
	color: #fff;	
}

.navigation li a:hover {
	text-decoration: none;
}

/* paging */

.news_content .navigation {
	border-radius: 5px;
	padding-bottom: 10px;
}

.navigation a.news_prev,
.navigation a.news_next {
	color: #27598B !important;
}

.navigation .nav_prev,
.navigation .nav_next {
	float: left;
	width: 33.3%;
	padding-top: 10px;
}

.navigation a.news_next {
	/* float: right; */
}

.navigation a.news_prev {
	/* float: left; */
}

.navigation a.news_prev::before {
	content: "« ";
}

.navigation a.news_next {
	float: right;
	text-align: right;
}

.navigation a.news_next::after {
	content: " »";
}

.news_content .navigation {
	float: left;
	width: 100%;	
	margin-bottom: 20px;
}

.news_pagenumber {
	color: #575757 !important;
	font-size: 1.1em;
	font-weight: bold;
}

/* paginierung */

.paginate_navigation {
	float: left;
	width: 33.3%;	
	text-align: center;
}

.navigation .paginate_navigation ul {
	display: inline-block;
	margin: 0 auto;	
	padding: 0;
	padding-top: 12px;
	float: none;
}

.paginate_navigation li a {
	width: 12px;
	height: 12px;
	border: 1px solid #575757 !important;
	border-radius: 50%;
	float: left;
	margin: 0 3px;
	padding: 0 !important;
	margin-bottom: 10px;
	background: none;
}

.paginate_navigation li.active a {
	background-color: #085496;
	transform: scale(1.1);	
}

.paginate_navigation li.active {
	background: none;	
}

.news .paginate_navigation li {
	padding: 0;
	border-bottom: 0;	
}

.news .paginate_navigation li:hover {
	background: none;
}

.news .paginate_navigation li:hover a {
	transform: scale(1.1);
}

.news .paginate_navigation li:hover:not(.active) a {
	border: 2px solid #085496 !important;	
}

.nav_prev {
	width: 15%;

}
.nav_next {
	width: 15%;
}

.nav_middle {
	width: 30%;
}
@media screen (max-width:680px) {
	.nav_prev {
		width: 25%;
	
	}
	.nav_next {
		width: 25%;
	}
	
	.nav_middle {
		width: 50%;
	}
}


/* logo */

.logo {
	padding-top: 10px;	
	padding-left: 5px;
}

.logo img {
	max-width: 150px;
	float: left;
}

.logo img.img-logo {
	margin-top: 4px;
}

.logo input {
	width: 300px;
	width: 90px;
	padding: 5px 10px;
	border: 0;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	transition-property: all;
	transition-duration: 0.5s;
}

.logo input:focus {
	background-color: #007bc2;
	color: #fff;
	width: 150px;	
}

.launchbar input {
	width: auto;
}

input.search-field {
	background-image: url(../images/search.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	font-size: 0.9em;
}

input.search-field.blue {
	background-color: #007bc2;
	color: #fff;	
	border-radius: 5px;
	border: 0;
	padding: 5px 10px;
	background-image: url(../images/search_white.png);
	font-size: 1em;
}

.search_autocomplete {
	position: absolute;
	top: 57px;	
	z-index: 2000;
	width: 110%;
	left: -5%;
	display: none;
}

.search_autocomplete li {
	background-image: url(../images/arrow_right_round_small.png);
	background-repeat: no-repeat;
	background-position: 92% center;	
}

.search_autocomplete li a {
	padding: 20px 25px;
	color: #fff;
	display: block;	
	text-decoration: none;
}

.search_autocomplete li:nth-child(even) {
	background-color: rgba(0,0,0,0.2);	
}

.search_autocomplete li:hover {
	background-color: rgba(0,0,0,0.3);	
}

.b-breadcrumb {
	font-size: 0.85em;
	color: #999;
	margin-left: 5px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	max-width: 52%;
	height: 16px;
	overflow: hidden;
	font-weight: bold;
	float: left;
	margin-top: 11px;
	margin-left: 10px;
}

.b-breadcrumb a {
	
}

.b-breadcrumb b {
	
}

/* to-top */

.to-top {
	position: fixed;
	bottom: 60px;
	right: 60px;
	z-index: 500;	
}

/* container */

.start .b-container {
	/* margin-top: 13%; */
	padding: 20px;
}

.b-container, .tracing {
	padding: 20px;	
}

.tracing {
	padding-top: 170px;	
}

.b-padding {
	padding: 30px;	
}

.content-image-header {
	padding-bottom: 20px;
}

.content-image-header.main {
	margin-top: 30px;	
}

.content-image .b-padding {
	padding: 45px;	
}

.b-container.morespace {
	padding: 50px 20px;	
}

.b-content {
	padding-top: 140px;	
}

.content-start {
	padding-top: 200px;	
}

/* footer */

.footer {
	padding: 35px;	
}

.footer {
	background-image: url(../images/loewe_s.png);
	background-repeat: no-repeat;
	background-position: 80% bottom;
	box-shadow: 0 8px 10px 0 rgba(0,0,0,0.04);
}

.footer a {
	color: #4A4A4A;	
}

.footer .active a {
	color: #007bc2;	
}

.footer h3 {
	font-size: 1em;
	text-transform: uppercase;
}

.footer ul li {
	padding: 1px 0;	
}

.foot {
	padding: 10px;	
	color: #4A4A4A;
	padding-bottom: 50px;
}

.foot a {
	color: #4A4A4A;
}

.footer a:hover, .foot a:hover {
	color: #007bc2;	
}

.foot .active a,
.current-menu-item a {
	color: #007bc2;	
}

.foot.cwhite a {
	color: #fff;	
}

.foot li {
	float: left;	
	padding-right: 30px;
}

.foot-with-logo {
	font-size: 0.75em;
	letter-spacing: 1.05px;
	margin-top: 12px;
	text-transform: uppercase;
	clear: both;
}

.foot-back.dark {
	background-color: rgba(0,0,0,0.4);
}

.foot-back.dark .foot,
.foot-back.dark .foot a {
	color: #fff;
}

/* formular */

.formular input,
.formular select,
.formular textarea,
input,
select,
textarea {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #cbcbcb;
}

.formular input[type=reset],
.formular input[type=submit] {
	padding: 8px 90px;	
	background-color: rgba(0,0,0,0.15);
	border: 0;
	font-size: 0.9em;
	color: rgba(0,0,0,0.5);
	text-transform: uppercase;
}

.formular input[type=reset]:hover,
.formular input[type=submit]:hover {
	background-color: rgba(0,0,0,0.3);
}

/* ///////////////////////////////// */
/* ELEMENTS */

.videoContainer
{
    position:absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.videoContainer video
{
    min-width: 100%;
    min-height: 100%;
}


.hint {
	width: 34px;
	height: 34px;	
	background-image: url(../images/hint.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.timer {
	margin: 20px 0;	
	float: left;
	width: 100%;
}

/* switcher */

.switch {
	padding: 5px 10px;
	border: 1px solid #999;	
	border-radius: 5px;
}

/* switcher */

.switcher {
	padding: 8px;	
	text-align: center;
	color: #505050;
	background-color: #fff;
	transition-property: background-color;
	transition-duration: 0.5s;
}

.switcher:hover {
	cursor: pointer;
}

.switcher.on {
	border-top-left-radius: 5px;	
	border-bottom-left-radius: 5px;	
}

.switcher.off {
	border-top-right-radius: 5px;	
	border-bottom-right-radius: 5px;	
}

.switcher.active {
	background-color: #007bc2;
	background-color: #f0f382;
	color: #fff;	
	color: rgba(0,0,0,0.5);	
	font-weight: bold;
}

/* boxdimmer */

.boxdimmer img {
	transition-property: all;
	transition-duration: 0.5s;	
}

.boxdimmer .details {
	display: none;
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 2;
	font-size: 1.15em;
}

.boxdimmer:hover img {
	opacity: 0.3;	
}

.boxdimmer:hover .details {
	display: block;
}

.socialmedia {
	margin-right: 8px;	
}

/* nav-tabs */

.nav-tabs, .nav-tabs > li > a {
	border: 0 !important;
}

.nav > li > a {
	padding: 20px 30px 15px 30px;
}

.nav > li img {
	margin-bottom: 8px;
	display: none;
}

.nav-tabs li {
	font-size: 1.2em;
	margin-bottom: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: #0a6ca7;
	color:  #fff;
	font-weight: bold;
}

.nav-tabs > li:hover a:hover {
	background-color: #0a6ca7;
}

/* .btn */

.btn, .b-container .btn, div.wpcf7 .wpcf7-submit {
	display: inline-block;
	padding: 6px 30px;
	background-color: rgba(0,0,0,0.4);
	background-image: none;
	font-size: 1em;
	/* margin: 8px 0; */
	transition-property: all;
	transition-duration: 0.5s;
	font-weight: bold;
	white-space: normal;
}

div.wpcf7 .wpcf7-submit {
	font-size: 2rem;
	padding:10px 30px;
	color: #fff;
}

div.wpcf7 .wpcf7-submit a {
	color: #fff;	
}


.btn:hover, div.wpcf7 .wpcf7-submit:hover  {
	color: #fff;	
	background-color: rgba(0,0,0,0.5);
}

.btn.abort {
	background-color: rgba(0,0,0,0.2);
}

.news .btn {
	margin: 5px 0 10px 0;	
}

/* twitterfeed */

.twitterfeed.content {
	padding-left: 50px;
	padding-right: 50px;	
}

/* presseportal */

.presseportal li a {
	font-weight: bold;	
	font-size: 1.1em;
}

.presseportal .date {
	display: block;	
}

/* warning */

.warning {
	/* position: absolute;
	width: 100%;
	top: 110px;
	z-index: 100; */
	display: flex;
}

.warning-sign {
	vertical-align: middle;
	padding-right: 30px;
	padding-top: 50px;
}

.warning .warning-sign-holder, .warning .warning-content, .warning .twitterfeed {
	height: 100%;	
}

.warning-content header {
	margin-top: 11px;	
}

@media (max-width:991px){
	.warning .warning-sign-holder, .warning .warning-content, .warning .twitterfeed {
		height: auto;
	}
}


.warning .twitterfeed li, .twitterfeed li {
	padding: 10px 0;
	margin: 0 0;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.warning .twitterfeed li:nth-child(odd) {
	/* background-color: rgba(0,0,0,0.07); */
}

.warning .twitterfeed li p, .twitterfeed li p {
	margin-top: 4px;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 0;
}

.warning .twitterfeed .date, .twitterfeed .date {
	color: #e3e3e3;	
}

/* filter */

.filter-button-group {
	border-radius: 5px;
	float: left;
	font-size: 1.1em;
}

.subnavigation .filter-button-group {
	font-size: 1em;	
}

.page-filter {
	float: left;
	margin: 15px 0;	
	width: 100%;
}

.subnavigation .page-filter {
	margin: 0;	
}

.page-filter button {
	border: 0;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.2);
	border-right: 1px solid rgba(255,255,255,0.2);
	float: left;
	box-shadow: none;
	text-shadow: none;
}

.subnavigation .page-filter button {
	background-color: transparent;	
	border: 0;
	padding: 13px 20px;	
}

.page-filter button.active {
	background-color: #008bdb;
}

.subnavigation .page-filter button.active {
	background-color: #005486;	
}

.page-filter button:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.page-filter button:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: 0;
}

.subnavigation .page-filter button:first-child,
.subnavigation .page-filter button:last-child {
	border-radius: 0;
}

.page-filter b {
	display: block;
	padding: 8px 0;	
	font-size: 1.25em;
}

.page-filter select {
	font-size: 1.1em;
}	

.subnavigation .page-filter select {
	padding: 13px 20px;	
	background-color: transparent;
	font-size: 1em;
}	

.subnavigation ul li a {
	padding: 13px 10px;	
	display: block;
	color: #fff;
	text-decoration: none;
	transition-property: background-color;
	transition-duration: 0.5s;
}

.subnavigation ul li a:hover {
	background-color: rgba(0,0,0,0.15);
}

/* settings */

.settings.fixed {
	min-width: 99px;
	min-height: 69px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/top-left.png);
	background-repeat: no-repeat;
	z-index: 2;
	padding: 12px;
}

/* .grid */

.grid .container-fluid {
	width: 100%;	
}

/* tooltip */

.tooltip {
	font-size: 1.2em;
}


/* ////////////////////////////////// */
/* slider */

.sl-content:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);	
}

.sl-slide h2 {
	font-size: 5.5vh !important;	
	z-index: 2;
}

.nav-arrows span {
	border-color: #007bc2;	
}

.slider_buttons {
	margin-top: 20px;
	background-color: rgba(0,0,0,0.4);
	background-color: rgba(0,123,194,1);
	padding: 10px;	
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	display: none;
}

.slider_buttons a {
	color: #fff;
	margin-right: 10px;	
}

.slider_buttons img {
	margin-right: 15px;
}

.page-template-dienststelle .sl-slide-inner {
	top: 50px;
}

.carousel-indicators li,
.carousel-indicators li.active {
	margin-right: 4px;	
}

.carousel .item {
}

/* .nav-btn {
	font-size: 1.2em;	
	float: left;
	bottom: 0;
	float: left;
	width: 100%;
	height: auto;
}

.nav-btn span:hover {
	cursor: pointer;	
}

.nav-btn span {
	margin-right: 5px;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	padding: 15px 25px 12px 25px;
	border-radius: 5px;
}

.nav-btn span.nav-dot-current {
	background-color: #005486;
	padding-bottom: 30px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font-weight: bold;
}

.nav-btn span {
	background-color: #007bc2;
	transition-property: height;
	transition-duration: 0.5s;
} */

.subnavigation .nav-btn {
	position: relative;	
	text-align: left;
	height: auto;
	font-weight: bold;
	font-size: 1.15em;
}

.subnavigation .nav-btn span.nav-dot-current,
.nav-dot-current {
	background-color: #005486;
	width: 100%;
}

.subnavigation .nav-btn span {
	padding: 13px 20px;	
}

.subnavigation .nav-btn span:hover {
	cursor: pointer;	
}

.small-slider .to-content {
	position: absolute; 
	top: 55%;
	left: 45%;
}



/* notruf */

.notruf_information {
	position: fixed; top: 65px; left: 40%; z-index: 1002; display: none;
}

.notruf {
	background-color: #007bc2; padding: 35px; color: #fff; border-radius: 5px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);
	padding-top: 100px;
}

.notruf b {
	text-transform: uppercase;	
	font-size: 1.3em;
}

.notruf .clearfix {
	float: left;
	width: 100%;
	margin: 25px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

/* ///////////////////////////////// */
/* MODULES */

/* teaser */

.teaser a {
	margin-top: 8px;	
}

.teaser {
	padding: 10px 0 30px 0;	
}

.teaser h3 {
	padding-bottom: 10px;
	font-size: 1.4em;	
}

/* locationfinder */

.locationfinder {
	padding-right: 25px;
	margin-top: 4px;	
}

.locationfinder a, .launchbar a {
	color: #595959;
}

.locationfinder a:hover, .launchbar a:hover {
	color: #000;	
	text-decoration: none;
}

.launchbar .active a, .launchbar .current-menu-item a {
	color: #000;
}

/* launchbar */

.launchbar {
	margin-right: 15px;	
	margin-top: 5px;
}

.launchbar li {
	float: left;
	margin: 0 10px;
}

.launchbar li:not(.list_notruf) {
	padding-top: 5px;
}

.launchbar .information {
	display: block;	
}

.launchbar .information {
	position: absolute;
	padding: 20px 30px;
	margin-left: -190px;	
	width: 400px;
	z-index: 2002;
	margin-top: 15px;
	display: none;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

.launchbar .information::after {
	content: " ";
	width: 21px;
	height: 10px;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	background-image: url(../images/box_arrow.png);	
}

.launchbar .information.bblue .btn {
	color: #fff;	
}

.launchbar .information.noCookie {
	padding-top: 50px;
}

/* internetwache */

.internetwache .headline,
.page-template-internetwache .headline {
	padding-top: 140px; 
	text-align: left; 
	padding-bottom: 100px;
}

.internetwache h2 {
	font-size: 1.6em;
	line-height: 1.25em;	
}

.page-template-internetwache label {
	padding: 0;	
}

.internetwache .formular input,
.internetwache .formular select,
.internetwache .formular textarea,
.page-template-internetwache .wpcf7-form input,
.page-template-internetwache .wpcf7-form select,
.page-template-internetwache .wpcf7-form textarea {
	padding: 5px;
	margin: 4px 0;
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	position: relative;
}

/* Submit-Button des Contact-Form-Senden-Buttons */
.wpcf7-form-control .wpcf7-submit {
/ *** /
}

.formular input,
.formular select,
.formular textarea {
	padding: 5px;
	margin: 4px 0;
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	position: relative;
}

.internetwache .formular textarea,
.page-template-internetwache textarea {
	font-size: 1.3em;	
	padding: 14px;
	height: 210px;
}

.internetwache .formular input[type=submit],
.internetwache .formular input[type=reset] {
	margin-top: 25px;
	padding: 8px 90px;	
	background-color: rgba(0,0,0,0.15);
	border: 0;
	font-size: 0.9em;
	color: rgba(0,0,0,0.5);
	text-transform: uppercase;
}

.formular input[type=submit],
.formular input[type=reset] {
	margin-top: 25px;
	padding: 8px 90px;	
	background-color: rgba(0,0,0,0.15);
	border: 0;
	font-size: 0.9em;
	color: rgba(0,0,0,0.5);
	text-transform: uppercase;
	color: #fff;
}

.internetwache .formular input[type=submit] {
	background-color: rgba(0,0,0,0.3);
	color: #fff;
}

.internetwache .formular .checkbox {
	margin-top: 10px;	
}

.internetwache .formular .checkbox input {
	margin-right: 8px;	
}

.wpcf7-not-valid {
	background-color: #ac252a;	
	border: 1px solid #ac252a !important;
	color: #fff !important;
}

.wpcf7-not-valid::placeholder {
	color: #fff !important;
}

.wpcf7-not-valid-tip {
	display: none !important;	
}

.wpcf7-response-output, 
div.wpcf7-validation-errors {
	background-color: #ac252a;	
	color: #fff;
	font-weight: bold;
	border: 0;
	padding: 15px;
}

.wpcf7-mail-sent-ok { 
	background-color:#398f14; 
}

/* news */

.news {
	padding: 20px;	
}

.news li, .news article {
	padding: 12px 0 3px 0;
	border-bottom: 1px solid #e2e2e2;
}

.news article {
	float: left;	
	width: 100%;
	margin-bottom: 10px;
}

.news li p, .news article p {
	display: block;
	margin-top: 12px;
	color: #565658;	
}

.news b {
	font-size: 1.15em;
	line-height: 1.3em;	
}

.news .pic:not(.noshadow) img {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);	
}

.news a {
	color: #265A87;	
} 


.news img {
	/* padding-top: 15px; */
}

.news .date, .search-item .date {
	display: inline-block;
	padding-bottom: 4px;	
	color: #595959;
	font-size: 0.9em;
	letter-spacing: 0.5px;
}

.news .pic {
	padding-left: 0;
	padding-top: 0;
	margin-top: 0;	
	padding-bottom: 8px;
	padding-top: 5px;
	margin-right: 8px;
}

.news-container {
	padding-top: 20px;	
}

.news.bblue .date b {
	color: #f0f382;	
}

.news.detail b {
	font-size: 1.25em;
	line-height: 1.4em;
	display: inline-block;	
	padding-bottom: 20px;
}

.could_be_interesting li a::before {
	content: "» ";
}

.news_list h4 {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0;
}


/* organigramm */

.organigramm .img-responsive {
	width: 100%;
}

#fancybox-content {
	background-color: #337ab7 !important;
}

/* details detail */

.detail li, .content-image li {
	list-style-type: square;
	list-style-position: inside;
}

.detail ol li, .content-image ol li {
	list-style-type: decimal;
}

.detail p.fsemilight {
	margin-top: 30px;	
}

/* tracing */

.fahndung.box {
	background-image: url(../pictures/kripo.jpg);
	background-cover: cover;
	background-repeat: no-repeat;
	background-position: right center;
}

.fahndung .slider .location {
	display: block;	
	margin-top: 5px;
	font-weight: bold;
}

.tracing img {
	display: block;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.tracing .trace {
	margin: 4px 0;	
	padding-top: 10px;
}

.tracing .trace .trace-holder {
	background-color: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}

.trace-content {
	padding: 25px;	
}

.trace-content .fsemi {
	font-size: 1.5em;
	font-size: 1.4em;
}

.tracing a {
	color: #777;
}

.tracing .trace a {
	font-size: 1.1em;	
}

.trace-element {
	padding: 0;
	/* background-color: #efefef;
	background-color: #f4f4f4; */
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); 
	transition-property: background-color;
	transition-duration: 0.5s;
}

.trace-element .description {
	display: none;	
}

.trace-element:hover .description {
	/* display: block; */	
}

.page-template-fahndung-overview .trace-element {
	min-height: 280px;
}

.trace-element:hover {
	background-color: #007bc2;
	color: #fff;
}

.trace-element:hover .btn {
	background-color: #085686 !important;
}

.trace-element .trace-content span {
	color: #999;
	color: rgba(255,255,255,0.4);
}

.page-template-verkehr .trace-element .trace-content span {
	color: #999;
}

.fahndung-detail.scroll .foot {
	position: relative; z-index: 2;
}

.fahndung-detail.scroll .foot-back {
	position: relative; z-index: 2;
}

.fahndung-detail.scroll .trace-information {
	position: relative; z-index:2;	
}

.fahndung-detail.scroll .tracing-special {
	padding: 20px 40px;
}

.fahndung-detail.scroll .trace-pic {
	position: fixed; z-index: 1;	
}

.fahndung-detail.scroll .tracing-detail .content {
	padding: 25px 40px;
}

.fahndung-detail .tracing-detail, .tracing-detail {
	padding-top: 140px;	
}

.tracing-overview {
	padding: 25px 40px;	
}

.trace-list {
	padding-top: 20px;	
}

/* 
.trace-element:nth-child(even) {
	background-color: #f3f3f3;
}
*/

table.profile td {
	padding: 3px 0;
}

table.profile td:last-child {
	border-bottom: 1px solid #e3e3e3;
}

table.profile {
	margin-top: 25px;
}	

table.profile td:first-child {
	text-align: right;	
	padding-right: 15px;
	font-weight: normal;
	color: #999;
}


/* Kärtchen statt Tabellen - bartalis */
.card {
  display: flex;
  flex-wrap: wrap;
  /* background: silver; */
}

.card > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
}

.media {
  margin: 0 0 5px 10px;
  padding: 20px;
}


.tracing.shortinformation {
	padding-bottom: 40px;	
}

.tracing-detail .b-container {
	padding-top: 30px;
	padding-bottom: 30px;	
}

.tracing-detail .details {
	padding-left: 30px;
	display: block;
}

.tracing-detail .details .fmedium {
	font-size: 2.3em;
}

.tracing-detail .details .born {
	color: rgba(255,255,255,0.5);	
}

.tracing-detail .clock {
	display: block;
	padding: 10px 0;
	background-image: url(../images/clock_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	font-size: 1.1em;
	font-weight: bold;
}

.trace-element .clock {
	display: block;
	background-image: url(../images/clock_icon.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding: 7px 0 10px 25px;
	padding-left: 25px;
	color: #fff !important;
	margin-bottom: 10px;
}

.posted-on, .career_item .clock, .clock {
	background-image: url(../images/clock_icon_grey.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding: 10px 0;
	padding-left: 25px;
}

.tracing-detail .clock i {
	color: rgba(255,255,255,0.5);
	font-style: normal;
	font-size: 0.9em;
}

.tracing-detail .location {
	display: block;
	padding: 20px 0 10px 0;
	background-image: url(../images/location_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	font-size: 1.1em;
	font-weight: bold;
}

.tracing-detail .tracing-pic-big {
	padding-right: 0;
}

.tracing-detail .tracing-summary {
	padding-left: 0;
}

.trace-element .location {
	display: block;
	background-image: url(../images/location_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	color: #fff !important;
	margin-bottom: 10px;
}

.career_item .location, .location {
	padding: 20px 0 10px 0;
	background-image: url(../images/location_icon_grey.png);
	background-repeat: no-repeat;
	background-position: left 60%;
	padding-left: 20px;
	margin-left: 15px;
}

.location {
	margin-left: 0;
}

.tracing-detail .personal {
	font-size: 1.1em;	
	font-weight: bold;
}

.tracing-detail .personal i {
	color: rgba(255,255,255,0.5);
	font-size: 0.9em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
}

.tracing-information .head {
	text-transform: uppercase;	
	padding-bottom: 15px;
	display: block;
	font-weight: bold;
}

.tracing-detail .personal .person {
	margin-bottom: 15px;	
}

.tracing-pic {
	margin-bottom: 15px;	
}

.page-template-content-fahndung ul li {
	padding: 3px 10px;
}

.page-template-content-fahndung .page-could-be-interesting {
	padding-top: 20px;
}

.page-template-content-fahndung .page-filter {
	font-weight: bold;	
}


/* statistics */

.stat {
	padding-top: 25px;	
	padding-bottom: 15px;
}

.stat_medium {
	font-size: 2.8em; line-height: 1em; font-weight: bold;	
}

.quickstart .stat_medium {
	font-size: 1.9em; line-height: 1em; font-weight: bold;	
}

.stat_big {
	font-size: 3.5em; line-height: 1.1em; font-weight: bold;	
}

/* upcoming events */

.upcoming-events {
	min-height: 600px;
}

.upcoming-events .carousel-inner {
	height: 450px;	
}

.upcoming-events.widget .carousel-inner {
	height: 190px !important;
}

.upcoming-events.widget {
	min-height: auto;	
}

.departement .upcoming-events {
	min-height: 0;
	padding-bottom: 30px;
}

.upcoming-events .entry {
	padding: 15px 10px;
}

.upcoming-events .entry:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}

/* .upcoming-events .event-date {
	padding-left: 6px;	
} */

.upcoming-events .event-date .time {
	display: block;
}

.upcoming-events .event-headline {
	padding-left: 10px;	
}

.upcoming-events .date {
	font-size: 1.2em;
	line-height: 1.2em;	
}

.bblue .date b {
    color: #f0f382;
}

.upcoming-events .head {
	font-size: 1.35em;	
	line-height: 1.3em;
	color: #505050;
	font-weight: bold;
}

.upcoming-events .time {
	font-size: 0.9em;	
	line-height: 1.2em;
	color: rgba(255,255,255,0.5);
}

.upcoming-events.bbluedarker .head,
.upcoming-events.bblue .head {
	color: #fff;	
}

.upcoming-events .carousel-indicators {
	bottom: -50px;
}

.upcoming-events.widget .carousel-indicators {
	bottom: -35px;	
}

.page-template-dienststelle .upcoming-events {
    min-height: 0;
	height: 330px;
	max-height: 330px;
    padding-bottom: 30px;
}

.bblue .carousel-indicators { 
	color: #fff;
}

.bwhite .carousel-indicators li { 
	border-color: #545454 !important;
	border: 2px solid #545454;
	padding: 5px;
}

.bwhite .carousel-indicators li.active { 
	border: 4px solid #007bc2 !important;
}

.upcoming-events .btn {
	margin: 8px 0;	
}

/* page template veranstaltungen overview */

.page-template-veranstaltungen-overview .event-title {
	margin-top: 25px;
	margin-bottom: 0;
	border-top: 1px solid #e3e3e3;
	padding-top: 20px;
	font-size: 1.4em;
}

.page-template-veranstaltungen-overview li:first-child .event-title {
	border-top: 0;
}

.page-template-veranstaltungen-overview .event-location {
	font-weight: bold;	
}

.page-template-veranstaltungen-overview .event-date {
	font-weight: bold;	
}

.page-template-veranstaltungen-overview .event-date .event-clock {
	color: #007bc2;
	font-size: 1.25em;
}

.page-template-veranstaltungen-overview .event-date .event-time {
	display: block;	
	color: #555;
	font-weight: normal;
	font-size: 1.15em;
}

.page-template-veranstaltungen-overview .navigation {
	float: left;
	width: 100%;
}

.page-template-veranstaltungen-overview .nav_prev,
.page-template-veranstaltungen-overview .nav_next,
.page-template-veranstaltungen-overview .paginate_navigation {
	margin-top: 15px;
	margin-bottom: 15px;
} 

.page-template-veranstaltungen-overview .nav_next {
	text-align: right;	
}

.page-template-veranstaltungen-overview .paginate_navigation li {
	background-color: transparent;	
}


/* calendar */

.calendar {
	background-image: url(../pictures/3.jpg);
	background-size: cover;	
	background-position: center;
	background-attachment: scroll;
	position: relative;
}

.calendar.two {
	background-image: url(../pictures/15.jpg);
	background-size: cover;	
	background-position: center left;
	background-attachment: scroll;
}

.calendar .settings, .traffic .settings, .noCookie .settings, .quickstart .settings {
	min-width: 99px;
	min-height: 69px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/top-left.png);
	background-repeat: no-repeat;
	z-index: 2;
	padding: 12px;
}

.ppstuttgart .calendar {
	background-image: url(../pictures/calendar_stuttgart.jpg);
	background-size: cover;	
	background-position: top right;
	background-attachment: scroll;
}

/* settings */

.settingsrow {
	padding: 10px 60px;
}

/* traffic */

.traffic {
	background-image: url(../pictures/16.jpg);
	background-size: cover;	
	background-position: bottom;
	background-attachment: scroll;	
	background-repeat: no-repeat;
}

.traffic-information {
	background-image: url(../pictures/16.jpg);
	background-size: cover;	
	background-position: bottom;
	background-attachment: fixed;	
	background-repeat: no-repeat;
}

.traffic .content {
	overflow: hidden;	
}

.traffic .details {
	padding: 30px; color: #505050; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: none; z-index: 1001;
}

.traffic .details h3 {
	padding: 0;
	margin: 0;
}

.traffic .details img {
	image-rendering: pixelated;	
	margin-right: 8px;
}

.traffic .entry b {
	font-size: 1.3em;
}

.traffic .entry a.btn {
	margin-top: 12px;
}

.traffic-list {
	/* padding-top: 20px; */	
}

.traffic-list .highway {}

.traffic-list .traffic-sign {
	padding-top: 18px;
	padding-right: 20px;
}

.traffic-list .traffic-sign img {
	padding-top: 20px;	
}

.traffic-list .entry .date {
	color: rgba(0,0,0,0.35);
}

.traffic-list .entry .content {
	padding: 15px 20px;
}

.traffic-list .entry {
	margin-bottom: 5px;
	padding-bottom: 10px;
}

.traffic-list .entry:nth-child(even) {
	background-color: rgba(0,0,0,0.05);	
}

.traffic-list .traffic-pics {
	margin-top: 30px;
	color: #888;
}

.traffic-list .traffic-pics .small {
	margin-top: 8px;
}

.traffic-filter h3 {
	margin-bottom: 30px;
}

.traffic-filter {
	margin-top: 10px;
	margin-bottom: 35px;
}

.traffic-filter select, .page-filter select {
	background-color: rgba(0,0,0,0.2);
	color: #fff;
	border: 0;
}

.traffic-filter select, .page-filter select {
	background-color: #fff;
	color: #333;
	border: 0;
}

.traffic-filter .filter b {
	display: block;
	padding-bottom: 5px;
}

.traffic-filter .badge {
	font-size: 1.3em;	
	line-height: 1.2em;
	background-color: rgba(255,255,255,0.2);
}

.traffic-filter .filter {
	padding: 10px 10px;
}

.traffic-filter .filter.active {
	background-color: #007bc2;	
}

.traffic-filter .filter select {
	
}

.traffic-information {
}

/* career */

.employee_list {}

.employee_list .entry {
	padding: 15px 30px 15px 15px;
	background-color: #007bc2;	
	color: #fff;
	border-radius: 5px;
	margin-top: 7px;
	font-size: 1.05em;
	transition-property: all;
	transition-duration: 0.75s;
}

.employee_list .entry:hover {
	background-color: #fff;	
	color: #505050;
	background-image: url(../images/arrow_bottom.png);
}

.employee_list .entry {
	background-image: url(../images/arrow_bottom_white.png);
	background-repeat: no-repeat;
	background-position: 97% center;
}

.employee_list .entry:hover a,
.employee_list .entry:hover a:focus,
.employee_list .entry:hover a:active,
.employee_list .entry:hover a:link {
	color: #333 !important;
	text-decoration: none;
}

.employee_list .entry b {
	font-size: 1.1em;
}

.career {
	padding-top: 400px; background-image: url(../pictures/10.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;
}

.career_item:nth-child(odd) .content {
    /* background-color: #f4f4f4; */
}

.career_item {
	border: 4px solid #f4f4f4;	
}

.career-overview {
	/* margin-top: 119px; */
}

/* dienststellen */

.departement-choice {
	padding-top: 160px;	
}

.departement-container {
	padding: 30px;	
}

.departement-choice .list {
	font-size: 1.1em; font-weight: bold;	
}

.departement_search {
	position: absolute; bottom: 30px; width: 50%; left: 25%;
}

.departement .news {
	padding-bottom: 40px;
}

.departement-list {}

.departement-list article {
	margin-bottom: 10px;
	margin-top: 15px;
}

.departement-list article figure img {
	margin-bottom: 13px;
}

.teaser-row {
	padding-top: 10px;
}

.teaser-row img {
	margin-bottom: 10px;	
	margin-top: 10px;
}

.teaser-row article:first-child {
	padding-top: 0;
}

.teaser-row h3 {
	margin-top: 0;	
	margin-bottom: 2px;
	font-size: 1.4em;
}

.teaser-row h3 a {
	color: #444;	
}

/* ansprechpartner */

.ansprechpartner {
		
}

.ansprechpartner-box {
	margin-top: 22px;
	margin-bottom: 15px;	
}

.ansprechpartner img {
	margin-bottom: 15px;	
}

.ansprechpartner .kontakt {
	margin-bottom: 20px;
}

.ansprechpartner b {
	font-size: 1.4em;	
}

.kontaktperson {
	margin-bottom: 20px;	
}

.kontaktperson:nth-child(3n+1) {
	clear: both;	
	float: left;
}

/* president */

.president table {
	margin-top: 20px;	
}

.president table td {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 10px;
	font-size: 1.1em;
}

.president table td:first-child {
	background-color: rgba(0,0,0,0.05);
	font-weight: bold;
	text-align: right;
	font-size: 1.2em;
}

/* dienststellenfinder */

.dienststellenfinder {
		
}

.dienststellenfinder .formular {
	margin-top: 15px;
	margin-bottom: 15px;	
}

.dienststellenfinder .results {
	margin-top: 15px;
	margin-bottom: 15px;	
}

.dienststellenfinder .results .map {
	min-height: 360px;
	background-color: #999;	
}

.dienststellenfinder .results h3 {
	margin: 0 0 15px 0;
	padding: 0;	
}

.dienststellenfinder .results .resultlist article {
	padding: 15px 0;	
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.dienststellenfinder .results .resultlist article b {
	font-size: 1.2em;
}

.dienststellenfinder .formular input,
.dienststellenfinder .formular select {
	margin: 0 8px 0 0;	
}


.dienststellenfinder .formular input[type=reset],
.dienststellenfinder .formular input[type=submit] {
	color: #fff;
	padding: 8px 35px;
}


/* options */

.showoptions:hover {
	cursor: pointer;
}

.options {
	display: none;
	padding-bottom: 10px;
	font-size: 1.1em;
}

/* search */

.search-item {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 15px 0;	
}

.search-item h2 {
	margin-top: 0;	
}

/* .search-item figure {
	margin-top: 25px; 
}*/

.search-item .entry-summary {
	font-weight: bold;
	margin-top: 10px;	
}

.search-form label {
	width: 100%;	
}

.search-results .search-results .search-field,
.no-results .search-field {
	width: 100%;
	padding: 10px;
}

.search-results .search-submit,
.no-results .search-submit {
	display: none;	
}

/* single post */

.single-post-headline {
	padding-bottom: 20px;	
}

/* document gallery */

.document-gallery .document-icon .title {
	line-height: 1.3em;	
	font-size: 1.4em;
	margin-top: 8px;
}

.bbluedarker .document-gallery .document-icon a {
	color: #fff;
}

.document-gallery .document-icon-row {
	margin-top: 20px;	
}

.document-gallery hr,
.bbluedarker hr {
	border-top: 1px solid rgba(255,255,255,0.2);
	background-color: transparent;	
}

/* downloads */

.downloads a {
	color: #333;	
}

/* about us */

.employee-pic {
	padding: 0;	
}

/* static overview */

.static-overview {
	padding-top: 450px;	
}

.static-overview.dienststelle {
	padding-top: 580px;
}

.static-overview .menu {
	display: none;	
}

.static-overview .menu li {
	padding: 15px;	
}

.static-overview .menu li:hover {
	background-color: rgba(0,0,0,0.2);
	text-decoration: none;
}

.static-overview .menu li a {
	text-decoration: none;
}

/* prävention */

.prevention-media figure img {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	margin: 0;
	padding: 0;
	max-height: 150px;
	/* width: 100%; */
	width: auto;
}

.page-template-praevention-overview .prevention-media figure img {
	width: auto;
}

.prevention-media figure {
	margin-bottom: 10px;
	min-height: 150px;
}

.prevention-media a {
	display: block;
	/* padding-bottom: 8px; */
}

.prevention-media a.btn {
	margin-top: 10px;	
}

.prevention-media .description {
	color: rgba(255,255,255,0.5);	
}

.medien article {
	margin-bottom: 15px;
}

.medien article:nth-child(4n+1) {
	clear: both;
}

.additional_info ul {
	display: inline-block;	
}

.additional_info ul li {
	padding-right: 10px;
}

.additional_info .could_be_interesting {
	
}

.additional_info .could_be_interesting .content {
	max-width: 600px;
}

/* beitrag definitionen */

.alignleft { margin-right: 15px; }
.alignright { margin-left: 15px; }


/* audit */

.audit-logo {
	margin-right: 15px;
}

/* traffic */

.page-template-verkehr .traffic {
	margin-top: 140px;
}

/* hinweisgeberportal */

.fp_hinweisgeberportal_abdunkeln {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);	
	z-index: 2001;
}

.fp_hinweisgeberportal {
	position: absolute;	
	top: 40%;
	left: 30%;
	right: 30%;
	background-color: #f0f382;
	padding: 35px;
	z-index: 2002;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
}

.fp_hinweisgeberportal .title {
	font-size: 2em;
	line-height: 1.3em;
	color: #000;
}

.fp_hinweisgeberportal .descr {
	
}

.fp_hinweisgeberportal .descr p {
	margin: 0;
	padding: 0;
	font-size: 1.15em;
}

.fp_hinweisgeberportal a {
	margin-top: 20px;
	/* display: none; */
}

/*--------------------------------------------------------------
# Vorlage Landing Page Hinweise (Internetwache, Hinweisportal, BKMS)
--------------------------------------------------------------*/

.page-template-evidence hr {
	border: 1px solid #999;
}

.page-template-evidence h1,
.page-template-evidence h2 {
	color: #007bc2;
	font-size: 36px;
} 

.page-template-evidence h2 {
	font-size: 32px;
	font-size: 2.3em;
} 

/*--------------------------------------------------------------
# Hintergrund abdunkeln (für Landestag der Verkehrssicherheit)
--------------------------------------------------------------*/

/* für moderne Browser */
.grayout {
	background-color: rgba(0,0,0,0.2);
	padding: 15px 0px 15px 15px;
	margin
}


/** und für die alten Teile 
.grayout {
   filter: alpha(opacity=50);
}
 
* html .grayout {
   position: absolute;
}*/

/*--------------------------------------------------------------*/

@media (max-width: 1030px){
	.logo .pull-right {
		clear: both;
		float: left !important;	
		margin-top: 10px;
	}
	
	.logo .pull-right ul.menu li:first-child {
		margin-left: 0;	
	}
	
	.box .content {
		padding: 15px;	
	}
	
	.upcoming-events .content,
	.upcoming-events .content > div {
		padding-left: 0;	
		padding-right: 0;
	}
	
	.box .address b {
		display: block;	
	}
}

/* 14.07.2017 - Umschaltung Menü vor Breakpoint */

@media (max-width: 935px){
	.glyphicon-menu-hamburger {
		display: block !important;
	}
	
	.hidemenu {
		display: none;	
	}
	
	.hidemenu.opened {
		display: block;	
		overflow-y: auto;	
		background-color: rgba(0,0,0,0.7);
	}
	
	.start .twitterfeed {
		padding: 20px 50px;
	}
}

@media (max-width: 800px){
	
	.news-container .teaser-row {
		margin-left: 0 !important;
		margin-right: 0 !important;	
	}
	
	.audit { 
		margin-left: 0;
		margin-top: 20px;
	}
	
	.fmedium {
		font-size: 2em;
	}
	
	.fbig {
		font-size: 2.6em;
	}
	
	.fsemi {
		font-size: 1.15em;	
	}
	
	.career-overview { 
		/* margin-top: 50px; */
	}
	
	.sl-slide h2  {
		font-size: 1.6em !important;
	}
	
	.slider-1 .sl-slide blockquote {
		margin-bottom: -155px;	
	}
	
	.slider-1 .sl-slide blockquote p, .slider-2 .sl-slide blockquote p, .slider-holder .sl-slide blockquote p {
		font-size: 0.8em !important;	
		width: auto;
		max-width: inherit;
	}
	
	.slider-1 .sl-slide h2, .slider-2 .sl-slide h2, #slider .sl-slide h2, .slider-holder .sl-slide h2 {
		bottom: 60%;	
	}
	
	.nav-dots, .nav-btn {
		bottom: 12%;	
	}
	
	.hidemenu {
		padding-left: 0;
		padding-right: 0;
	}
	
	.hidemenu.opened {
		overflow-y: auto;	
		background-color: rgba(0,0,0,0.7);
	}
	
	.hidemenu .container {
		padding-left: 0;
		padding-right: 0;	
	}
	
	.navigation {
		margin-top: 0;
	}
	
	.navigation li {
		display: block;	
		width: 100%;
	}
	
	.navigation li a {
		display: block;	
	}
	
	.document-icon {
		width: 50% !important;	
	}
	
	.box .content, .traffic.box .content {
		/* padding: 10px; */
	}
	
	.page-template-front-page-php .box .content {
		padding: 10px;	
	}
	
	.page-template-front-page.php .traffic.box .content {
		padding: 30px;	
	}
	
	.traffic.box .content {
		padding: 15px 35px;	
	}
	
	h1 {
		font-size: 1.6em;	
	}
	
	.content-start {
		padding-top: 110px;	
	}
	
	.to-top {
		display: none !important;	
	}
	
	.footer {
		padding-bottom: 100px;	
	}
	
	.menu-footer-menue-container {
		padding-top: 15px;	
	}
	
	.tracing-overview {
		padding: 0;	
		padding-top: 15px;
	}
	
	.tracing-overview {
		padding-right: 10px;	
	}
	
	
	.tracing-overview .value {
		margin-bottom: 15px;
	}
	
	.upcoming-events {
		/* min-height: 0; */
	}
	
	.internetwache .headline,
	.page-template-internetwache .headline {
		padding-top: 70px !important;
		padding-bottom: 0 !important;
	}
	
	.news .pic {
		padding-right: 0;
	}
	
	.navigation ul li ul {
		display: none;	
	}
	
	.navigation ul li ul li {
		display: none;
		width: 100% !important;	
	}
	
	.b-breadcrumb, .to-content {
		display: none;	
	}
	
	.twitterfeed.content, .warning-content {
		padding: 35px !important;	
	}
	
	.static-overview .menu {
		display: block;	
	}
	
	.static-overview, .static-overview.dienststelle {
		padding-top: 220px;	
	}
	
	.internetwache .formular input,
	.internetwache .formular select,
	.internetwache .formular textarea,
	.page-template-internetwache .wpcf7-form input,
	.page-template-internetwache .wpcf7-form select,
	.page-template-internetwache .wpcf7-form textarea {
		width: 100%;
	}
	
	.additional_information {
		clear: both;
	}
	
	article.prevention-media:nth-child(2n+1) {
		clear: both;	
	}
	
	article.prevention-media {
		margin-top: 20px;	
	}
	
	.sub-menu {
		display: none !important;	
	}
	
	aside.teaser-row {
		padding-left: 0;
		padding-right: 0;	
	}
	
	.page-template-dienststelle .upcoming-events .content {
		padding: 0;
	}
	
	.box .content.address {
		padding: inherit 30px !important;	
	}
	
	.tracing-detail {
		padding: 0;	
		padding-top: 55px;
	}
	
}

@media screen (max-width: 995px){

	.page-template-content-fahndung .page-could-be-interesting,
	.page-template-content-fahndung_bck_01 .page-could-be-interesting {
		clear: both;
	}
	
	.medien article:nth-child(2n+1) {
		clear: both;
	}
	
	.warning-content article {
		text-align: left !important;	
		/* padding: 30px; */
	}
	
	.news article {
		width: 50%;	
		padding: 10px 10px;
	}
	
	.news article:nth-child(2n+1) {
		clear: both;
	}
	
	.tracing-detail .tracing-pic-big {
		padding-left: 0;
	}
	
	.tracing-detail .tracing-summary {
		padding-right: 0;
	}
	
	.tracing-detail .location {
		background-position: 18px 57%;	
		padding-left: 40px;
	}
	
	.tracing-detail .clock {
		background-position: 13px 57%;
		padding-left: 40px;
	}
	
	.tracing-information {
		padding-right: 0;	
		padding-left: 0;	
	}
	
	.department-information {
		padding-left: 0;
		padding-right: 0;
	}
	
	.department {
		padding: 20px 15px;	
	}
	
	.upcoming-events .event-date .time {
		display: inline-block;
	}
	
	.news-container .teaser-row,
	.warning-content article {
		/* border: 1px solid violet;	*/
	}
	
	.news-container .teaser-row {
		margin-left: -15px;
		margin-right: -15px;	
	}
	
	.box .content.warning-content,
	.page-template-dienststelle-php .content.address {
		padding-left: 50px;
		padding-right: 50px;	
	}
	
	.news-container .teaser-row {
		margin-left: -25px;
		margin-right: -25px;	
	}
	
	.trace-element {
		width: 50%;	
	}
	
	#navigation .container {
		width: 100%;	
	}
	
	.could_be_interesting {
		clear: both;	
	}
	
	.upcoming-events {
		padding: 23px 40px;
	}

}

@media screen (max-width: 482px){
	.s-facebook {
		margin-top: 10px;	
	}
}

@media screen (max-width: 400px){
	
	.content-image .news.detail {
		padding: 25px;
	}
	
	.tracing-detail .details .fmedium {
		font-size: 1.7em;
		line-height: 1.1em;	
		display: block;
		padding-top: 15px;
	}
	
	.tracing-detail .details .fsemilight {
		font-size: 1.1em;	
	}
	
	.upcoming-events {
		padding: 23px;
	}
	
	.medien article:nth-child(1n+1) {
		clear: both;
	}
	
	.medien article {
		width: 100%;	
	}
	
	.page-template-verkehr .traffic {
		margin-top: 50px;
	}
	
	.trace-element {
		width: 100%;	
	}
	
	.news article {
		width: 100%;	
		padding: 0;
	}
	
	.warning-content article {
		padding: 0;	
	}
	
	.fmedium {
		font-size: 1.6em;
	}
	
	.fbig {
		font-size: 2.1em;	
	}
	
	.stat {
		padding: 10px;	
	}
	
	h3 {
		font-size: 21px;	
	}
	
	.page-template-ueberuns .b-container {
		padding: 0;	
	}
	
	.foot-with-logo {
		font-size: 0.7em;
		line-height: 1.6em;
		padding-top: 20px;
	}
	
	.page-template-dienststelle-ueberuns-php .b-container {
		padding: 20px 0;	
	}
	
	.page-template-dienststelle-ansprechpartner-php .container {
		padding: 0;	
	}
	
	.page-template-dienststelle-statistiken-php .document-icon {
		width: 100% !important;	
		margin-bottom: 15px;
	}

	header[data-toggle='collapse'] {
		padding-right: 70px;	
		padding-left: 0;
	}
	
	.news-container .teaser-row,
	.warning-content article {
		padding-left: 15px;
		paddinng-right: 15px;	
	}
	
	.page-template-dienststelle-php .news-container .teaser-row {
		padding-left: 0;
	}
	
	.news-container .teaser-row {
		margin-left: 0;
		margin-right: 0;	
	}
	
	.page-template-dienststelle-php .content.address {
		padding: 35px;	
	}
	
	.sl-slider-wrapper.small-slider {
		height: 35%;	
	}
	
	.career_item {
		padding-right: 0;
		padding-left: 0;	
	}
	
	
}

/* Fix for 404 page */
.no-results {padding-top: 13vh;}

#secondary {  padding-left: 3vh;
  padding-right: 3vh;
}