/*@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800";*/
/* open-sans-regular - latin */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v44-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v44-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v44-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-400italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v44-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v44-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v44-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v44-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v44-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v44-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v44-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v44-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v44-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v44-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, caption, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, *
{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', Verdana, sans-serif !important;
	box-sizing: border-box !important;
	color: #434343;
}
html, body {
    font-size: 10.5pt;
}

/*##### NAVBAR INHALTE (aus bootstrap.css) #####*/
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 1201px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 1201px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 1201px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 1201px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 1201px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 1201px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 1201px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 1201px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 1201px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 1201px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 1201px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  /*float: right;*/
  padding: 9px 10px;
  margin-top: 21px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 1201px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 1201px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 1201px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 1200px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1201px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 1201px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 1201px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 1200px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 1200px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}






ul li {
	list-style-type: none;
}
ol li, ul li {
	margin-left: 1.5em;
}
h1, h2 {
	font-weight: 200;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 130%;
	color: #174c91;
	font-weight: 800;
}
h1.vierhundertvier {
	font-size: 40px;
	text-align: center;
}
h3 a, h3 a:hover {
	color: #434343;
	text-decoration: none;
}
h3.articleheadline {
	font-size: 23.5pt;
}
h5 {
	font-size: 1em;
}
td, th {
	vertical-align: top;
}
a.help {
	cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}



/*#################### BASISKLASSEN ####################*/
div.row {
	margin-left: 0;
	margin-right: 0;
}
div.row-center {
	max-width: 1720px; /*in einer Flucht mit der Box oben*/
	margin: 0 auto;
}
.container-fluid {
	/*max-width: 1390px;*/
}
div.varWhite {
	background-color: #fff;
}
div.varGray {
	background-color: #f5f5f5;
}
div.varBlue {
	background-color: #E52B12;
	color: #fff;
}
div.textblock {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
.bluetext {
	color: #E52B12 !important;
}
.bold {
	font-weight: bold !important;
}
.border-bottom {
	border-bottom: 1px solid #ddd;
}
.border-top {
	border-top: 1px solid #ddd;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.darkgraytext {
	color: #222 !important;
}
.font-bold {
	font-weight: 600 !important;
}
.font-normal {
	font-weight: 400 !important;
}
.font-light {
	font-weight: 200 !important;
}
.gray {
	background-color: #f5f5f5 !important;
}
.graytext {
	color: #999 !important;
}
.inline-block {
	display: inline-block !important;
}
.left {
	float: left !important;
}
.letterspacing {
	letter-spacing: 0.05em !important;
}
.right {
	float: right !important;
}
.text-right {
	text-align: right;
}
.larger {
	font-size: 1.2em;
}
.padding-bottom {
	padding-bottom: 1em;
}
.small{
	font-size: 0.9em !important;
}
.smaller {
	font-size: 0.8em !important;
}
.strong {
	font-weight: bold;
}
.underline, .underlined {
	text-decoration: underline !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.circleStep,
.borderStep {
	display: none;
}
.txtErrormeldung {
	color: #8f0000;
}
.white, .whitetext {
	color: #fff !important;
}
.lightblue {
	background-color: #e9f4fa;
	border-bottom: 10px solid #174c91;
}



label.blue {
	display: block;
	width: 100%;
}
div.txtErrormeldung ul {
	margin-bottom: 2em;
}
div.txtErrormeldung ul li {
	list-style-type: disc;
}
span.playlist {
	display: inline-block;
	height: 1.4em;
	width: 1.4em;
	line-height: 1em;
	margin-right: 0.2em;
	text-align: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 2px solid #fff;
}
a.white:hover, a.white:active, a.white:focus {
	color: #fff;
}



/*#################### GRID ####################*/
.g1 { width: 8.33333%; }
.g2 { width: 16.66666%; }
.g3 { width: 25%; }
.g4 { width: 33.33333%; }
.g5 { width: 41.66666%; }
.g6 { width: 50%; }
.g7 { width: 58.33333%; }
.g8 { width: 66.66666%; }
.g9 { width: 75%; }
.g10 { width: 83.33333%; }
.g11 { width: 91.66666%; }
.g12 { width: 100%; }

.einfuenftel {
	width: 20%;
}


/*#################### BUTTONS ####################*/
a.buttonStandard {
	color: #fff;
	background-color: #174c91;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 0 1.6em;
	text-decoration: none;
	line-height: 2.8em;
	display: inline-block;
}
a.buttonStandard:hover, a.buttonStandard:focus, a.buttonStandard:active {
	background-color: #14427f;
	text-decoration: none;
}
a.buttonOutline {
	color: #174c91;
	border: 1px solid #174c91;
	background-color: transparent;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 0.4em 1.6em;
	text-decoration: none;
}
a.buttonOutline:hover, a.buttonOutline:focus, a.buttonOutline:active {
	border-color: #14427f;
	text-decoration: none;
}



/*#################### INPUTS ####################*/
input.input-text {
	width: 100%;
	border: 1px solid #bbb;
	font-weight: normal;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333;
	line-height: 1.5em;
	padding: 0.25em 1em;
}
select.select {
	width: 100%;
	border: 1px solid #bbb;
	font-weight: normal;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333;
	line-height: 1.5em;
	padding: 0.25em 1em;
}


/*#################### ABSTANDSKLASSEN ####################*/
.margin-t1 {
	margin-top: 0.1em !important;
}
.margin-t2 {
	margin-top: 0.2em !important;
}
.margin-t3 {
	margin-top: 0.3em !important;
}
.margin-t4 {
	margin-top: 0.4em !important;
}
.margin-t5 {
	margin-top: 0.5em !important;
}
.margin-t6 {
	margin-top: 0.6em !important;
}
.margin-t7 {
	margin-top: 0.7em !important;
}
.margin-t8 {
	margin-top: 0.8em !important;
}
.margin-t9 {
	margin-top: 0.9em !important;
}
.margin-t10 {
	margin-top: 1em !important;
}
.margin-t11 {
	margin-top: 1.1em !important;
}
.margin-t20 {
	margin-top: 2em !important;
}
.margin-t40 {
	margin-top: 4em !important;
}
.margin-l1 {
	margin-left: 0.1em !important;
}
.margin-l2 {
	margin-left: 0.2em !important;
}
.margin-l3 {
	margin-left: 0.3em !important;
}
.margin-l4 {
	margin-left: 0.4em !important;
}
.margin-l5 {
	margin-left: 0.5em !important;
}
.margin-l6 {
	margin-left: 0.6em !important;
}
.margin-l7 {
	margin-left: 0.7em !important;
}
.margin-l8 {
	margin-left: 0.8em !important;
}
.margin-l9 {
	margin-left: 0.9em !important;
}
.margin-l10 {
	margin-left: 1em !important;
}
.margin-l20 {
	margin-left: 2em !important;
}
.margin-r5 {
	margin-right: 0.5em !important;
}
.margin-r10 {
	margin-right: 1em !important;
}
.margin-r20 {
	margin-right: 2em !important;
}
.margin-b10 {
	margin-bottom: 1em !important;
}
.margin-b20 {
	margin-bottom: 2em !important;
}
.margin-b40 {
	margin-bottom: 4em !important;
}
.padding-l10 {
	padding-left: 10px;
}
.padding-l20 {
	padding-left: 20px;
}
.padding-r10 {
	padding-right: 10px;
}
.padding20 {
	padding: 2em;
}



/*#################### Hintergrundbildelemente ####################*/
figure.figure {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	background-position: top center;
	background-repeat: no-repeat;
}
div.figurewrapper {
	width: 300px;
	height: 300px;
	position: relative;
	font-size: 17.5pt;
}
div.figurewrapper_large {
	width: 960px;
	height: 360px;
	position: relative;
	font-size: 17.5pt;
}


/*#################### BOOTSTRAP-ANPASSUNGEN ####################*/

.btn {
	padding: 0;
}
.container-fluid {
	/*max-width: 1820px;*/
}
h2, .h2 {
	font-size: 24.5pt;
	font-weight: 800;
	padding-top: 1em;
	padding-bottom: 1em;
}
.lead {
	font-size: 1.4em;
	font-weight: normal;
	line-height: inherit;
	color: inherit;
}
@media only screen and (max-width: 767px) {
	.lead {
		font-size: 1.1em;
		font-weight: normal;
	}
}
.navbar {
	margin-bottom: 0;
	min-height: 10px;
}
.navbar-nav > li > a {
	padding-bottom: 0;
	padding-top: 0;
}
.navbar-default {
	border: 0 none;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
}
.navbar-nav > li > a {
	padding-bottom: 0;
    padding-top: 1em;
	padding-right: 0;
	margin-right: 0;
}
.navbar-nav > li > a:hover {
	margin-right: inherit;
}
.navbar-brand {
	padding: 0;
	height: auto;
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
	background-color: transparent;
}
.navbar-default {
	border-color: transparent;
	background-color: transparent;
}
.navbar-toggler {
	background-color: #eee;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

/*#################### HEADER ####################*/
nav#globalnavi {
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 3.5em;
	font-size: 10pt;
}
img.logo {
	width: auto;
	height: 4.5em;
}


a.loginContainerRegLink {
	display: block;
}
a.loginContainerRegLink:hover {
	color: #fff !important;
}

div#teaser {
	position: relative;
	width: 100%;	
}
div#teaser.startseite {
	background-image: none;
	background-color: #dad4d4; /*nur Startseite*/
	height: auto;
	height: 520px;
	background-color: #76bff6;
	background-image: url(../images/header1_arzttermine.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
img.teaser-theme-image {
	width: 100%;
	height: auto;
}

div#teaser.arzttermin, div#teaser.rezept, div#teaser.ueberweisung, div#teaser.medikamente, div#teaser.dokumente, div#teaser.gefuehlslage, div#teaser.befunde, div#teaser.roentgenbilder, div#teaser.medikationsplan, div#teaser.wechselwirkungen, div#teaser.impfung, div#teaser.mrsa, div#teaser.patienteninformation, div#teaser.notfall-qr, div#teaser.gesundheitskarte, div#teaser.datenschutz {
	height: auto;
	background-image: none;
}
div#teaser div.teasertext {
	position: absolute;
	top: 250px;
	width: 100%;
}
div#teaser div.teasertext h1 {
	width: 750px;
	margin: 0 auto;
}

div#slider {
	width: 100%;
	height: auto;
}
h1.sliderheadline,
h2.sliderheadline {
	font-size: 40pt;
	font-weight: 200;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 1px 1px 1px #222;
	color: #fff;
}
h1.sliderheadline-sub,
h2.sliderheadline-sub {
	font-size: 40pt;
	font-weight: 200;
	max-width: 960px;
	text-align: center;
	display: inline-block;
}
h1.sliderheadline-g5, h2.sliderheadline-g5 { width: 400px; }
h1.sliderheadline-g6, h2.sliderheadline-g6 { width: 480px; }
h1.sliderheadline-g7, h2.sliderheadline-g7 { width: 560px; }
h1.sliderheadline-g8, h2.sliderheadline-g8 { width: 640px; }
h1.sliderheadline-g9, h2.sliderheadline-g9 { width: 720px; }
h1.sliderheadline-g10, h2.sliderheadline-g10 { width: 800px; }
h1.sliderheadline-g11, h2.sliderheadline-g11 { width: 880px; }

div.carousel-inner {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
}
.container {
	width: 100%;
}
.carousel-caption {
	padding-bottom: 0;
}
.carousel-caption {
	width: auto;
	color: #000;
    position: relative;
    right: auto;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    z-index: 100000;
	left: 0;
	right: 0;
	top: 0;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	left: 0;
	right: 0;
}





/*Text-Karussel*/
div#dasSagenAndere {
	display: block;
	width: 700px;
	height: 360px;
	position: relative;
	margin: 0 auto;
}

img.quoteImage {
	width: 100px;
	height: auto;
}
p.quoter {
	color: #174c91;
	font-style: italic;
	font-size: 1.1em;
	padding-top: 1em;
	text-align: center;
}
p.quote {
	color: #174c91;
	font-style: normal;
	font-size: 1.7em;
	text-align: center;
	padding-top: 0.5em;
	margin-top: 0;
}
@media (max-width: 767px) {
  div#dasSagenAndere {
	height: 300px;
	}
	div.carousel-inner {
		height: 300px !important;
	}
  p.quote {
    font-size: 1.2em;
  }
}
.carousel-indicators li,
.carousel-indicators .active {
	display: block;
	
	width: 33.3333333333%;
	height: 50px;
	padding-top: 10px;
	text-indent: 0;
	margin: 0;
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
    opacity: 0.2;
	background-image: url("../images/vtb_widetile.png");
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
}
.carousel-indicators .active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
}
.carousel-indicators .active {
	color: #E52B12;
}
.carousel-indicators li:after, .carousel-indicators li.active:after {
	position: absolute;
	width: 20%;
	height: 6px;
	top: -16px;
	left: 20%;
	display: inline-block;
	background-color: #ddd;
	content: "";
}
.carousel-indicators li.active:after {
	background-color: #174c91;
}
div.indicators-wrapper {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	padding-left: 15%;
}
ol.carousel-indicators {
	width: 70%;
	white-space: nowrap;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: not-set;
	bottom: auto;
	left: auto;
	padding-left: 0;
	margin-left: 0;
}

ol.carousel-indicators li a:hover,
ol.carousel-indicators li.active a:hover  {
	text-decoration: none;
}

li#indicatorOne {
	background-image: url("../images/logo-asklepios.png");
}
li#indicatorTwo {
	background-image: url("../images/logo-thoraxklinik.png");
}
li#indicatorThree {
	background-image: url("../images/logo-klinikum-uni-muenchen.png");
}
li#indicatorOne:after {
	left: 7%;
}
li#indicatorTwo:after {
	left: 40%;
}
li#indicatorThree:after {
	left: 72.5%;
}


.glyphicon-chevron-left::before {
	content: " ";
}
.glyphicon-chevron-right::before {
	content: " ";
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* Anpassungen für unterschiedliche Bildschirmauflösungen */
		
	@media only screen and (max-width: 2400px) {
		h1.sliderheadline,
		h2.sliderheadline {
			font-size: 40pt;
		}
	}
	@media only screen and (max-width: 1200px) {
		h1.sliderheadline,
		h2.sliderheadline {
			font-size: 35pt;
		}
	}
	@media only screen and (max-width: 1200px) {
		h1.sliderheadline,
		h2.sliderheadline {
			font-size: 30pt;
		}
	}
	@media only screen and (max-width: 1200px) {
		h1.sliderheadline,
		h2.sliderheadline {
			font-size: 27pt;
		}
	}
	@media only screen and (max-width: 1100px) {
		h1.sliderheadline,
		h2.sliderheadline {
			font-size: 24pt;
		}
	}
	@media only screen and (max-width: 1000px) {
		h1.sliderheadline,
		h2.sliderheadline {
			font-size: 20pt;
		}
	}

div#custommenu {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: transparent;
	top: 3.5em;
	z-index: 1000;
	font-size: 10pt;
}
div#custommenu.ontop {
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
div#custommenu.lock {
	position: fixed;
	min-height: 40px;
	top: 0; 
	width:100%; 
	z-index: 1010;
	background-color: #fff;
	/*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);*/
	border-bottom: 1px solid #ddd;
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}
div#custommenu.lock div.locker {
	height: 3.5em;
	min-height: 40px;
	background-image: url(../images/vitabook_logo_blau_150px.png);
	background-position: left 8px;
	background-repeat: no-repeat;
	background-size: 144px 32px;
	position: relative;
}
div#custommenu div.locker a.indexlink {
	display: none;
}
div#custommenu.lock div.locker a.indexlink {
	height: 3.5em;
	min-height: 40px;
	width: 200px;
	border: 0 none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-indent: -9999px;
}
div.breadcrumbtext {
	margin-left: 233px; /* "zentrieren" */
}
div#subnavi {
	display: block;
	width: 100%;
	height: 3.5em;
	background-color: transparent;
}
div#subnavi.toggle {
	background-color: #fff;
}
/* Toggle Effects */
.toggler-base {
	position: relative;
}
/*Button für Navigation*/
span#button {
	text-decoration: none;
	cursor: pointer;
	background-image: url(../images/bg-navi-to-open.png);
	background-position: center right;
	background-repeat: no-repeat;
	display: inline-block;
	padding-top: 3px;
	padding-right: 32px;
	width: auto;
	height: 25px;
	position: relative;
	text-shadow: 1px 1px #f7f7f7;
}
#button.toToggle { /* Status: #effect nicht sichtbar */
	text-decoration: none;
	background-color: #fff;
	color: #aaa;
	background-image: none;
}
span#animate {
	background-image: none;
}
span#animate.toToggle {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 20px;
	height: 20px;
	background-image: url(../images/xzibit.png);
	background-position: center center;
	background-repeat: no-repeat;
}

/*Der die Navi umgebende Container*/
#effect {
	position: absolute;
	z-index: 99;
	display: none;
	width: 100%;
	height: auto;
	min-height: 470px;
	float: left;
	padding: 0.4em;
	padding-left: 0; 
	padding-right: 0;
	top: 3.5em;
	background-color: transparent;
	transform: translate3d(0px, -482px, 0px);
	-webkit-transform: translate3d(0px, -482px, 0px);
    -moz-transform: translate3d(0px, -482px, 0px);
    -o-transform: translate3d(0px, -482px, 0px);
}
#effect.toggle {
	background-color: rgba(250, 250, 250, 0.95);
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, -482px, 0px);
}
#effect span {
	margin: 0;
	padding: 0.4em;
	text-align: center;
}
/* Eplore-Menu */
ul#menu {
	float: left;
	display: none;
}
ul#menu li {
	float: left;
	display: inline-block;
	list-style-type: none;
	margin-right: 8px;
}
ul#menu li.first {
	claer: both;
}
ul#menu li.last {
	margin-right: 0;
}
ul#menu li.li_arzttermin,
ul#menu li.li_rezept,
ul#menu li.li_ueberweisung,
ul#menu li.li_medikamente,
ul#menu li.li_dokumente,
ul#menu li.li_gefuehlslage,
ul#menu li.li_befunde,
ul#menu li.li_roentgenbilder,
ul#menu li.li_medikationsplan,
ul#menu li.li_wechselwirkungen,
ul#menu li.li_impfung,
ul#menu li.li_mrsa,
ul#menu li.li_patienteninformation,
ul#menu li.li_notfall-qr,
ul#menu li.li_gesundheitskarte {
	background-image: url(../images/bg_li_ueberweisung.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
ul#menu li.li_rezept {
	background-image: url(../images/bg_li_rezept.jpg);
}
ul#menu li.li_arzttermin {
	background-image: url(../images/bg_li_arzttermin.jpg);
}

ul#menu li.li_medikamente {
	background-image: url(../images/bg_li_medikamente.jpg);
}
ul#menu li.li_dokumente {
	background-image: url(../images/bg_li_dokumente.jpg);
}
ul#menu li.li_gefuehlslage {
	background-image: url(../images/bg_li_gefuehlslage.jpg);
}
ul#menu li.li_befunde {
	background-image: url(../images/bg_li_befunde.jpg);
}
ul#menu li.li_roentgenbilder {
	background-image: url(../images/bg_li_roentgenbilder.jpg);
}
ul#menu li.li_medikationsplan {
	background-image: url(../images/bg_li_medikationsplan.jpg);
}
ul#menu li.li_wechselwirkungen {
	background-image: url(../images/bg_li_wechselwirkungen.jpg);
}
ul#menu li.li_impfung {
	background-image: url(../images/bg_li_impfung.jpg);
}
ul#menu li.li_mrsa {
	background-image: url(../images/bg_li_mrsa.jpg);
}
ul#menu li.li_patienteninformation {
	background-image: url(../images/bg_li_patienteninformation.jpg);
}
ul#menu li.li_notfall-qr {
	background-image: url(../images/bg_li_notfall-qr.jpg);
}
ul#menu li.li_gesundheitskarte {
	background-image: url(../images/bg_li_gesundheitskarte.jpg);
}
ul#menu li a {
	float: left;
	padding-top: 108px;
	padding-bottom: 5px;
	display: block;
	text-align: center;
	width: 185px;
	color: #444;
	margin-bottom: 1.5em;
}
ul#menu li a:hover {
	text-decoration: none;
	background-color: #005fb3;
	opacity: 0.2;
	color: #fff;
}
div#teaser h1 {
	color: #fff;
	font-weight: 100;
	text-align: center;
}
div#teasertext {
	position: absolute;
	z-index: 20;
	width: 100%;
	bottom: 2em;
}
div.teasertext-content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
ul#teaserlinks {
	float: left;
	margin-left: 10%;
}
ul#teaserlinks li {
	float: left;
	list-style-type: none;
}
div#vtb_404header {
	display: block;
	width: 100%;
	height: 694px;
	background-color: #fbfafa;
	background-image: url(../images/fehler404.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
div.txt404 {
	padding-top: 200px;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}



/*#################### Nivo-Slider ####################*/
.nivo-caption {
	bottom: 20%;
	background-color: transparent;
	color: #fff;
	display: block;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.nivo-controlNav {
	display: none;
}
.nivo-prevNav,
.nivo-nextNav {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.nivo-prevNav:hover,
.nivo-nextNav:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.nivo-prevNav {
	background-image: url(../images/icon_weiter_links.png);
	background-position: top right;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 80px;
	height: 60px;
}
.nivo-nextNav {
	background-image: url(../images/icon_weiter_rechts.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 80px;
	height: 60px;
}
.slider-wrapper {
	position: relative;
}
.slider-buttons {
	position: absolute; 
	bottom: 7%; 
	width: 100%; 
	height: auto; 
	z-index: 88;
}
.btn-zwo {
	height: 2.4em !important;
}
.select {
	-webkit-appearance: none;
}


/*#################### Inhaltscontainer ####################*/

#vtb_column1, #vtb_column2, #vtb_column3, #vtb_column4, #vtb_column5, #vtb_column6, #vtb_column7, #vtb_column8, #vtb_column9  {
	position: relative;
}
div#anchor,
div#anchor-1,
div#anchor-2,
div#anchor-3,
div#anchor-4 {
	position: absolute;
	top: -3.5em;
	z-index: 1;
	width: 30px;
	height: 3.5em;
}


div#imagelinks {
	width: 720px;
	height: 310px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}
div#imagelinks ul {
	float: left;
}
div#imagelinks ul li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(../images/bg_li_c2_6.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
div#imagelinks ul li.imagelink_c1 {
	background-image: url(../images/bg_li_c2_1.jpg);
}
div#imagelinks ul li.imagelink_c2 {
	background-image: url(../images/bg_li_c2_2.jpg);
}
div#imagelinks ul li.imagelink_c3 {
	background-image: url(../images/bg_li_c2_3.jpg);
}
div#imagelinks ul li.imagelink_c4 {
	background-image: url(../images/bg_li_c2_4.jpg);
}
div#imagelinks ul li.imagelink_c5 {
	background-image: url(../images/bg_li_c2_5.jpg);
}
div#imagelinks ul li.imagelink_c6 {
	background-image: url(../images/bg_li_c2_6.jpg);
}
div#imagelinks ul li a {
	display: block;
	width: 230px;
	height: 145px;
	padding-top: 40px;
	border: 0 none;
	color: #fff;
	text-decoration: none;
	/*background-color: #E52B12;*/
	text-indent: -9999px;
	text-align: center;
}
div#imagelinks ul li a:hover {
	background-color: #E52B12;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;
	text-indent: 0;
	text-align: center;
}
div.text_bild {
	width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4em;
}
div.foerderer {
	padding-bottom: 4em;
}
img.img_foerderer {
	margin: 0 auto;
}

div#testpane,
div.arztsucheContainerContentInner {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
}
div.vtb-arztsuche {
	position: relative;
	margin-bottom: 1.5em;
}
div.vtb-arztsuche-headline {
	position: absolute;
	bottom: 13px;
	left: 13px;
	width: 430px;
	height: auto;
}
h3.arztsuche-headline {
	color: #000;
	text-align: center;
}
div.arztsuche-dreieck {
  position: absolute; 
  z-index: 99; 
  width: 37px; 
  height: 19px; 
  bottom: -19px; 
  left: 210px; 
  background-image: url(../images/dreieck.gif);
  background-repeat: no-repeat;
}
div#testpane {
	width: 960px;
}


/* Parallax Fenster */
div.parallax {
	background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}

/*Tablet mit interaktiven Inhalten*/
div#lesson {
	width: 100%;
	height: auto; 
	margin: 0 auto;
	max-width: 1382px;
	min-width: 980px;
	max-height: 774px;
	position: relative;
	margin-bottom: 30px;
}
div#lesson img.tablet {
	width: 100%;
	max-width: 1382px;
	min-width: 980px;
	max-height: 774px;
}
div.lesson:after {
	clear: both;
}
.btn-tooltip {
	width: 38px;
	height: 38px;
	background-image: url(../images/bulletpoint.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: 0 none;
}
.tooltip-inner {
	background-color: #E52B12;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #E52B12;
}
.tooltip.top-left .tooltip-arrow {
	border-top-color: #E52B12;
}
.tooltip.top-right .tooltip-arrow {
	border-top-color: #E52B12;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #E52B12;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #E52B12;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #E52B12;
}
.tooltip.bottom-left .tooltip-arrow {
	border-bottom-color: #E52B12;
}
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #E52B12;
}
.tt1, .tt2, .tt3, .tt4, .tt5, .tt6, .tt7, .tt8, .tt9 {
	position: absolute;
	text-indent: -9999px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	-webkit-animation-name: glow;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 1500ms;
    border: 3px solid #d3e4fd;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.9;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.tt1 {
	top: 57%;
	left: 30%;
}
.tt2 {
	top: 23%;
	left: 46%;
}
.tt3 {
	top: 24%;
	left: 67%;
}
.tt4 {
	top: 45%;
	left: 66%;
}
.tt5 {
	top: 27%;
	left: 37%;
}
.tt6 {
	top: 61%;
	left: 48%;
}
.tt7 {
	top: 55%;
	left: 57%;
}
.tt8 {
	top: 34%;
	left: 59%;
}
.tt9 {
	top: 41%;
	left: 47%;
}

div.datenschutz h5 {
	font-weight: bold;
}



div.small-teaser {
	background-color: #fff;
	width: 470px;
	margin-bottom: 18px;
}
div.small-teaser h5 {
	margin-bottom: 1.5em;
	font-size: 1.2em;
}




/*#################### OVERVIEW ####################*/
img.overview {
	float: right;
	margin: 0;
}
h5.overview {
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}


/*#################### PREVIEW ####################*/
div#preview {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
div.preview-content {
	width: 960px;
	float: left;
	border-bottom: 2px solid #b3b3b3;
	padding-bottom: 3em;
}
div.preview-article {
	padding-top: 190px;
	background-image: url(../images/bg_preview_01.jpg);
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
}
div.preview-article01 {
	background-image: url(../images/bg_preview_01.jpg);
}
div.preview-article02 {
	background-image: url(../images/bg_preview_02.jpg);
}
div.preview-article03 {
	background-image: url(../images/bg_preview_03.jpg);
}
div.preview-article04 {
	background-image: url(../images/bg_preview_04.jpg);
}
div.preview-article05 {
	background-image: url(../images/bg_preview_05.jpg);
}
div.preview-article06 {
	background-image: url(../images/bg_preview_06.jpg);
}
div.preview-article07 {
	background-image: url(../images/bg_preview_07.jpg);
}
div.preview-article08 {
	background-image: url(../images/bg_preview_08.jpg);
}
div.preview-article09 {
	background-image: url(../images/bg_preview_09.jpg);
}
div.preview-article10 {
	background-image: url(../images/bg_preview_10.jpg);
}
div.preview-article11 {
	background-image: url(../images/bg_preview_11.jpg);
}
div.preview-article12 {
	background-image: url(../images/bg_preview_12.jpg);
}
div.preview-article13 {
	background-image: url(../images/bg_preview_13.jpg);
}
div.preview-article14 {
	background-image: url(../images/bg_preview_14.jpg);
}
div.preview-links {
	width: 960px;
	padding: 1.5em 0;
	float: left;
	margin-bottom: 1.5em;
	border-bottom: 2px solid #b3b3b3;
}
a.preview-link-n,
a.preview-link-v {
	color: #b3b3b3;
	font-size: 1.1em;
}
a.preview-link-v:before,
a.preview-link-n:after {
	content: "<";
	border: 1px solid #b3b3b3;
    border-radius: 100px;
    display: inline-block;
    height: 1.4em;
    line-height: 1.2em;
    margin-right: 0.4em;
    text-align: center;
    width: 1.4em;
}
a.preview-link-n:after {
	content: ">";
	margin-left: 0.4em;
}
div.fb-like {
	margin-top: -5px;
}






/*#################### FOOTER ####################*/

div#vtb_footer {
	width: 100%;
	/*max-width: 1820px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	clear: both;
	padding: 20px 0 50px 0;
	font-size: 10pt;
}
div#vtb_footer h5 {
	font-weight: bold;
}
div#vtb_footer ul li {
	list-style-type: none;
}
div#vtb_footer p, div#vtb_footer a {
	font-size: inherit;
	color: #333;
}
div#vtb_footer a {
	font-weight: bold;
	color: #174c91;
}
ul.footerlist li {
	margin-top: 0.75em;
}
ul.horizontal_footerlist li {
	float: left;
	display: inline-block;
}
table#sociallinks {
	width: auto;
	border-collapse: collapse;
	margin: 1em 0 0 0;
}
table#sociallinks a img {
	width: 40px;
}
table#sociallinks td {
	padding-right: 10px;
}

/* Ergänzungen */
.mobile-only {
	display: none !important;
}

.swiper-wrapper {
	height: 700px;
}
/* Anpassungen für unterschiedliche Bildschirmauflösungen */
		
	@media only screen and (max-width: 2400px) {
		.swiper-wrapper {
			height: 770px;
		}
	}
	@media only screen and (max-width: 1200px) {
		.swiper-wrapper {
			height: 680px;
		}
	}
	@media only screen and (max-width: 1200px) {
		.swiper-wrapper {
			height: 590px;
		}
	}
	@media only screen and (max-width: 1200px) {
		.swiper-wrapper {
			height: 530px;
		}
	}
	@media only screen and (max-width: 1100px) {
		.swiper-wrapper {
			height: 490px;
		}
	}
	@media only screen and (max-width: 1000px) {
		.swiper-wrapper {
			height: 460px;
		}
	}
.sw1, .sw2, .sw3, .sw4 {
	background-image: url(../images/slider_image_01_large.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.sw2 {
	background-image: url(../images/slider_image_02_large.jpg);
}
.sw3 {
	background-image: url(../images/slider_image_03_large.jpg);
}
.sw4 {
	background-image: url(../images/slider_image_04_large.jpg);
}
div#htmlcaption1, 
div#htmlcaption2, 
div#htmlcaption3, 
div#htmlcaption4 {
	position: absolute;
	bottom: 150px;
	width: 100%;
	display: block;
}


div.gradient {
	filter: progid:DXImageTransform.Microsoft.gradient(
   startColorstr='#fff', 
   endColorstr='#f7f7f7');
   background: linear-gradient( #fff, #f7f7f7);
   padding-bottom: 1.5em;
}
div.mit-bild-arzt, div.mit-bild-apotheke, div.mit-bild-pflegedienst, div.mit-bild-patient, div.mit-bild-start, div.mit-bild-behoerde {
	background-image: url(../images/slider_image_02_large.jpg); /*bg-login01*/
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}
div#column1.mit-bild-start.fourOfour {
	background-image: url(../images/bg_fourofour.gif); /*bg-login01*/
	background-repeat: no-repeat;
	background-position: bottom center;
}



/*Neue Angaben*/ 

body {
	background-color: #fff;
}
a {
	border: 0 none;
}
.uppercase {
	text-transform: uppercase;
}
div#header {
	width: 100%;
	min-height: 7em;
	padding-top: 10px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: #fff;
}
div.headerTextbox {
	width: 100%;
}
div#header.header-sub {
	background: transparent;
	background-color: #fff;
	filter: 0 none;
}
div#header_Sub {
	width: 100%;
	/*max-width: 1820px;*/
	margin: 0 auto;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}
div#mainlinknavilist {
	width: auto;
	margin-left: 250px;
	margin-right: 10px;
}
.navbar-brand {
	position: absolute;
	top: 0;
	left: 10px;
}
div.logoContainer {
	/*background-color: #fff;
	margin-top: -10px;
	padding: 10px;
	padding-top: 15px;
	border: 1px solid #E52B12;
	border-top: 0 none;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;*/
}
ul.nav.navbar-nav {
	margin: 0;
	margin-top: 7px;
    position: static;
    top: auto;
    width: 100%;
	background-color: beige;
}
/* Anpassungen für unterschiedliche Bildschirmauflösungen */
		
	@media only screen and (max-width: 2400px) {
		ul.nav.navbar-nav {
			font-size: 1em;
			background-color: beige;
		}
	}
	@media only screen and (max-width: 1500px) {
		ul.nav.navbar-nav {
			font-size: 1em;
			background-color: beige;
		}
	}
	@media only screen and (max-width: 1350px) {
		ul.nav.navbar-nav {
			font-size: 1em;
			background-color: beige;
		}
	}
	@media only screen and (max-width: 1150px) {
		ul.nav.navbar-nav {
			font-size: 1em;
			background-color: beige;
		}
		div#mainlinknavilist {
			width: auto;
			text-align: left;
		}
		ul.nav.navbar-nav.navbar-right {
			float: left !important;
		}
	}
ul.nav.navbar-nav li::after {
    clear: both;
    content: "";
    display: table;
}
ul.nav.navbar-nav > li {
    display: inline-block;
	
}
ul.nav.navbar-nav > li {
    float: none;
	width: auto;
}
ul.nav.navbar-nav > li a {
    color: #444;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	padding: 0;
	width: auto;
	float: right;
	white-space: nowrap;
}
ul.nav.navbar-nav > li a.active {
    text-decoration: underline;
}
ul.nav.navbar-nav > li a.active:hover, ul.nav.navbar-nav > li a.active:active, ul.nav.navbar-nav > li a.active:focus {
    text-decoration: underline;
	border-bottom: 0 none;
}

div#column1 {
	height: 670px;
	width: 100%;
	/*max-width: 1820px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #f5f5f5;
	position: relative;
	background-image: url(../images/headerimage.jpg); /*url(../images/bg_index.jpg);*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	margin-bottom: 90px; /*Abstand nach unten wegen absolutem Inhalt*/
}
div#column1.mit-bild-patientenkarten {
	background-image: url(../images/bg_patientenkarten.jpg);
}
div#contentWrapper { /*TS2019*/
	position: absolute;
	bottom: -70px;
	left: 0;
	z-index: 5;
	width: 100%;
	height: auto;
	padding: 0;
}
div#content { /*TS2019*/
	width: 58.33333%;
	height: auto;
	background-color: #fff;
	padding: 1em;
	border-bottom: 10px solid #174c91;
	float: left;
}
div#content h1 {
	padding-left: 20px;
	font-size: 2.6em;
	font-weight: 800;
}
div#content h1 span {
	font-size: 0.8em;
}
div#content h1.subtitle {
	text-align: center;
	font-size: 3.6em;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 1px 1px #555;
}
div#content p {
	padding-left: 20px;
}

div.brotkrumen {
	padding-top: 1em;
	padding-bottom: 1em;
}
div.brotkrumen ol {
	list-style-type: none;
}
div.brotkrumen ol li:first-child::before {
	padding-right: 0.25em;
}
div.brotkrumen ol li::before {
	content: ">";
	display: inline-block;
	padding-left: 0.2em;
}
div.brotkrumen ol li a {
	color: inherit;
}

a.mainNavi,
ul.nav.navbar-nav > li a {
	display: block;
	margin-left: 20px;
	padding: 0;
	padding-top: 0;
	line-height: 1.5em;
}
a.mainNavi:hover,
ul.nav.navbar-nav > li a:hover,
a.mainNavi:focus,
ul.nav.navbar-nav > li a:focus  {
	color: #174c91;
	padding: 0;
	line-height: 1.5em;
	padding-top: 0;
	margin-top: 0;
}
ul.nav.navbar-nav > li a.buttonStandard {
	color: #fff;
	background-color: #174c91;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 0.4em 1em;
	text-decoration: none;
}
ul.nav.navbar-nav > li a.buttonStandard:hover, ul.nav.navbar-nav > li a.buttonStandard:focus, ul.nav.navbar-nav > li a.buttonStandard:active {
	background-color: #235291;
	text-decoration: none;
}
/* Anpassungen für unterschiedliche Bildschirmauflösungen */
		
	@media only screen and (max-width: 2400px) {
		.div#column1 {
			height: 670px;
		}
		div#content {
			
		}
		div#content h1, div#content h1.subtitle {
			font-size: 3.3em;
		}
		img.logo {
			
		}
		div#mainlinknavilist {
			padding-top: 1em;
		}
		div.infoteaser {
			margin-bottom: 0;
		}
	}
	@media only screen and (max-width: 1200px) {
		div#column1 {
			height: 580px;
		}
		div#content {
			
		}
		div#content h1, div#content h1.subtitle {
			font-size: 2.8em;
		}
		p.lead {
			font-size: 1.2em;
		}
		img.logo {
			
		}
		div.infoteaser {
			margin-bottom: 2.5em;
		}
	}
	@media only screen and (max-width: 1200px) {
		div#column1 {
			height: 490px;
		}
		div#content {
			
		}
		div#content h1, div#content h1.subtitle {
			font-size: 2.4em;
		}
		img.logo {
			
		}
	}
	@media only screen and (max-width: 1200px) {
		div#column1 {
			height: 430px;
		}
		div#content {
			
		}
		div#content h1, div#content h1.subtitle {
			font-size: 1.8em;
		}
		img.logo {
			
		}
		h1.vierhundertvier {
			font-size: 2em;
		}
	}
	@media only screen and (max-width: 1100px) {
		div#column1 {
			height: 390px;
		}
		div#content {
			
		}
		div#content h1, div#content h1.subtitle {
			font-size: 1.6em;
		}
		img.logo {
			
		}
	}
	@media only screen and (max-width: 1000px) {
		div#column1 {
			height: 360px;
		}
		div#content {
			
		}
		div#content h1, div#content h1.subtitle {
			font-size: 1.5em;
		}
		img.logo {
			
		}
	}
	@media only screen and (max-width: 768px) {
		div#column1 {
			height: 330px;
		}
		div#content {
			
		}
		div#content h1, div#content h1.subtitle {
			font-size: 1.3em;
		}
		p.lead {
			font-size: 1em;
		}
		img.logo {
			
		}
		div#mainlinknavilist {
			padding-top: 0;
			width: 100%;
			background-color: #fff;
		}
		ul.nav.navbar-nav {
			float: none;
			clear: both;
			display: block;
			width: 100%;
			font-size: 1em;
		}
		
		.no-mobile {
			display: none;
		}
		body, html {
			font-size: 1em;
		}
		h1.vierhundertvier {
			font-size: 1.5em;
		}
		h2 {
			font-size: 1.3em;
			font-weight: 600;
		}
		div#deck-of-cards div.g4 {
			width: 50%;
		}
		a.mainNavi,
		ul.nav.navbar-nav > li a {
			display: block;
			margin-left: 0;
			padding: 0;
		}
	}
	@media only screen and (max-width: 500px) {
		div#deck-of-cards div.g4 {
			width: 100%;
			padding: 0;
		}
	}
div#column2 {
	width: 100%;
	padding: 70px 20px;
}
div#column5 {
	padding-bottom: 6em !important;
}
div#column6 {
	width: 100%;
	/*max-width: 1820px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 3em !important;
}

div.card-container {
	padding-left: 15px;
	padding-right: 15px;
}
div.card-image-container {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
}
div.card-container p {
	padding-top: 1em;
	text-transform: uppercase;
	margin-bottom: 2em;
}
img.card-image {
	width: 100%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


div#wrapping-row {
	width: 100%;
}
div#wrapping-row div.g4 {
	width: 33.333333%;
}
div.wrap-container-left {
	padding: 0 10px;
}
div.wrap-container-center {
	padding: 0 10px;
}
div.wrap-container-right {
	padding: 0 10px;
}
div[id^="wrap0"] {
	position: relative;
	width: 100%;
	height: 400px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #eee;
	overflow: hidden;
	background-image: url(../images/bg_wrap01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
div#wrap01 {
	background-image: url(../images/bg_wrap01.jpg);
}
div#wrap02 {
	background-image: url(../images/bg_wrap02.jpg);
}
div#wrap03 {
	background-image: url(../images/bg_wrap03.jpg);
}
div#wrap04 {
	background-image: url(../images/bg_wrap04.jpg);
}
div#wrap05 {
	background-image: url(../images/bg_wrap05.jpg);
}
div#wrap06 {
	background-image: url(../images/bg_wrap06.jpg);
}




div.relative-wrap {
	position: relative;
	height: 510px;
	width: 100%;
}
div.card-info-text-top,
div.card-info-text-bottom {
	
}
div.card-info-text-top {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
}
div.card-info-text-bottom {
	position: absolute;
	top: 110px;
	padding: 15px;
	width: 100%;
	height: 410px;
	background: rgba(229, 43, 18, 0.8);
}
div.relative {
	width: auto;
	height: 100px;
	float: left;
	position: relative;
}
h3.wrap-title {
	background: rgba(229, 43, 18, 0.8);
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 10px 0 10px;
	padding: 4px 7px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	line-height: 100%;
}
h3.wrap-title.wt1 {
	
}
h3.wrap-title.wt2 {
	
}
h3.wrap-title.wt3 {
	
}
h3.wrap-title.wt4 {
	
}
h3.wrap-title.wt5 {
	white-space: nowrap;
}
h3.wrap-title.wt6 {
	white-space: nowrap;
}
div.card-info-text h4 {
	font-size: 13.5pt;
	font-weight: 600;
}
div.card-info-text h5 {
	font-size: 10.5pt;
	font-weight: 400;
	color: #c0cdd4;
}
div.card-info-text p {
	font-size: 9.5pt;
	line-height: 150%;
	margin-top: 2px;
}
p.bottomlink {
	position: absolute;
	bottom: 2em;
	left: 15px;
	text-decoration: underline;
}
p.bottomlink a {
	color: #fff;
	text-decoration: underline;
}

/*Bild mit Text*/
.pictureBox {
	min-height: 300px;
	float: left;
}
.pictureText {
	background-color: #fff;
	margin-left: -50px;
	padding: 1em;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 2em; /*falls das image höher ist als der Text*/
	margin-top: 7em;
	border: 0 none;
	display: block;
	width: 100%;
}
#column4 .pictureTextLeft {
	margin-bottom: 5em;
}
.pictureBoxRight {
	min-height: 300px;
	display: block;
	width: 100%;
}
.pictureTextLeft {
	background-color: #fff;
	margin-right: -50px;
	padding: 1em;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 2em; /*falls das image höher ist als der Text*/
	margin-top: 80px;
	border: 0 none;
	z-index: 77;
	display: block;
}
.pictureBoxRight img, .pictureBoxRight img, img.pictureBoxImage {
	max-width: 100%;
	width: 100%;
}
.pictureFullBG {
	background-image: url("../images/bg-verlauf.png");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.pictureFullBG .pictureBoxRight, .pictureFullBG .pictureBox, .pictureFullBG .pictureTextLeft, .pictureFullBG .pictureText {
	background-color: transparent;
}
.pictureFullBG .pictureTextLeft, .pictureFullBG .pictureText {
	padding-bottom: 5em;
	border: 0 none;
}
.pictureTextLeft p a, .pictureText p a {
	font-weight: bold;
	color: #174c91;
}
.pictureRow {
	width: 100%;
	max-width: 1024px;
	margin-left: auto !important;
	margin-right: auto !important;
}
@media only screen and (max-width: 768px) {
	div#dasSagenAndere {
		width: 94%;
		height: 400px;
		max-width: 1024px;
		margin-left: 3% !important;
		margin-right: 3% !important;
	}
}


/*Footer Links*/
.boehringerBox, .vitabookBox {
	float: right;
	width: auto;
	max-width: 180px;
	padding: 0 1em;
}
.boehringerBox p, .vitabookBox p {
	color: #aaa !important;
	padding-bottom: 0.75em !important;
}
.boehringerBox img, .vitabookBox img {
	width: 100%;
	max-width: 100%;
}
a.mainNavi, ul.nav.navbar-nav > li a, .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active {
	line-height: 2.8em !important;
	height: auto;
	width: auto;
	border: 0 none;
	padding-top: 0;
	margin-top: 0;
	font-weight: 600;
	
}
ul.nav.navbar-nav > li a.active{
	font-weight: 800;
	text-decoration: none;
	color: #174c91;
}
ul.nav.navbar-nav > li a.buttonStandard {
	padding: 0 1.3em;
}
ul.navbar-nav.navbar {
	margin-top: 0;
}
.navbar-header {
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
}




/* Anpassungen für unterschiedliche Bildschirmauflösungen */
		
	@media only screen and (max-width: 2400px) {
		div#wrapping-row div.g4 {
			width: 33.333333%;
		}
	}
	@media only screen and (max-width: 1200px) {
		div#wrapping-row div.g4 {
			width: 50%;
		}
	}
	@media only screen and (max-width: 900px) {
		div#wrapping-row div.g4 {
			width: 100%;
		}
		div.card-info-text {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			width: 67%;
			height: auto;
		}
		div.card-info-text-top {
			display: none;
		}
		div.card-info-text-bottom {
			top: 0;
		}
		div[id^="wrap0"] {
			height: auto;
			padding-top: 33%;
			background-position: left top;
			background-size: contain;
		}
		div.relative-wrap {
			height: auto;
			position: absolute;
			padding-top: 33%;
			top: 0;
			bottom: 0;
		}
		div.card-info-text-bottom {
			height: auto;
			position: absolute;
			top: 0;
			bottom: 0;
		}
		div.card-info-text-top {
			position: absolute;
			top: 0;
		}
		p.bottomlink {
			position: absolute;
			bottom: 1em;
		}
		p.bottomlink a {
			font-size: 100% !important;
		}
		div#wrap01 {
			background-image: url(../images/bg_kachel_wrap01.jpg);
		}
		div#wrap02 {
			background-image: url(../images/bg_kachel_wrap02.jpg);
		}
		div#wrap03 {
			background-image: url(../images/bg_kachel_wrap03.jpg);
		}
		div#wrap04 {
			background-image: url(../images/bg_kachel_wrap04.jpg);
		}
		div#wrap05 {
			background-image: url(../images/bg_kachel_wrap05.jpg);
		}
		div#wrap06 {
			background-image: url(../images/bg_kachel_wrap06.jpg);
		}
		h4.whitetext.center {
			text-align: left;
			font-size: 1em;
			text-transform: uppercase;
			line-height: 100%;
		}
		div.card-info-text-bottom h5 {
			text-align: left;
		}
		.no-tablet {
			display: none;
		}
	}


div.socials {
	margin-top: 2.5em;
}


div#footer {
	width: 100%;
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 2px solid #f6f6f6;
}
ul.footerlist {
	list-style-type: none;
	margin: 0;
}
ul.footerlist a {
	color: inherit;
}
ul.footerlist li.firstLi {
	font-weight: 600;	
}
img.img_foerderer {
	width: 120px;
	border: 0 none;
	margin-bottom: 15px;
	margin-right: 25px;
}
p.graytext a {
	color: inherit;
}
a.mailtoButton {
	display: inline-block;
	border: 1px solid #e52b12;
	background-color: #e52b12;
    border-radius: 0;
    display: inline-block;
    font-size: 1em;
    height: auto;
    line-height: 1.5em;
    margin-right: 0;
    padding: 4px 12px;
	color: #fff !important;
}
a.mailtoButton:hover {
	background-color: #d32811;
    color: #fff !important;
	text-decoration: none !important;
}
@media only screen and (max-width: 900px) {
		div#footer .g12, div#footer .g11, div#footer .g10, div#footer .g9, div#footer .g8, div#footer .g7, div#footer .g6, div#footer .g5, div#footer .g4, div#footer .g3, div#footer .g2, div#footer .g1 {
			width: 100%;
			padding-bottom: 2em;
		}
	}

	
div.karten-uebersicht {
	padding-top: 155px;
}
div.karten-uebersicht div {
	
}
div.item01, div.item02, div.item03, div.item04, div.item05, div.item06 {
	position: relative;
	height: 175px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #eee;
	overflow: hidden;
	background-image: url(../images/bg_wrap01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 43%;
}
div.item02 {
	background-image: url(../images/bg_wrap02.jpg);
}
div.item03 {
	background-image: url(../images/bg_wrap03.jpg);
}
div.item04 {
	background-image: url(../images/bg_wrap04.jpg);
}
div.item05 {
	background-image: url(../images/bg_wrap05.jpg);
}
div.item06 {
	background-image: url(../images/bg_wrap06.jpg);
}
@media (max-width: 768px) {
	div.item01, div.item02, div.item03, div.item04, div.item05, div.item06 {
		width: 100%;
		height: 220px;
	}
	div.karten-uebersicht {
		padding-top: 75px;
	}
}

a.btn-store {
	display: inline-block;
	float: none;
	width: 200px;
	height: 67px;
	background-image: url(../images/laden-im-app-store.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
	margin: 0 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
a.btn-appstore {
	background-image: url(../images/laden-im-app-store.png);
}
a.btn-googleplay {
	background-image: url(../images/android-app-on-google-play.png);
}
a.btn-spot,
a.mehr-erfahren {
	display: inline-block;
	float: none;
	min-width: 200px;
	height: 45px;
	margin-top: 1.5em;
	background-color: #fff;
	color: #0591ff;
	line-height: 45px;
	white-space: nowrap;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
a.mehr-erfahren {
	color: inherit;
	border: 1px solid #888;
}
a.mehr-erfahren:hover {
	text-decoration: none;
	background-color: #f9f9f9;
}
@media only screen and (max-width: 900px) {
	a.btn-store,
	a.mehr-erfahren	{
		display: inline;
		float: none;
		width: auto;
		height: auto;
		background-image: none;
		text-indent: 10px;
		margin: 0 10px;
		color: #fff;
	}
	a.mehr-erfahren	{
		display: inline-block;
		float: none;
		width: auto;
		height: auto;
		background-image: none;
		text-indent: 10px;
		margin: 0 10px;
		padding: 0.2em 1em;
		color: inherit;
	}
}

div#column1, div#column2, div#column8, div#column9 {
	padding-top: 50px;
	padding-bottom: 50px;
}
div#column2 {
	padding-top: 100px;
}

div.circle {
	width: 250px;
	height: 250px;
	border: 2px solid #ccc;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
	background-color: #f5f5f5;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
div.circle1 {
	background-image: url(../images/bg_circle_01.png);
}
div.circle2 {
	background-image: url(../images/bg_circle_02.jpg);
}
div.circle3 {
	background-image: url(../images/bg_circle_03.jpg);
}
h3.teasertext {
	font-weight: bold;
	font-size: 1.3em;
}
p.teasertext {
	font-weight: 600;
	font-size: 1.1em;
	line-height: 190%;
	padding-top: 1em;
}
@media only screen and (max-width: 900px) {
	p.g9.teasertext {
		width: 100%;
	}
}

/*5 Steps*/
div#column3, div#column4, div#column5, div#column6, div#column7 {
	padding-top: 50px;
	padding-bottom: 0;
	clear: both;
	width: 100%;
}
div#column4 {
	width: auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
div#column1, div#column6, div#vtb_footer {
	
}
@media only screen and (max-width: 767px) {
	div#column1, div#column6, div#vtb_footer {
		
	}
}
div.step-image {
	position: relative;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	background-image: url(../images/bg_phone_01.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
}
div.step-image02 {
	background-image: url(../images/bg_phone_02.png);
}
div.step-image03 {
	background-image: url(../images/bg_privatpatientenkarte.png);
}
div.step-image04 {
	background-image: url(../images/bg_phone_04.png);
}
div.step-image05 {
	background-image: url(../images/bg_phone_03.png);
}
div.step-circle {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	margin: 120px auto 0 auto;
	background-color: #fff;
}
div.step-circle p {
	font-size: 2.6em;
	line-height: 80px;
	text-align: center;
	font-weight: 300;
	color: #0591ff;
}
p.step-text {
	font-size: 1.2em;
	color: #888;
	margin: 20px;
	text-align: center;
}
@media only screen and (max-width: 900px) {
	div.step-image {
		width: 80%;
		padding-top: 80%;
		height: auto;
	}
	div.step-circle {
		width: 3em;
		height: 3em;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
		margin: 40px auto 0 auto;
		background-color: #fff;
	}
	div.step-circle p {
		font-size: 1.6em;
		line-height: 2em;
		font-weight: normal;
	}
}




@media only screen and (max-width: 900px) {
	ol.carousel-indicators {
		width: 100%;
	}
	ol.carousel-indicators li {
		width: 33.333333%;
		height: 50px;
		display: inline-block;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
	}
	div.carousel-inner {
		height: 300px;
	}
	div.indicators-wrapper {
		padding-left: 0;
	}
	div.pictureText {
		padding-right: 20px;
	}
	div.pictureTextLeft {
		padding-left: 20px;
	}
}


/*Patienten- und Datenschutz*/
.vtb_varWhite, .vtb_varGray {
	padding: 15px;
}
.vtb_varWhite {
	background-color: #fff;
}
.vtb_varGray {
	background-color: #f7f7f7;
}
.vtb_varWhite h5, .vtb_varGray h5 {
	font-weight: bold;
}


/*Änderungen Footer*/
div.image-row-footer {
	white-space: nowrap;
	padding-top: 3em;
	padding-bottom: 1.5em;
}
div.image-row-footer img {
	height: 42px;
	margin: 4px 20px 0 0;
}
img#innovationspreis {
    height: auto;
    width: 159px;
}
div#vtb_footer ul li {
    font-size: 10.5pt;
    list-style-type: none;
}
ul.vtb_footerlist li {
    margin-top: 0.75em;
}
div.footer-block {
    margin-top: 1.5em;
}
div.vtb_footerlist h5 {
	text-transform: uppercase;
}
ul.vtb_footerlist li .btn-default {
    border-color: transparent;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: underline dotted;
}
ul.vtb_footerlist li .btn-default:hover, ul.vtb_footerlist li .btn-default:focus, ul.vtb_footerlist li .btn-default:active {
    text-decoration: underline;
	background-color: #fff;
}
div.popover-content, div.popover {
	font-size: 8.5pt !important;
}
p.ssl-secure {
    background-image: url("../images/ssl-secured.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    color: #999;
    padding-left: 65px;
	min-height: 24px;
}
.vtb_horizontal_footerlist li {
	display: inline-block;
	width: auto;
	float: left;
}
/*#################### ABSTANDSKLASSEN ####################*/
.margin-t1 {
	margin-top: 0.1em !important;
}
.margin-t2 {
	margin-top: 0.2em !important;
}
.margin-t3 {
	margin-top: 0.3em !important;
}
.margin-t4 {
	margin-top: 0.4em !important;
}
.margin-t5 {
	margin-top: 0.5em !important;
}
.margin-t6 {
	margin-top: 0.6em !important;
}
.margin-t7 {
	margin-top: 0.7em !important;
}
.margin-t8 {
	margin-top: 0.8em !important;
}
.margin-t9 {
	margin-top: 0.9em !important;
}
.margin-t10 {
	margin-top: 1em !important;
}
.margin-t11 {
	margin-top: 1.1em !important;
}
.margin-t20 {
	margin-top: 2em !important;
}
.margin-t40 {
	margin-top: 4em !important;
}
.margin-l1 {
	margin-left: 0.1em !important;
}
.margin-l2 {
	margin-left: 0.2em !important;
}
.margin-l3 {
	margin-left: 0.3em !important;
}
.margin-l4 {
	margin-left: 0.4em !important;
}
.margin-l5 {
	margin-left: 0.5em !important;
}
.margin-l6 {
	margin-left: 0.6em !important;
}
.margin-l7 {
	margin-left: 0.7em !important;
}
.margin-l8 {
	margin-left: 0.8em !important;
}
.margin-l9 {
	margin-left: 0.9em !important;
}
.margin-l10 {
	margin-left: 1em !important;
}
.margin-l20 {
	margin-left: 2em !important;
}
.margin-r5 {
	margin-right: 0.5em !important;
}
.margin-r10 {
	margin-right: 1em !important;
}
.margin-r20 {
	margin-right: 2em !important;
}
.margin-b10 {
	margin-bottom: 1em !important;
}
.margin-b20 {
	margin-bottom: 2em !important;
}
.margin-b40 {
	margin-bottom: 4em !important;
}
.padding-r10 {
	padding-right: 10px;
}
.padding-r20 {
	padding-right: 20px;
}
.padding20 {
	padding: 2em;
}
.padding-b10 {
	padding-bottom: 1em !important;
}
.padding-b20 {
	padding-bottom: 2em !important;
}
.padding-b30 {
	padding-bottom: 3em !important;
}
.padding-b40 {
	padding-bottom: 4em !important;
}
.padding-t10 {
	padding-top: 1em !important;
}
.padding-t20 {
	padding-top: 2em !important;
}
.padding-t30 {
	padding-top: 3em !important;
}
.padding-t40 {
	padding-top: 4em !important;
}
@media only screen and (max-width: 768px) {
	div#vtb_footer {
		width: 100%;
	}
	.mobile-only {
		display: block !important;
	}
	div.vtb_footerlist h5, div.vtb_footerlist p, div.vtb_footerlist ul li {
		font-size: 1em !important;
	}
}



@media only screen and (max-width: 767px) {
	.navbar-header {
		position: not-set;
		left: auto;
		top: auto;
		width: 100%;
	}
	.navbar-brand {
		position: no-set;
		top: auto;
		left: auto;
		padding-left: 0;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}
	div#mainlinknavilist {
		width: 100%;
		margin-left: 0;
		margin-right: 10px;
		margin-top: 5em;
		padding-right: 13px;
	}
	div#mainlinknavilist li {
		display: block;
	}
	.carousel-caption {
		width: auto;
		color: #000;
		position: not-set;
		text-align: center;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
		z-index: 100000;
		left: auto;
		right: auto;
		top: auto;
	}
	.container {
		padding-right: 0;
		padding-right: 0;
	}
	.pictureBox, .pictureText, .pictureBoxRight, .pictureTextLeft {
		background-color: transparent;
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 2em; /*falls das image höher ist als der Text*/
		margin-top: 0;
		border: 0 none;
		z-index: 77;
		display: block;
		width: 100%;
		min-height: 10px;
	}
	div.pictureRow .g5, div.pictureRow .g7 {
		width: 100%;
	}
	div#column2 {
		padding-top: 2em;
		padding-bottom: 0;
	}
	.carousel-indicators .active, .carousel-indicators, li#indicatorOne, li#indicatorTwo, li#indicatorThree  {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	img.logo {
		height: 3.5em;
		width: auto !important;
		min-width: not-set;
	}
	#column4 .pictureTextLeft {
		margin-bottom: 1em;
	}
}


/*EFFEKTE*/
/*Startseite*/
@keyframes imageFade {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes imageFade2 {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes imageFade3 {
	from {opacity: 0;}
	to {opacity: 1;}
}

.navbar-wrapper {
	width: 100%;
	height: auto;
	display: block;
	background-color: #fff;
	height: 3em;
	border-bottom: 1px solid orange;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
 }
 #wrapper {
	margin-top: 6em;
 }
 #wrapper.forSticky {
	margin-top: 0;
 }
 #topteaser {
	height: 100vh;
	width: 100%;
	border: 1px solid green;
	clear: both;
 }
 #stickyWrapper {
	height: 470vh;
	position: relative;
	clear: both;
	display: block;
 }
 #stickyOne.stickyContainer { /*zu Anfang sichtbar*/
	height: 100vh;
	visibility: visible;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
 }
 #stickyTwo.stickyContainer, #stickyThree.stickyContainer, #stickyFour.stickyContainer {
	height: 100vh;
	visibility: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
 }
 #stickyOne.stickyContainer.visible, #stickyTwo.stickyContainer.visible, #stickyThree.stickyContainer.visible, #stickyFour.stickyContainer.visible {
	visibility: visible;
	animation-name: st1; /* Animation mit Zuweisung der Klasse .visible auslösen */
	animation-duration: 1s;
 }
 #stickyOne.stickyContainer.invisible, #stickyTwo.stickyContainer.invisible, #stickyThree.stickyContainer.invisible, #stickyFour.stickyContainer.invisible {
	visibility: hidden;
 }
 .stickyContainer .stickyContent {
	display: none;
 }
 .stickyContainer.visible .stickyContent {
	display: block;
	padding-top: 20vh;
	height: 100vh;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
 }
 #stickyOne .stickyContent {
	display: block;
	padding-top: 20vh;
	height: 100vh;
 }
 #stickyTwo .stickyContent {
	/*background-color: #e7e7e7;*/
 }
 #stickyThree .stickyContent {
	/*background-color: #f1f1f1;*/
 }
 #stickyFour .stickyContent {
	/*background-color: #e7e7e7;*/
 }
 @keyframes st1 {
	from {opacity: 0; transform: scale(0.95); -webkit-transform: scale(0.95);}
	to {opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
 }
 #anchorTwo {
	margin-top: 0; /*den Wechsel mit Erreichen der vollständigen Sichtbarkeit von #stickyOne ermöglichen*/
 }
 #anchorOne, #anchorTwo, #anchorThree, #anchorFour {
	 width: 100%;
	 height: 0;
 }
 
 div.haelfte {
	width: 50%;
	float: left;
 }
 img.carouselImage {
	width: 100%;
	max-width: 100%;
 }
 div.indicatorRow {
	clear: both;
	width: 100%;
	height: 1em;
 }
 div.indicators {
	position: relative;
	width: 300px;
	margin-top: 2em;
 }
 a[class^="indicator"] {
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 0;
	width: 20%;
	height: 0.5em;
	background-color: #eee;
	text-indent: -9999px;
 }
 a.indicatorOne {
	left: 0;
 }
 a.indicatorTwo {
	left: 25%;
 }
 a.indicatorThree {
	left: 50%;
 }
 a.indicatorFour {
	left: 75%;
 }
 a[class^="indicator"].active {
	background-color: #174c91 !important;
 }
 .padding-l40 {
	padding-left: 4em;
 }
 h2.tease, p.tease {
	padding-right: 25px;
 }
 
@media only screen and (max-width: 767px) {
	#topteaser {
	height: 100vh;
	width: 100%;
	border: 1px solid green;
	clear: both;
	}
	#stickyWrapper {
	height: 400vh;
	position: relative;
	clear: both;
	display: block;
	}
	#stickyOne.stickyContainer { /*zu Anfang sichtbar*/
	height: 100vh;
	visibility: visible;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	}
	#stickyTwo.stickyContainer, #stickyThree.stickyContainer, #stickyFour.stickyContainer {
	height: 100vh;
	visibility: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	}
	#stickyOne.stickyContainer.visible, #stickyTwo.stickyContainer.visible, #stickyThree.stickyContainer.visible, #stickyFour.stickyContainer.visible {
	visibility: visible;
	animation-name: st1; /* Animation mit Zuweisung der Klasse .visible auslösen */
	animation-duration: 1s;
	}
	#stickyOne.stickyContainer.invisible, #stickyTwo.stickyContainer.invisible, #stickyThree.stickyContainer.invisible, #stickyFour.stickyContainer.invisible {
	visibility: hidden;
	}
	.stickyContainer .stickyContent {
	display: none;
	}
	.stickyContainer.visible .stickyContent {
	display: block;
	padding-top: 10em;
	height: 100vh;
	}
	#stickyOne .stickyContent {
	/*background-color: #f1f1f1;*/
		display: block;
		padding-top: 6em;
		height: 100vh;
	}
	#stickyTwo .stickyContent {
	/*background-color: #e7e7e7;*/
	}
	#stickyThree .stickyContent {
	/*background-color: #f1f1f1;*/
	}
	#stickyFour .stickyContent {
	/*background-color: #e7e7e7;*/
	}
	#content {
	width: 100%;
	margin: 0 auto;
	}
	#anchorTwo {
	margin-top: -40vh; /*den Wechsel mit Erreichen der vollständigen Sichtbarkeit von #stickyOne ermöglichen*/
	}

	div.haelfte {
		width: 90%;
		float: none;
		margin-left: 5%;
		margin-right: 5%;
	}
	div.haelfte.padding-l40 {
		padding-left: 0;
		padding-bottom: 2em;
	}
	.stickyContainer.visible .stickyContent {
		padding-top: 5em;
	}
	img.carouselImage {
		width: 100%;
		max-width: 100%;
	}
	div.indicatorRow {
		clear: both;
		width: 100%;
		height: 0;
	}
	div.indicators {
	position: relative;
	width: 300px;
	margin-top: 2em;
	}
	a[class^="indicator"] {
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 0;
	width: 20%;
	height: 0.25em;
	background-color: #ddd;
	text-indent: -9999px;
	}
	a.indicatorOne {
	left: 0;
	}
	a.indicatorTwo {
	left: 25%;
	}
	a.indicatorThree {
	left: 50%;
	}
	a.indicatorFour {
	left: 75%;
	}
	a[class^="indicator"].active {
	background-color: #0092ff !important;
	}
	.padding-l40 {
	padding-left: 4em;
	}
	h2.tease {
	font-size: 1.6em;
	}
	h2.tease, p.tease {
	padding-right: 0;
 }
	div.stickyContent h2 {
		padding-top: 0;
		padding-bottom: 0;
	}
}
div#sprungmarke1, div#sprungmarke2, div#sprungmarke3, div#sprungmarke4, div#sprungmarke5, div#sprungmarke6 {
	position: absolute;
	z-index: 1;
	height: 1px;
	width: 1px;
	top: -6em;
	left: 0;
	background-color: transparent;
}
div.faq {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
div.faqWrapper {
	float: left;
	width: 100%;
	padding: 1em 2em;
	margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
	div.faq div.g6 {
		width: 100%;
	}
}
@media only screen and (max-width: 1200px) {
	.navbar-header {
		position: not-set;
		width: 100%;
	}
	.navbar-toggle {
		margin-right: 0;
	}
	div#mainlinknavilist {
		margin-top: 5em;
	}
	ul.navbar-nav.navbar li {
		display: block;
		text-align: right;
	}
}

div#column1.mit-bild-start.fourOfour {
	background-color: #174c91;
	background-size: 100%;
	background-position: center bottom;
}
div#content h1.fourOfour {
	font-size: 5em !important;
}
@media only screen and (max-width: 767px) {
	div#column1.mit-bild-start.fourOfour {
		background-color: #174c91;
		background-size: contain;
		background-position: center bottom;
		background-image: url(../images/bg_fourofour-mobile.gif);
	}
}

div.flexbox {
	display: -webkit-flex;
	display: flex;
	height: auto;
	max-width: 100%;
}
img.logoQuote {
	height: 35px;
	width: auto;
}
img.logoQuote2 {
	height: 45px;
	width: auto;
}

@media only screen and (max-width: 767px) {
	div.flexbox {
		display: block;
		height: auto;
		max-width: 100%;
	}
	div.flexbox.quotes div.g1, div.flexbox.quotes div.g6, div.flexbox.quotes div.g9 {
		width: 100% !important;
	}
	div.flexbox.quotes div.g1.right, div.flexbox.quotes div.g9.right {
		float: left !important;
	}
	div.flexbox.quotes div.g1.left {
		height: 4em;
	}
}
@media only screen and (min-width: 1201px) {
	div#mainlinknavilist {
		margin-left: 290px;
	}
}
@media only screen and (max-width: 1200px) {
	ul.nav.navbar-nav {
		margin: 0;
		margin-top: 7px;
		position: relative;
		top: auto;
		width: 100%;
		float: right;
	}
	div#mainlinknavilist {
		margin-left: 0;
	}
}

ul.ul-dot li {
	list-style-type: disc;
	margin-left: 1.5em;
}

.withBorderBottom {
	border-bottom: 10px solid #174c91;
}
.withoutBorderBottom {
	border-bottom: 0 none !important;
}


/*Cookiehinweis*/
div.cookiehinweis {
	display: none;
}
div.cookiehinweis.visible {
	display: block;
	position: fixed;
	z-index: 11;
	top: 10em;
	left: 20%;
	right: 20%;
	width: auto;
	height: auto;
	border: 10px solid rgba(23, 76, 145, 0.5);
	background-color: #fff;
	color: #fff;
	padding: 1.5em;
}
div#cookiehinweis {
	font-size: 0.9em;
}
div#cookiehinweis, div#cookiehinweis p, div#cookiehinweis a, div#cookiehinweis strong {
	color: #174c91;
}
button#clickweg {
	color: #174c91;
	border: 1px solid #e9f4fa;
	background-color: #e9f4fa;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 0.4em 1.6em;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	div.cookiehinweis.visible {
		left: 4%;
		right: 4%;
	}
	.mobile-center {
		text-align: center; /*nur mobile*/
	}
}

iframe#matomo {
	width: 100%;
	height: 120px;
	border: 0 none;
}
@media only screen and (max-width: 1280px) {
	iframe#matomo {
		height: 120px;
	}
}
@media only screen and (max-width: 1180px) {
	iframe#matomo {
		height: 130px;
	}
}
@media only screen and (max-width: 1024px) {
	iframe#matomo {
		height: 150px;
	}
}
@media only screen and (max-width: 767.98px) {
	iframe#matomo {
		height: 200px;
	}
}


/*Cookiebot-Korrekturen (Inline-CSS überschreiben)*/
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	width: auto !important;
	height: auto !important;
	padding: 0.3em 1em !important;
	display: inline-block !important;
}
iframe[role="presentation"] {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
}
/*äußerer Rahmen bei Popup*/
div#CybotCookiebotDialog, #CybotCookiebotDialog {
	border: 18px solid #fff !important;
	background-color: #f5f5f5 !important;
}
/*das Logo oben links*/
img#CybotCookiebotDialogPoweredbyImage {
	/*display: none !important;*/
}
div#CybotCookiebotDialogPoweredbyLink {
	width: 46px !important;
	height: 48px !important;
	/*background-image: url(../images/logo.png);
	background-size: 46px auto !important;
	background-position: left top !important;
	background-repeat: no-repeat !important;*/
}
/*Container mit Buttons*/
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper, #CybotCookiebotDialogBodyLevelWrapper {
	float: right !important;
	width: 100% !important;
}
/*unser CTA-Cookie-Button*/
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	color: #fff !important;
	background-color: #174c91 !important;
	-webkit-border-radius: 60px !important;
	-moz-border-radius: 60px !important;
	border-radius: 60px !important;
	padding: 0.4em 1em !important;
	text-decoration: none !important;
	border: 0 none !important;
	font-weight: bold !important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	background-color: transparent !important;
	color: #aaa !important;
	text-decoration: underline !important;
	border: 0 none !important;
}
/*Cookie-Checkboxen-Container*/
#CybotCookiebotDialogBodyLevelButtons {
	margin-top: 8px !important;
}
/*Details einblenden*/
#CybotCookiebotDialogDetail, #CybotCookiebotDialogDetailFooter {
	background-color: #f5f5f5 !important;
}

/*############################################################*/
/*#################### RESPONSIVE ANGABEN ####################*/
/*############################################################*/


/** Retina iPad **/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	body {
		min-width: 768px;
		height: 100%;
		width: 100%;
	}
	html {
		min-width: 768px;
		font-size: 100%;
	}
}
@media only screen 
and (-webkit-min-device-pixel-ratio: 2) {
	html, body {
    font-size: 11.5pt;
	}
	ul.nav.navbar-nav {
		font-size: 1em;
		/*padding-top: 0;*/
	}
	h1.vierhundertvier {
		font-size: 2em;
	}
	h3.wrap-title {
		font-size: 1.8em;
	}
}

.mylogo {
	   height: 100px;
    }

@media (max-width: 600px) {
    .mylogo {
	   height: 70px;
    }
}