@font-face {
  font-family: SourceSansPro;
  src: url('source-sans-pro/SourceSansPro-Regular.ttf');
}
@font-face {
  font-family: SourceSansPro;
  src: url('source-sans-pro/SourceSansPro-Bold.ttf');
  font-weight: bold;
}
@font-face {
  font-family: SourceSansPro;
  src: url('source-sans-pro/SourceSansPro-Italic.ttf');
  font-style: italic;
}
@font-face {
  font-family: SourceSansPro;
  src: url('source-sans-pro/SourceSansPro-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: SourceSansPro;
  src: url('source-sans-pro/SourceSansPro-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: SourceSansPro;
  src: url('source-sans-pro/SourceSansPro-LightItalic.ttf');
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: IconFont;
  src: url('fonts/hwkiconfont-regular.ttf');
  font-weight: 300;
}
/*colors*/
/*== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone 
//** Deprecated `@screen-xs` as of v3.0.1*/
/** Deprecated `@screen-xs-min` as of v3.2.0*/
/** Deprecated `@screen-phone` as of v3.0.1*/
/* Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1*/
/** Deprecated `@screen-tablet` as of v3.0.1*/
/* Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1*/
/** Deprecated `@screen-desktop` as of v3.0.1*/
/*/ Large screen / wide desktop
/** Deprecated `@screen-lg` as of v3.0.1*/
/** Deprecated `@screen-lg-desktop` as of v3.0.1*/
/* So media queries don't overlap when required, provide a maximum*/
/*== Grid system
//
//## Define your custom responsive grid.

Number of columns in the grid.*/
/* Padding between columns. Gets divided in half for the left and right.*/
/* Navbar collapse  Point at which the navbar becomes uncollapsed.*/
/*Point at which the navbar begins collapsing.*/
/* Small screen / tablet*/
/* For `@screen-sm-min` and up.*/
/* Medium screen / desktop*/
/* For `@screen-md-min` and up.*/
/* Large screen / wide desktop*/
/* For `@screen-lg-min` and up*/
.glyphicon {
	font-family:"IconFont";
	font-size:24px;
	width:32px;
	text-align:center;
	}
.glyphicon-ansprechpartner::before {
	content: "\E008";
	
}
.glyphicon-standortsicherung::before {
	content: "\e215";
}
.glyphicon-job-shadowing::before {
	content: "\e316";
}
.glyphicon-technologie::before {
	content: "\e216";
}
.link {
  color: #2067b5;
  text-decoration: none;
}
.list-item {
  background: url(../_images/arrow_left.svg) no-repeat right center;
  padding: 24px 20px 24px 0;
  border-top: 1px #b0cff1 solid;
  display: block;
  vertical-align: middle;
  min-height: 40px;
  color: #555;
  font-weight: bold;
}
.hwk-green{
	color:#409318;
	}
.list-item:last-of-type {
  border-bottom: 1px #b0cff1 solid;
}
.list-item:hover {
  background-color: #f5f5f5;
}
.clear {
  clear: both;
  content: " ";
  display: table;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.form {
  padding: 2em 1em;
  background: #a3c7ed;
  margin: 1em 0;
}
.form .custom-select {
  background-color: #a3c7ed;
  border: 1px solid #448dde;
  color: #fff;
}
.lighted-svg {
  fill: #d1e3f7;
}
.custom-ul {
  list-style: none !important;
}
.custom-ul li {
  padding-left: 1em;
  margin-bottom: 5px;
}
.custom-ul li::before {
  color: #448dde;
  content: "";
  width: .4em;
  height: .4em;
  background-color: #448dde;
  float: left;
  margin: 0.5em 0.5em 0 -1em;
  border-radius: 50%;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 18px;
  font-family: SourceSansPro, Arial, sans-serif;
  line-height: 1.4em;
  color: #333333;
  background: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  padding: 0;
  font-family: SourceSansPro, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  overflow-x: hidden;
}
h1,
h2,
h3 {
  color: #448dde;
  line-height: 1.2;
}
h1 {
  font-size: 38px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 26px;
}
*::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999999;
}
*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  opacity: 1;
}
*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  opacity: 1;
}
*:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
}
ul,
li {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #448dde;
}
a h1,
a h2,
a h3 {
  color: #448dde;
}
a h1:hover,
a h2:hover,
a h3:hover {
  color: #2067b5;
  text-decoration: none;
}
a:hover {
  color: #2067b5;
  text-decoration: none;
}
h1.color-hwk-green-dark,
h2.color-hwk-green-dark,
h3.color-hwk-green-dark,
h4.color-hwk-green-dark,
h5.color-hwk-green-dark,
h6.color-hwk-green-dark,
p.color-hwk-green-dark,
span.color-hwk-green-dark,
a.color-hwk-green-dark,
li.color-hwk-green-dark,
input.color-hwk-green-dark,
label.color-hwk-green-dark,
textarea.color-hwk-green-dark,
caption.color-hwk-green-dark,
blockquote.color-hwk-green-dark,
font.color-hwk-green-dark,
code.color-hwk-green-dark {
  color: #5a8e1e !important;
}
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}
td,
th {
  text-align: left;
  vertical-align: top;
  padding: 5px;
}
option {
  color: #333333;
}
.smaller {
  font-size: 93%;
}
@media (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 22px;
  }
}
#main-menu {
  /*margin: 0 -15px;*/
}
#main-menu li.dropdown a ul.dropdown-menu > li a,
#main-menu li.dropdown.open a ul.dropdown-menu > li a {
  color: #333;
}
#main-menu li.dropdown a ul.dropdown-menu > li a:hover,
#main-menu li.dropdown.open a ul.dropdown-menu > li a:hover,
#main-menu li.dropdown a ul.dropdown-menu > li a:focus,
#main-menu li.dropdown.open a ul.dropdown-menu > li a:focus,
#main-menu li.dropdown a ul.dropdown-menu > li a:active,
#main-menu li.dropdown.open a ul.dropdown-menu > li a:active {
  background-color: #456494;
  color: #fff;
}
#main-menu li.dropdown a:hover,
#main-menu li.dropdown.open a:hover,
#main-menu li.dropdown a:focus,
#main-menu li.dropdown.open a:focus,
#main-menu li.dropdown a:active,
#main-menu li.dropdown.open a:active {
  background-color: #456494;
  color: #fff;
}
#main-menu li.dropdown.open ul.dropdown-menu {
  padding: 0;
}
#main-menu li.dropdown.open ul.dropdown-menu li a {
  color: #333;
  font-size: 16px;
  background-color: #fff;
}
#main-menu li.dropdown.open ul.dropdown-menu li a:hover,
#main-menu li.dropdown.open ul.dropdown-menu li a:focus,
#main-menu li.dropdown.open ul.dropdown-menu li a:active {
  background-color: #456494;
  color: #fff;
}
#main-menu li.dropdown.open ul.dropdown-menu li.active a {
  color: #fff;
  background-color: #456494;
}
#main-menu li.dropdown.open a {
  background-color: #456494;
}
#kammerresult {
  float: right;
  display: none;
}
#kammerresult p.right {
  display: none;
}
h1.color-hwk-orange,
h2.color-hwk-orange,
h3.color-hwk-orange,
h4.color-hwk-orange,
h5.color-hwk-orange,
h6.color-hwk-orange,
p.color-hwk-orange,
span.color-hwk-orange,
a.color-hwk-orange,
li.color-hwk-orange,
input.color-hwk-orange,
label.color-hwk-orange,
textarea.color-hwk-orange,
caption.color-hwk-orange,
blockquote.color-hwk-orange,
font.color-hwk-orange,
code.color-hwk-orange {
  color: #f93 !important;
}
.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  /*	flex-wrap: wrap; */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  flex-direction: row;
  border: 1px solid transparent;
}
.input-group .form-control {
  flex: 1 1 auto;
  border-radius: .25em;
  width: 90%;
}
.input-group input {
  border: 1px solid #a3c7ed;
  color: #333;
  width: 90%;
}
.input-group .input-group-btn {
  width: auto;
}
.input-group-append {
  margin-left: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
button.btn {
  padding: 5px 12px;
}
button.btn.btn-secondary {
  background-color: #408FE5;
  color: #fff;
  /*border: 1px solid @color-blue;*/
  padding-bottom: 7px;
  border-radius: 0 .25em .25em 0;
}
button.btn.btn-secondary:hover,
button.btn.btn-secondary:focus,
button.btn.btn-secondary:active {
  /*	background-color: @color-navi;
		border: 1px solid @color-navi;*/
}
.long {
  background-color: #d1e3f7;
  margin-left: -1200px;
  padding-left: 1200px;
  margin-right: -1200px;
  padding-right: 1200px;
  padding-top: 15px;
  padding-bottom: 40px;
}
.long.no-padding-bottom {
  padding-bottom: 0;
  margin-bottom: -15px;
}
.long-w {
  background-color: #eeeeee;
  margin-left: -1200px;
  padding-left: 1200px;
  margin-right: -1200px;
  padding-right: 1200px;
  padding-top: 15px;
  padding-bottom: 40px;
}
p.hwk-black a {
  color: #000;
}
.padding-top-s {
  padding-top: 25px !important;
}
.padding-bottom-s {
  padding-bottom: 25px !important;
}
.padding-top-m {
  padding-top: 36px !important;
}
.no-padding-bottom {
  padding-bottom: 0;
  margin-bottom: -15px;
}
.box-wrap {
  background-color: #d1e3f7;
  border-radius: 5px;
  margin-bottom: 1.6em;
  display: table;
  padding-left: 1.5em;
  width: 100%;
}
.box-wrap a.link-box {
  display: table-cell;
  padding-left: 5.2em;
  vertical-align: middle;
  height: 5em;
}
.box-wrap a.link-box.newsletter {
  background: url(../_images/Newsletter-abonnieren.png) no-repeat left center;
}
.box-wrap a.link-box.bewerbung {
  background: url(../_images/Personlichkeit-im-Handwerk-Rund_Klein.png) no-repeat left center;
  padding-left: 6.2em !important;
  background-size: 4em;
}
.hwk-blue {
  background-color: #d1e3f7;
}
.form-group .form-control-feedback {
  display: none;
}
.form-group.has-error .form-control-feedback {
  display: block;
  position: unset;
  width: auto;
}
label.lbl-padding-left{
	padding-left:6rem;
	}
.form-group-inline {
  display: table;
}
.form-group-inline .form-check.form-check-inline {
  width: 40%;
  vertical-align: bottom;
  display: table-cell;
}
.empfehlen {
  padding-left: 1.5em;
  background: url(/_framework/_images/Seite-empfehlen.png) no-repeat left center;
  margin-left: 15px;
}
.drucken {
  padding-left: 1.5em;
  background: url(/_framework/_images/Seite-drucken.png) no-repeat left center;
  margin-left: 15px;
}
#top {
  background-color: #073070;
  position: fixed;
  z-index: 9999;
  bottom: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: background 150ms linear,opacity 500ms linear,visibility 500ms linear;
  transition: background 150ms linear,opacity 500ms linear,visibility 500ms linear;
  opacity: 0;
  visibility: hidden;
}
#top.show {
  opacity: .5;
  visibility: visible;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 35px;
  height: 35px;
}
#top.show .glyphicon-einfacher-pfeil-hoch:before {
  content: "\2771";
}
ul.nav.nav-tabs.nav-stacked.affix-top {
  top: initial;
}
ul.nav.nav-tabs.nav-stacked.affix {
  max-width: 180px;
  top: 50px;
}
#myScrollspy {
  padding: 0;
}
.carousel-control {
  max-width: 50px;
}
.svg-container {
  display: inline-block;
  position: relative;
  width: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.svg-container a {
  cursor: pointer;
}
.svg-container a path:hover,
.svg-container a path.hover,
.svg-container a path.hover-modal {
  fill: #d1e3f7;
}
.black {
  color: #000;
}
.text-primary {
  margin-top: 4em;
}
.text-primary + .text-primary {
  margin-top: 2em;
}
/**bootstrap extra images*/
.figure {
  display: inline-block;
}
.figure .figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure.sp {
  display: block;
  /* max-height: 22em;
    overflow: hidden;*/
}
.figure.sp .sp-img {
  height: 15em;
  width: 100%;
  display: block;
  background-size: cover;
  margin-bottom: .5em;
}
.figure.sp .figure-img {
  width: 100%;
  /*margin: -19.875% 0;*/
}
.figure .figure-caption {
  font-size: 60%;
  color: #6c757d;
}
.sp + .text {
  padding-top: 1em;
}
#carousel-header .note.inside {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.text-beside-map {
  width: 40%;
  position: relative;
  float: right;
}
@media (max-width: 768px) {
  .text-beside-map {
    width: unset;
  }
  .svg-container {
    display: block;
    position: static;
    width: 100%;
  }
  .figure.sp .sp-img {
    height: 14em;
  }
}
@media (max-width: 400px) {
  .svg-container {
    max-height: 500px;
  }
}
.no-right-padding {
  padding-right: 0;
}
.padding-top-md {
  padding-top: 18px;
}
.navbar-default {
  background-color: #073070;
  border-color: #073070;
}
.navbar-default .navbar-toggle {
  border: 1px solid #fff;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 5px 7px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #456494 !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}
.navbar-default .navbar-collapse {
  max-height: initial;
  min-height: 42px;
}
.navbar {
  width: 100%;
  padding: 0;
  margin: 0;
}
header {
  background-color: #9FC7F2;
  height: 90px;
}
header .slogan {
  font-size: 14px;
  line-height: 1.25;
}
header #logo {
  padding: 0;
  background: #CFE3F2;
  height: 90px;
  margin-left: -1000px;
  padding-left: 1015px;
  min-width: 1280px;
}
header .navbar-brand {
	margin-top: 25px;
	height: 35px;
	width: 250px;
	background: url("../_images/HWK_logo_neu_25.png") no-repeat left center;
	background-size: 250px;
	text-align: revert-layer;
	margin-left: -10px;
}
header .header-menu {
  margin-top: 25px;
}
header .header-menu li {
  float: left;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  padding-left: 0.5em;
  margin-right: 0.5em;
}
header .header-menu li a {
  color: #fff;
  padding: 0;
  background: none;
}
header .header-menu li a:hover,
header .header-menu li a:focus {
  color: #448dde;
  background-color: transparent !important;
}
header .header-menu li.divider:before {
  content: "|";
  color: #fff;
}
header .search {
  margin-top: 25px;
  font-size: 16px;
  margin-left: 15px;
}
header .search button {
  position: relative;
  z-index: 12;
}
form input,
form select,
form textarea {
  border: 1px solid #448dde;
}
#main-menu.navbar-default .navbar-nav {
  margin-left: -15px;
}
#main-menu.navbar-default .navbar-nav li a,
#main-menu.navbar-default .navbar-nav li.open a {
  color: #fff;
}
#main-menu.navbar-default .navbar-nav li a:focus,
#main-menu.navbar-default .navbar-nav li.open a:focus,
#main-menu.navbar-default .navbar-nav li a:hover,
#main-menu.navbar-default .navbar-nav li.open a:hover {
  color: #fff;
  background-color: #8ea6ca;
}
.navbar-default .navbar-nav .caret {
  margin-left: 9px;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.visible-xs .search {
  margin: 1.5em 0;
}
.visible-xs .search input {
  border: none;
  width: 85%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  padding: 9px;
}
.visible-xs ul.navbar-nav li:last-of-type {
  /*  background: url(../_images/login.png) no-repeat left center;
    padding-left: @default-space;
    margin-left: 1.2*@default-space;;*/
}
@media (max-width: 1024px) {
  .padding-top-md {
    padding-top: 10px;
  }
  header #logo {
    /*	margin: 0;
			min-width: 15px;
			padding: 0;*/
    margin-left: -665px;
    padding-left: 665px;
    min-width: 880px;
  }
  header .slogan {
    font-size: 13px;
  }
  header .header-menu li {
    padding: 0;
  }
}
@media (max-width: 768px) {
  header #logo {
    margin-left: -15px;
    min-width: 200px;
    padding-left: 1px;
  }
  header .slogan {
    padding: 4px 0 0 0;
    font-size: 11px;
  }
  .header-menu {
    background-color: #a3c7ed;
    margin-left: -15px;
    padding-left: 15px;
    margin-right: -15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .header-menu li {
    margin-right: 0.3em;
  }
  .header-menu li > a:hover {
    background-color: #d1e3f6 !important;
  }
  .header-menu button {
    background-color: #a3c7ed;
    width: 44px;
    margin-left: -6px;
    border: 1px solid white;
    height: 34px;
  }
  .header-menu button:hover,
  .header-menu button:focus {
    background-color: #448dde;
    border-color: #fff;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    /*  position: relative;*/
    border: none;
  }
  a.login.dropdown-toggle:before {
    margin-right: -3px;
    content: url(../_images/login.png);
    display: inline-block;
    width: 34px;
    position: relative;
    height: 25px;
    top: 5px;
  }
  .content-st .listgroup-intro h3 {
    min-height: 2.3em;
  }
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
@media (max-width: 414px) {
  header #logo {
    margin-left: -11px;
    min-width: 197px;
    padding: 0;
  }
  header .slogan {
    padding: 4px 0 0 0;
    font-size: 11px;
  }
}
#carousel-header .slider-deco,
#carousel-header .slider-text,
#carousel-header .slider-image {
  height: 400px;
  color: #fff;
}
#carousel-header .slider-deco h2,
#carousel-header .slider-text h2,
#carousel-header .slider-image h2,
#carousel-header .slider-deco a,
#carousel-header .slider-text a,
#carousel-header .slider-image a {
  color: #fff;
}
#carousel-header .slider-image {
  background-size: cover;
  width: 1047.5px;
  height: 400px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  left: 41.6667%;
}
#carousel-header .carousel-control .glyphicon {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 35px;
  height: 50px;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 40px;
  z-index: 50;
}
#carousel-header .carousel-control .glyphicon.glyphicon-einfacher-pfeil-links {
  left: 3rem;
}
#carousel-header .carousel-control .glyphicon.glyphicon-einfacher-pfeil-links:before {
  content: "\2770";
}
#carousel-header .carousel-control .glyphicon.glyphicon-einfacher-pfeil-rechts {
  right: 3rem;
}
#carousel-header .carousel-control .glyphicon.glyphicon-einfacher-pfeil-rechts:before {
  content: "\2771";
}
.carousel-control.left,
.carousel-control.right {
  filter: none;
  background-image: none;
  z-index: 101;
}
.note.inside {
  color: #fff;
  position: absolute;
  right: 15px;
  bottom: -5px;
  font-size: 10px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#carousel-header-xs .note.inside {
  left: auto;
  bottom: 0;
}
#carousel-header-xs ol.carousel-indicators {
  bottom: 90px;
  left: 45%;
  width: auto;
  margin: 0;
  padding: 0;
}
#carousel-header-xs .carousel-control .glyphicon {
  position: absolute;
  top: 35%;
  z-index: 5;
  display: inline-block;
  width: 35px;
  height: 50px;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 40px;
}
#carousel-header-xs .carousel-control .glyphicon.glyphicon-einfacher-pfeil-links {
  left: 1rem;
}
#carousel-header-xs .carousel-control .glyphicon.glyphicon-einfacher-pfeil-links:before {
  content: "\2770";
}
#carousel-header-xs .carousel-control .glyphicon.glyphicon-einfacher-pfeil-rechts {
  right: 1rem;
}
#carousel-header-xs .carousel-control .glyphicon.glyphicon-einfacher-pfeil-rechts:before {
  content: "\2771";
}
#carousel-header-xs .image-item {
  position: relative;
}
#carousel-header-xs .image-item img {
  margin-bottom: 0 !important;
  width: 100%;
  max-height: 317px !important;
}
#carousel-header-xs .slider-deco {
  height: 25px;
}
#carousel-header-xs .slider-text {
  padding: 15px;
  min-height: 88px;
  color: #fff;
}
#carousel-header-xs .slider-text h1,
#carousel-header-xs .slider-text h2 {
  font-size: 20px;
  margin: 5px 0;
  color: #fff;
}
#carousel-header-xs .note.inside {
  left: 15px;
  top: 60%;
  bottom: initial;
}
#content {
  margin-top: 133px;
  overflow: hidden;
}
#content .item-separator {
  border-bottom: 1px solid #d1e3f6;
  height: 1px;
  position: relative;
  bottom: 15px;
  padding: 25px 0;
}
#content .row.item {
  margin: 15px -15px 20px -15px;
}
#content .row.item ul {
  list-style: none !important;
  /*			 list-style: none !important;
			li::before {  
				color: @color-blue;
				content: "";
				width: .4em;
				height: .4em;
				background-color: #448dde;
				float: left;
				margin: .5em .5em 0;
				border-radius: 50%;
			}*/
}
#content .row.item ul li {
  padding-left: 1em;
  margin-bottom: 5px;
}
#content .row.item ul li::before {
  color: #448dde;
  content: "";
  width: .4em;
  height: .4em;
  background-color: #448dde;
  float: left;
  margin: 0.5em 0.5em 0 -1em;
  border-radius: 50%;
}
#content .row.item ul.pagination li::before {
  margin: 0 !important;
  width: 0 !important;
  float: none !important;
}
#content .row.item.wissen-list h3 {
  margin-top: -5px;
}
#content .row.item h3 {
  margin-top: 5px;
}
#content .list {
  margin-left: -15px;
}
#content .list:after {
  clear: both;
  content: "";
  display: table;
}
#content #nav-level-3 ul {
  margin: 0 1em;
}
#content #nav-level-3 ul.third {
  list-style-type: none;
  float: right;
  margin-top: 29px;
  margin-right: 0;
}
#content #nav-level-3 ul.third li {
  float: left;
  padding-right: 2em;
  font-weight: 700;
  font-size: 16px;
  margin-left: 20px;
  margin-bottom: 20px;
}
#content #nav-level-3 ul.third li a:hover,
#content #nav-level-3 ul.third li a:active,
#content #nav-level-3 ul.third li a:focus,
#content #nav-level-3 ul.third li a.active {
  color: #456494;
}
#content #nav-level-3 ul:after {
  clear: both;
  content: "";
  display: table;
}
#content #header-nav-3 #div-head-nav-3 {
  float: left;
}
#content #header-nav-3 #div-head-nav-3 h1 {
  font-size: 30px;
}
.listgroup-intro {
  margin-bottom: 25px;
}
.list-group img.list-icon {
  padding-right: 1rem;
}
.list-group .list-group-item {
  border: none;
  border-top: 1px #999 solid;
  background: url(../_images/arrow_left.svg) no-repeat right center;
  padding: 15px 20px 9px 0;
  border-top: 1px #b0cff1 solid;
  min-height: 5em;
}
.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group .list-group-item:last-child {
  border-bottom: 1px #b0cff1 solid;
}
.list .list-group .list-group-item {
  min-height: 0;
  padding-top: 22px;
  padding-bottom: 17px;
}
.custom-select {
  display: inline-block;
  max-width: 100%;
  /* height: calc(2.25rem + 2px);*/
  padding: .375rem 1.75rem .375rem .75rem;
  line-height: 1.25;
  color: #464a4c;
  vertical-align: middle;
  /* background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…'0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right .75rem center;*/
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.dark-blue {
  color: #032e90;
}
@media (max-width: 768px) {
  .wissen-list h3 {
    margin-top: 5px !important;
  }
  #section-2 h3 {
    padding-bottom: 0.5em;
  }
  #content {
    margin-top: 137px;
  }
  #content #nav-level-3 ul.third {
    float: none;
    margin: 0;
    clear: both;
  }
  #content #nav-level-3 ul.third li {
    float: none;
    display: block;
  }
}
@media (max-width: 450px) {
  #content {
    margin-top: 121px;
  }
}
footer {
  clear: both;
  padding: 15px 0 0 0;
  overflow: hidden;
}
footer .top-line {
  border-top: 1px solid #b0cff1;
}
footer #bottom-navigation ul#bottom-navi {
  list-style-type: none;
  width: 100%;
}
footer #bottom-navigation ul#bottom-navi li.top {
  color: #032e90;
  float: left;
  width: 16%;
  font-weight: bold;
  line-height: 2em;
}
footer #bottom-navigation ul#bottom-navi li.top ul.subnav {
  list-style-type: none;
}
footer #bottom-navigation ul#bottom-navi li.top ul.subnav li {
  line-height: 1.6;
  font-weight: normal;
}
footer #bottom-navigation ul#bottom-navi li.top ul.subnav li.active a {
  color: #456494;
  font-weight: bold;
}
footer #bottom-navigation ul#bottom-navi li.top.active {
  color: #2067b5;
}
footer #bottom-navigation ul#bottom-navi:after {
  clear: both;
  content: " ";
  display: table;
  font-size: 24px;
}
footer .icon-box {
  display: inline-block;
  padding: 10px 1.5em;
  color: #448dde;
  cursor: pointer;
  margin: 0 1em 2em 0;
}
footer .icon-box.recomend {
  background: url(../_images/Seite-empfehlen.png) no-repeat left center;
}
footer .icon-box.print {
  background: url(../_images/Seite-drucken.png) no-repeat left center;
}
form.event-search {
  padding: 2em 1em;
  background: #a3c7ed;
  margin: 1em 0;
}
form.event-search .custom-select {
  background-color: #a3c7ed;
  border: 1px solid #448dde;
  color: #fff;
}
form.event-search .input-group {
  margin-bottom: 1em;
}
form.event-search select.form-control {
  color: #000;
}
form#event-registration {
  padding: 2em 1em;
  background-color: #d1e3f7;
}
form#event-registration label {
  font-weight: normal;
}
span.red {
  color: darkred;
}
.middle-align {
  text-align: center;
  clear: both;
  padding-top: 1em;
}
a.arrow:before {
  content: " ";
  background: url(../_images/arrow_right.png) no-repeat center center;
  width: 26px;
  height: 12px;
  display: inline-block;
}
form.search-form {
  padding: 2em 1em;
  background: #a3c7ed;
  margin: 1em 0;
}
form.search-form .custom-select {
  background-color: #a3c7ed;
  border: 1px solid #448dde;
  color: #fff;
}
#contact-person-search {
  padding: 2em 1em;
  background: #a3c7ed;
  margin: 1em 0;
}
#contact-person-search .custom-select {
  background-color: #a3c7ed;
  border: 1px solid #448dde;
  color: #fff;
}
#contact-person-search .input-group-btn {
  width: 25%;
}
.persons .svg-container {
  width: 95%;
}
.persons .person {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border-top: 1px #b0cff1 solid;
}
.persons .person:last-child {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border-top: 1px #b0cff1 solid;
  border-bottom: 1px #b0cff1 solid;
}
.text ul {
  padding-left: 17px;
}
.text p {
  margin: 20px 0;
}
#gdm .form-group-inline {
  width: 100%;
  text-align: center;
}
#gdm .form-group-inline + .form-group-inline {
  margin-top: 2em;
}
#gdm .form-group {
  margin-bottom: 25px;
}
#gdm .form-cell-inline {
  width: 30%;
  vertical-align: bottom;
  display: table-cell;
  padding-right: 1%;
  position: relative;
  text-align: center;
}
#gdm .form-cell-inline .form-check-label.active {
  border: 1px solid #a3c7ed;
  box-shadow: 0px 0px 5px 3px #a3c7ed;
  -webkit-box-shadow: 0px 0px 5px 3px #a3c7ed;
  -moz-box-shadow: 0px 0px 5px 3px #a3c7ed;
}
#gdm .form-cell-inline .form-check-label a.block {
  margin-bottom: 1em;
}
#gdm .form-cell-inline .form-check-label a.block:nth-of-type(odd) {
  text-decoration: none;
  color: #448dde;
  display: inline-block;
}
#gdm .form-cell-inline .form-check-label input.form-check-input {
  display: inline;
  bottom: 33px;
  text-align: center;
  position: absolute;
}
#gdm .form-group-inline .form-check.form-check-inline {
  width: 100%;
  display: inline;
}
#gdm .control-label.block {
  text-align: center;
  border: 1px solid #d8d0d0;
  padding: 10px;
  padding: 2em 1em .5em;
  min-height: 26em;
  min-width: 88%;
  vertical-align: bottom;
}
#gdm .align-middle {
  color: #999;
}
#gdm .small-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  text-align: justify !important;
  display: block;
  min-height: 8em;
}
.hidden-md-up {
  display: none;
}
.margin-sp {
  margin: 50px 0 20px 0;
}
.back:before {
  content: "\2190";
  background: none;
  font-weight: bold;
  font-size: 22px;
  border-right: 5px solid transparent;
}
/*
.anlauf-item > div:last-of-type {
padding-bottom: 25px;
}*/
.news-item p,
.profile-item p,
.knowledge-item p,
.anlauf-item p,
.event-item p {
  margin: 5px 0 15px 0;
}
.news-item ul,
.profile-item ul,
.knowledge-item ul,
.anlauf-item ul,
.event-item ul {
  list-style: none !important;
}
.news-item ul li,
.profile-item ul li,
.knowledge-item ul li,
.anlauf-item ul li,
.event-item ul li {
  padding-left: 1em;
  margin-bottom: 5px;
}
.news-item ul li::before,
.profile-item ul li::before,
.knowledge-item ul li::before,
.anlauf-item ul li::before,
.event-item ul li::before {
  color: #448dde;
  content: "";
  width: .4em;
  height: .4em;
  background-color: #448dde;
  float: left;
  margin: 0.5em 0.5em 0 -1em;
  border-radius: 50%;
}
.clear {
  font-size: 24px;
}
.st-text h3,
.st-text h4 {
  margin-top: -2px;
}
.search-list h3 {
  margin-top: 0;
}
#kammer-search {
  padding: 2em 1em;
  background: #a3c7ed;
  margin: 1em 0;
}
#kammer-search .custom-select {
  background-color: #a3c7ed;
  border: 1px solid #448dde;
  color: #fff;
}
@media (max-width: 767px) {
  footer .row.padding-top-s {
    padding-top: 0 !important;
  }
  footer .row.padding-top-m {
    padding-top: 0 !important;
  }
  .img-responsive {
    display: block;
  }
  img {
    display: block;
  }
  img.icon {
    display: inline;
  }
  #gdm .form-cell-inline {
    width: 100%;
    display: block;
    margin-bottom: 1em;
  }
  #gdm .form-cell-inline .form-check-label input.form-check-input {
    width: 35px;
    height: 35px;
    margin-left: -19px;
  }
}
#myScrollspy .nav-tabs li.static {
  padding: 6px 15px;
  color: #000;
  font-weight: 700;
}
#myScrollspy .nav-tabs li a:focus,
#myScrollspy .nav-tabs li a:hover {
  background-color: #456494;
  color: #fff;
}
#myScrollspy .nav-tabs li.active a {
  border-radius: 0;
  background-color: #456494;
  color: #fff;
}
#modalDialog .modal-header .modal-title {
  text-align: center;
}
#modalDialog .modal-header button.close {
  margin-top: -23px;
  color: #9a0303;
  font-size: 30px;
}
#modalDialog button {
  padding: 0;
}
#modalDialog button a {
  color: #fff;
  display: block;
  padding: 6px 8px;
}
#modalDialog button a:hover,
#modalDialog button a:focus {
  color: #fff;
}
#modalDialog .modal-footer h5 {
  margin-top: -5px;
  margin-bottom: 20px;
}
#slickbox {
  position: absolute;
  right: 0;
  top: 550px;
  width: 550px;
  padding: .5em 1em .5em 2.5em;
  z-index: 105;
  background-color: #d1e3f7;
  min-height: 370px;
}
#slickbox .form-control,
#slickbox .form-group {
  font-size: 14px;
}
#slickbox .form-group {
  margin-bottom: 5px;
}
#slickbox .outer-box {
  position: relative;
  height: 100%;
}
#slickbox .outer-box .slick-arrow {
  position: absolute;
  height: 100%;
  width: 2.8em;
  left: -2em;
  cursor: pointer;
  /*top: 43%;*/
  line-height: 323px;
  z-index: 56;
}
#slickbox .outer-box .slick-arrow.closed:before {
  content: "\276C";
  font-size: 29px;
  color: #448dde;
  cursor: pointer;
}
#slickbox .outer-box .slick-arrow.open:before {
  content: "\276D";
  font-size: 29px;
  color: #448dde;
  cursor: pointer;
}
#slickbox .outer-box .fd-vertical-text {
  transform: rotate(90deg);
  transform-origin: left center 0;
  line-height: 223px;
  position: absolute;
  z-index: -5;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  opacity: .9;
  width: 1em;
  color: #448dde;
}
#slickbox .outer-box .inner-box {
  width: 97%;
  margin-left: 1em;
}
#slickbox .outer-box .inner-box h4 {
  text-align: center;
  margin-bottom: 5px;
}
#slickbox .outer-box .inner-box.hidden {
  display: none;
}
#slickbox .outer-box::after {
  clear: both;
  display: table;
}
#slickbox.close {
  overflow: hidden;
  padding: 1em 0 0 2em;
}
#slickbox.affix,
#slickbox.affix-top {
  position: fixed;
  top: 31%;
  border: 1px solid #cacada;
}
.slickbox-xs {
  background-color: #d1e3f7;
}
#chatbotDialog {
  bottom: 6.5%;
  top: initial;
  right: 0;
  overflow-y: auto;
  left: auto;
  width: 640px;
}
#chatbotDialog form#chatbot {
  background-color: #a3c7ed;
  padding: 12px;
}
#chatbotDialog form#chatbot input:-webkit-autofill,
#chatbotDialog form#chatbot input:-webkit-autofill:hover,
#chatbotDialog form#chatbot input:-webkit-autofill:focus,
#chatbotDialog form#chatbot textarea:-webkit-autofill,
#chatbotDialog form#chatbot textarea:-webkit-autofill:hover,
#chatbotDialog form#chatbot textarea:-webkit-autofill:focus,
#chatbotDialog form#chatbot select:-webkit-autofill,
#chatbotDialog form#chatbot select:-webkit-autofill:hover,
#chatbotDialog form#chatbot select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
#chatbotDialog .modal-body {
  padding-top: 0;
}
#chatbotDialog .modal-body .teaser {
  margin-bottom: 20px;
}
#chatbotDialog .modal-body h5 {
  padding: 0;
  margin: 0 auto 1em;
  color: #FFF;
}
#chatbotDialog .modal-header.extra {
  border: none;
  padding: 0;
}
#chatbotDialog .modal-header.extra .close {
  /*	margin-top: -15px;*/
  margin-top: -3.5px;
 /* float: left; */
  margin-left: -18px;
  margin-left: -26px;
  background-color: #073070;
  width: 26px;
  color: white;
  font-size: 26px;
  border: 2px solid #073070;
  height: 29px;
  opacity: 1;
}
#chatbotDialog .modal-content {
  border: solid 4px #073070;
  height: auto;
  max-height: 600px;
  /*overflow-y: auto;*/
  width: 550px;
  background-color: #073070;
  color: #FFF;
  margin-left: 10px;
}
#chatbotDialog .modal-content .teaser-img {
  padding-bottom: 10px;
}
#chatbotDialog .list-group {
  margin-bottom: 0;
}
#chatbotDialog .list-group .list-group-item {
  background: none;
  color: #333;
}
#chatbotDialog .list-group .list-group-item a {
  color: #333;
  font-weight: bold;
}
#chatbotDialog .result-list {
  background-color: #a3c7ed;
  padding: 0 20px;
}
/*.btn-chatbot*/
button#launchChatbot {
  position: fixed;
  right: 0;
  bottom: 10%;
  height: 2.8em;
  background-color: #073070;
  min-width: 2.6em;
  padding: 5px 10px;
}
.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}
.parsley-errors-list {
  list-style-type: none;
}
.media-left {
  display: table-cell;
  padding-right: 10px;
}
.media-middle {
  vertical-align: middle;
}
.media-body {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 1366px) {
  button#launchChatbot {
    bottom: 12%;
  }
  #slickbox.affix,
  #slickbox.affix-top {
    top: 22%;
  }
  #chatbotDialog {
    bottom: 7%;
  }
}
@media (min-width: 376px) and (max-width: 425px) {
  #chatbotDialog {
    width: 92%;
  }
  #chatbotDialog .modal-content {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 568px) {
  button.btn.btn-secondary {
    padding: 7px;
  }
  #chatbotDialog {
    width: 92%;
  }
  #chatbotDialog .result-list {
    padding: 0 5px;
  }
  #chatbotDialog .result-list .list-group .list-group-item:last-child {
    padding-bottom: 1px;
  }
  #chatbotDialog .modal-content {
    width: 100%;
  }
  #chatbotDialog .modal-content .media-middle {
    vertical-align: top;
    padding-top: 5px;
  }
  #chatbotDialog .modal-content .modal-body {
    padding: 0 10px;
  }
  #chatbotDialog .modal-content .modal-body img.media-object {
    width: 60px;
  }
}
/*
 * 
 * Beschreibung: Druck-Stylesheet
 * letztes Update: 03.2017
 * Version: 2.0
 * 
 * */
/* 01 allgemein */
@media print {
  body {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #fff !important;
    font-family: SourceSansPro, Arial, sans-serif;
    font-size: .75em;
  }
  .wide,
  .white-wide,
  .map {
    background: none;
  }
  /* 02 Schriften */
  h1,
  h2,
  h3,
  h4 {
    color: #333;
    font-size: 16px;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a {
    color: #333;
  }
  .container {
    width: 100%;
  }
  a {
    color: #333;
    /* test*/
  }
  a[href]:after {
    content: " (" attr(href) ") ";
  }
  .carousel-inner {
    height: 400px;
  }
  #logo-wrap {
    display: block;
  }
  .carousel .left.item,
  .carousel .right.item {
    -webkit-print-color-adjust: exact;
    font-size: 16px;
  }
  #logo {
    -webkit-print-color-adjust: exact;
  }
  /*Images*/
  img {
    display: block;
  }
  /*Hiding*/
  .wide-white .item-img,
  #search,
  footer,
  .box-wrap,
  header #header-wrap #header-navi-wrap ul.targetGroup li,
  .wide-white,
  nav,
  .icon-box,
  .middle-align,
  .jcarousel-control-next,
  .jcarousel-control-prev,
  .carousel ol.carousel-pagination li,
  .carousel ol.carousel-pagination li.active,
  .right-box .box-wrap a.link-box,
  .item-text-link,
  .carousel .middle,
  .show,
  .carousel .left .text .link,
  #carousel-header-xs,
  header #header-wrap #header-navi-wrap form#search,
  #carousel-header .carousel-control .glyphicon,
  .glyphicon,
  .show a {
    display: none;
  }
  .carousel {
    height: 140px;
  }
  .carousel .left {
    margin: 0;
    padding: 0;
    float: none;
    width: 100% !important;
  }
  .carousel .right {
    display: none;
  }
  .column-container .left-content,
  .column-container .middle,
  .column-container .right-content {
    /*float: none;
			width: 100%;*/
    padding: 0;
  }
  .column-container .left-content .items a.list-group-item,
  .column-container .middle .items a.list-group-item,
  .column-container .right-content .items a.list-group-item {
    min-height: 10px;
    border: none;
    padding: 5px 0;
  }
  .column-container .left-content .items img,
  .column-container .middle .items img,
  .column-container .right-content .items img {
    width: 220px;
    height: 130px;
  }
  .column-container .middle {
    /*	padding: 0 15px;*/
  }
  .wide .item-img img {
    height: 120px;
  }
  .show {
    opacity: 0;
  }
  .page-break {
    display: block;
    page-break-before: always;
  }
}