/*@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,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-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-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', Helvetica, Arial, sans-serif !important;
  box-sizing: border-box !important;
  line-height: 160%;
  /*-webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;*/
}
html, body {
  font-size: 11pt;
  height: 100%;
}
@media only screen and (min-width: 2401px) {
  *, html {
    font-size: 13pt;
  }
}
@media only screen and (max-width: 2400px) {
  *, html {
    font-size: 13pt;
  }
}
@media only screen and (max-width: 1800px) {
  *, html {
    font-size: 12.5pt;
  }
}
@media only screen and (max-width: 1600px) {
  *, html {
    font-size: 12pt;
  }
}
@media only screen and (max-width: 1400px) {
  *, html {
    font-size: 11.5pt;
  }
}
@media only screen and (max-width: 1300px) {
  *, html {
    font-size: 11pt;
  }
}
@media only screen and (max-width: 1200px) {
  html {
    font-size: 10.5pt;
  }
}
@media only screen and (max-width: 1100px) {
  *, html {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1000px) {
  *, html {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  *, html {
    font-size: 1em;
  }
}
a:focus {
  outline: none !important;
}
ul li {
  list-style-type: none;
}
h1 {
  font-size: 2.8em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.3em;
}
h1, h2, h3 {
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 140%;
}
h5 {
  font-size: 1em;
}
td, th {
  vertical-align: top;
}
iframe {
  border: 0 none;
  overflow: hidden;
}
a {
  color: #0092ff;
  /*font-weight: 600;*/
  outline: none;
  font-size: 1em;
}
code {
  background-color: inherit;
  color: #000;
  font-family: Times, Serif;
  font-size: 1.2em;
}
input, .form-control {
  border: 0 none;
  border-radius: 4px;
  box-shadow: 0 0 0 transparent;
  color: #999;
  font-size: 1em;
  padding: 0.5em 1em;
  width: 100%;
}
/*#################### BASISKLASSEN ####################*/
div.row {
  margin-left: 0;
  margin-right: 0;
}
div.row-center {
  width: 960px;
  margin: 0 auto;
}
div.vtb_varWhite {
  background-color: #fff;
}
div.vtb_varGray {
  background-color: #f6f6f6;
}
div.vtb_varBlue {
  background-color: #0092ff;
  color: #fff;
}
div.vtb_textblock {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
div.vtb_textblock_small {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.handheld {
  display: none !important;
}
/*################### ALLGEMEINE KLASSEN ###################*/
.bluetext {
  color: #0092ff !important;
}
.bold {
  font-weight: bold !important;
}
.border-bottom {
  border-bottom: 1px solid #ddd;
}
.border-top {
  border-top: 1px solid #ddd;
}
.center {
  text-align: center !important;
}
.centered {
  margin-left: auto;
  margin-right: auto;
}
.clear, .clearer {
  clear: both;
}
.font-light {
  font-weight: 200 !important;
}
.font-normal {
  font-weight: normal !important;
}
.full-width, .fullwidth {
  width: 100% !important;
  display: block;
}
.graytext, .greytext {
  color: #999 !important;
}
.inherit {
  font-size: inherit !important;
}
.inline-block {
  display: inline-block !important;
  width: auto;
}
.italic {
  font-style: italic;
}
.justify {
  text-align: justify !important;
}
.larger {
  font-size: 1.2em;
}
.left {
  float: left !important;
}
.nowrap {
  white-space: nowrap;
}
.orange {
  color: #ff8b00;
}
.padding-bottom {
  padding-bottom: 1em;
}
.relative {
  position: relative;
}
.right {
  float: right !important;
}
small, .small, .smalltext {
  font-size: 0.8em !important;
}
.strong {
  font-weight: bold;
}
.textlink {
  color: inherit !important;
}
a.textlink:hover, a.textlink:active, a.textlink:focus {
  text-decoration: none !important;
}
.text-right {
  text-align: right;
}
.txtErrormeldung {
  color: #cd2626;
}
.txtErrormeldungSmall {
  font-size: 0.85em;
}
.uppercase {
  text-transform: uppercase !important;
}
.vtb_circleStep, .vtb_borderStep {
  display: none;
}
.vtb_txtErrormeldung {
  color: #cd2626;
}
.white, .whitetext {
  color: #fff !important;
}
label.vtb_blue {
  display: block;
  width: 100%;
}
div.vtb_txtErrormeldung ul {
  margin-bottom: 2em;
}
div.vtb_txtErrormeldung ul li {
  list-style-type: disc;
}
a.playlistlink {
  float: left;
  display: inline-block;
}
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;
  background-image: url(../images/bg_icon_fwd.png);
  background-position: center center;
  background-size: cover;
  float: right;
  margin-top: 0.15em;
  margin-left: 0.4em;
}
a.white:hover, a.white:active, a.white:focus {
  color: #fff;
}
b, strong, i {
  font-size: inherit;
  font-weight: bold;
}
/*#################### GRID ####################*/
.g1 {
  width: 8.33333%;
}
.g2 {
  width: 16.66666%;
}
.g2-5 {
  width: 20%;
}
.g3 {
  width: 25%;
}
.g4 {
  width: 33.33333%;
}
.g4-5 {
  width: 40%;
}
.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%;
}
/*########## Abstände ##########*/
.margin-b0 {
  margin-bottom: 0;
}
.margin-b10 {
  margin-bottom: 1em;
}
.margin-l10 {
  margin-left: 1em;
}
.margin-l20 {
  margin-left: 2em;
}
.margin-t0 {
  margin-top: 0;
}
.margin-t10 {
  margin-top: 1em;
}
.margin-t15 {
  margin-top: 1.5em;
}
.padding-10 {
  padding: 1em;
}
.padding-20 {
  padding: 2em;
}
.padding-b10 {
  padding-bottom: 1em;
}
.padding-l5 {
  padding-left: 0.5em;
}
.padding-r5 {
  padding-right: 0.5em;
}
.padding-l10 {
  padding-left: 1em;
}
.padding-l20 {
  padding-left: 2em;
}
.padding-r10 {
  padding-right: 1em;
}
.padding-r20 {
  padding-right: 2em;
}
.padding-r30 {
  padding-right: 3em;
}
.padding-t10 {
  padding-top: 1em;
}
.padding-t20 {
  padding-top: 2em;
}
.padding-t40 {
  padding-top: 4em;
}
/*#################### BUTTONS ####################*/
a.btn-blue, button.btn-blue, input.btn-blue, span.btn-blue, a.btn-blue-large, button.btn-blue-large, input.btn-blue-large, span.btn-blue-large, a.btn-blue-light, button.btn-blue-light, input.btn-blue-light, span.btn-blue-light, input.input-blue-arzt, a.btn-orange, span.btn-orange, button.btn-orange, a.btn-white {
  background-color: #0092ff;
  font-weight: 600;
  padding: 0.7em 1.2em 0.7em 1.2em;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  border: 0 none;
  line-height: 1.5em;
  display: inline-block;
  font-size: 1em;
}
a.btn-larger, button.btn-larger, input.btn-larger, span.btn-larger {
  font-size: 1.1em;
}
a.btn-large, button.btn-large, input.btn-large, span.btn-large {
  font-size: 1.3em;
}
a.btn-orange, span.btn-orange, button.btn-orange {
  background-color: #ff8b00;
}
a.btn-blue-large, button.btn-blue-large, input.btn-blue-large, span.btn-blue-large {
  padding: 6px 26px 6px 26px;
  height: auto;
  border: 1px solid #0092ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.5em;
  display: inline-block;
  font-size: 1.3em;
  margin-right: 8px;
}
a.btn-blue-file, button.btn-blue-file, input.btn-blue-file, span.btn-blue-file {
  padding: 26px 26px 26px 26px;
  height: auto;
  border: 3px solid #e6e6e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 1.5em;
  display: inline-block;
  font-size: 1.3em;
  margin-right: 8px;
  background-color: #fbfbfb;
  /*-moz-box-shadow: 0 0 5px 0 #ddd;
	-webkit-box-shadow: 0 0 5px 0 #ddd;
	box-shadow: 0 0 5px 0 #ddd;*/
  color: #222;
}
a.btn-blue:hover, button.btn-blue:hover, input.btn-blue:hover, span.btn-blue:hover, a.btn-blue-large:hover, button.btn-blue-large:hover, input.btn-blue-large:hover, span.btn-blue-large:hover, a.btn-blue:focus, button.btn-blue:focus, input.btn-blue:focus, span.btn-blue:focus, a.btn-blue-large:focus, button.btn-blue-large:focus, input.btn-blue-large:focus, span.btn-blue-large:focus {
  background-color: #32a1f6;
  color: #fff;
}
a.btn-orange:hover, span.btn-orange:hover, button.btn-orange:hover, a.btn-orange:focus, span.btn-orange:focus, button.btn-orange:focus, a.btn-orange:active, span.btn-orange:active, button.btn-orange:active {
  background-color: #e39b31;
  color: #fff;
}
a.btn-blue-large:hover, button.btn-blue-large:hover, input.btn-blue-large:hover, span.btn-blue-large:hover, a.btn-blue-large:focus, button.btn-blue-large:focus, input.btn-blue-large:focus, span.btn-blue-large:focus {
  background-color: #32a1f6;
  color: #fff;
}
a.btn-white, button.btn-white, input.btn-white, span.btn-white {
  padding: 6px 26px 6px 26px;
  background-color: transparent;
  border: 1px solid #fff;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  line-height: 1.5em;
  display: inline-block;
}
input.btn-blue-larger {
  font-size: 1.2em !important;
  padding: 5px 18px 5px 18px !important;
}
/*#################### INPUTS ####################*/
input.vtb_input-text {
  border: 0 none;
  box-shadow: 0 0 0 transparent;
  color: #999;
  font-size: 1em;
  padding: 0.5em 1em;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
select.vtb_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;
}
div.vtb_login-content select.vtb_select {
  width: 100%;
  border: 0 none;
  font-weight: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #999;
  line-height: normal;
  padding: 0.7em;
}
/*#################### 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: 1em;
}
.padding-r20 {
  padding-right: 2em;
}
.padding0 {
  padding: 0;
}
.padding10 {
  padding: 1em;
}
.padding15 {
  padding: 1.5em;
}
.padding20 {
  padding: 2em;
}
.padding-b10 {
  padding-bottom: 1em;
}
.padding-b15 {
  padding-bottom: 1.5em;
}
.padding-b20 {
  padding-bottom: 2em;
}
.padding-b40 {
  padding-bottom: 4em;
}
.padding-t10 {
  padding-top: 1em;
}
.padding-t15 {
  padding-top: 1.5em;
}
.padding-t20 {
  padding-top: 2em;
}
/*#################### BOOTSTRAP-ANPASSUNGEN ####################*/
.btn {
  padding: 0;
}
.lead {
  font-size: 1.2em;
  font-weight: inherit;
}
.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.modal {
  z-index: 3000; /* > z-index #costummenu (2000) */
}
.modal-dialog {
  width: 880px; /*TS20160826: für das Modal bei der Registrierung verbreitert*/
}
.modal-header {
  border-bottom: 2px solid #e5e5e5;
}
div#vtb_wrapper {
  margin-top: 5.5em;
}
/*#################### HEADER ####################*/
nav#globalnavi {
  background-color: #0092ff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 3.5em;
  font-size: 10pt;
}
div.vtb_logoContainer {
  float: left;
  min-width: 150px;
  width: 33em;
  height: auto;
}
div.vtb_logoContainer img {
  width: 150px;
  height: auto;
  margin: 0;
  margin-top: 5px;
  float: left;
}
h2#slogan {
  display: inline-block;
  white-space: nowrap;
  float: left;
  margin-left: 6px;
  color: #fff;
  font-size: 15.5pt;
  font-style: italic;
  margin-top: 10px;
  font-weight: 400;
}
a.vtb_loginContainerRegLink {
  display: block;
}
a.vtb_loginContainerRegLink:hover {
  color: #f8f8f8 !important;
  text-decoration: underline !important;
}
div#teaser {
  position: relative;
  width: 100%;
}
div#teaser.startseite {
  display: block;
  background-image: none;
  width: 100%;
  min-height: 488px;
  /*padding-top: 19%;*/
  background-color: #474747;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 5em;
}
div#teaser.startseite h2 {
  /*text-shadow: 1px 1px 1px #4e4f5f;*/
}
div#swiper-container {
  min-height: 660px;
  margin-bottom: 0;
}
@media only screen and (min-width: 2401px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 690px;
  }
}
@media only screen and (max-width: 2400px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 660px;
  }
}
@media only screen and (max-width: 1800px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 640px;
  }
}
@media only screen and (max-width: 1600px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 610px;
  }
}
@media only screen and (max-width: 1400px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 580px;
  }
}
@media only screen and (max-width: 1300px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 570px;
  }
}
@media only screen and (max-width: 1200px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 560px;
  }
}
@media only screen and (max-width: 1100px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 530px;
  }
}
@media only screen and (max-width: 1000px) {
  div#teaser.startseite, div#swiper-wrapper, div#swiper-container {
    min-height: 500px;
  }
}
p.sliderImageTitle {
  color: #444 !important;
  clear: both;
  text-align: left;
  padding-top: 4em;
}
div#custommenu {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 2000;
  top: 0;
  height: 5.5em;
  border-bottom: 1px solid #e7e7e7;
}
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 a.indexlink, a.indexlink {
  width: 200px;
  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: 177px auto;
  float: left;
  text-indent: -9999px;
  margin-top: 0.4em;
}
@media only screen and (min-width: 2401px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.3em;
  }
}
@media only screen and (max-width: 2400px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.3em;
  }
}
@media only screen and (max-width: 1800px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.3em;
  }
}
@media only screen and (max-width: 1600px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.3em;
  }
}
@media only screen and (max-width: 1400px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.35em;
  }
}
@media only screen and (max-width: 1300px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 1200px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.45em;
  }
}
@media only screen and (max-width: 1100px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 1000px) {
  div#custommenu a.indexlink, a.indexlink {
    margin-top: 0.55em;
  }
}
div#custommenu a.indexlink.indexlinkViromed {
  width: 200px;
  height: 3.5em;
  min-height: 40px;
  background-image: url(../images/viromed_logo_neu.png);
  background-position: left 3px;
  background-repeat: no-repeat;
  background-size: 116px auto; /*vollständig einblenden*/
  float: left;
  text-indent: -9999px;
}
div#subnavi {
  display: block;
  position: relative;
  z-index: 200;
  width: 100%;
  height: 5.5em;
  background-color: #fff; /*transparent*/
  border-bottom: 1px solid #ddd;
  top: 0;
  padding-top: 8px;
}
div#subnavi.toggle {
  background-color: #fff;
}
div#subnavi .btn {
  font-weight: 600;
  /*text-transform: uppercase;*/
}
/* Toggle Effects */
.toggler-base {
  position: relative;
}
/*Button für Navigation*/
span#button {
  cursor: pointer;
  background-image: url(../images/vtb_subnavi_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  background-color: transparent;
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  height: auto;
  line-height: 1.5em;
  padding: 0.6em 1em;
  text-decoration: none;
}
#button.toToggle { /* Status: Navigation ist ausgeklappt */
  text-decoration: none;
  background-color: transparent;
  /*background-image: url(../images/vtb_subnavi_open_bg.png);*/
  background-size: 60% auto;
}
span#button.toToggle { /* Status: Navigation ist ausgeklappt */
  text-decoration: none;
  background-color: transparent;
  background-image: url(../images/vtb_subnavi_open_bg.png);
  background-size: 70% auto;
}
/*Der die Navi umgebende Container*/
#effect {
  background-color: #4a4a4a;
  height: auto;
  position: absolute;
  right: -900px;
  width: 405px;
  z-index: 100;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #fff;
  padding-left: 2em;
  font-size: 1em;
}
#effect.toggle {
  position: fixed;
  top: 5.5em;
  right: 0;
  bottom: 0;
  animation-name: slideInRight;
  -webkit-animation-name: slideInRight;
  animation-duration: 300ms;
}
ul#menu li a {
  float: left;
  padding-top: 108px;
  padding-bottom: 5px;
  display: block;
  text-align: center;
  width: 185px;
  color: #999;
  font-weight: 300;
  font-size: 9.5pt;
  margin-bottom: 1.5em;
}
ul#menu li a:hover {
  text-decoration: none;
  background-color: #005fb3;
  opacity: 0.2;
  color: #fff;
}
.nav-item {
  float: left;
}
.navbar-collapse {
  float: right;
}
.navbar-toggler {
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 20px;
  background-image: url("../images/vtb_subnavi_bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 8px #e7e7e7;
}
div#teaser {
  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;
}
.vtb_select {
  -webkit-appearance: none;
}
/*#################### FOOTER ####################*/
div#vtb_footer {
  width: 90%; /*960px*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  clear: both;
  padding: 20px 0 55px 0;
  font-size: 10pt;
}
div#vtb_footer h5 {
  font-weight: bold;
  font-size: 10.5pt;
  text-transform: uppercase;
}
div#vtb_footer ul li {
  list-style-type: none;
  font-size: 10.5pt;
}
div#vtb_footer p, div#vtb_footer a {
  font-size: inherit;
  color: #333;
  font-weight: 400;
}
div#vtb_footer a.bluelink, span.bluelink {
  color: #0092ff;
}
div#vtb_footer ul li abbr {
  font-size: 10.5pt;
}
ul.vtb_footerlist li {
  margin-top: 0.75em;
}
ul.vtb_horizontal_footerlist li {
  float: left;
  display: inline-block;
}
table#sociallinks, table#sociallinks-mobile {
  width: auto;
  border-collapse: collapse;
  margin: 1em 0 2.4em 0;
}
table#sociallinks td, table#sociallinks-mobile td {
  padding-right: 10px;
}
div.footer-border {
  border-top: 1px solid #eee;
  padding-top: 0.75em;
}
div.footer-border p, div#vtb_footer p, div#vtb_footer a, div#vtb_footer span {
  font-size: 10.5pt !important;
}
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.appicon {
  width: 120px;
}
/*TS20161129: neuer Footer*/
#vtb_footer div.g1-1 {
  width: 12.5%;
  padding-bottom: 3em;
}
/*dies responsive gestalten*/
@media only screen and (max-width: 2400px) {
  #vtb_footer div.g1-1 {
    width: 12.5%;
  }
}
@media only screen and (max-width: 1400px) {
  #vtb_footer div.g1-1 {
    width: 12.5%;
  }
}
@media only screen and (max-width: 1300px) {
  #vtb_footer div.g1-1 {
    width: 25%; /*Wechsel zu 25%*/
  }
}
@media only screen and (max-width: 1200px) {
  #vtb_footer div.g1-1 {
    width: 25%;
  }
}
@media only screen and (max-width: 1100px) {
  #vtb_footer div.g1-1 {
    width: 25%;
  }
}
@media only screen and (max-width: 1000px) {
  #vtb_footer div.g1-1 {
    width: 25%;
  }
}
/* Ergänzungen */
.mobile-only {
  display: none !important;
}
.btn-for-tooltip {
  background-color: #9a9a9a;
  background-image: none;
  border: 0 none;
  border-radius: 20px;
  color: #fff;
  display: block;
  height: 20px;
  line-height: 20px;
  min-width: 3px;
  padding: 0;
  text-align: center;
  width: 20px;
}
div.relative {
  position: relative;
}
div.radioElement {
  width: 100%;
  height: 4em;
  float: none;
  padding: 0;
  padding-bottom: 1em;
}
.radioElement:after {
  clear: both;
}
.radioElement input {
  display: none; /* Vorhandene Radio-Buttons ausblenden */
}
.radioElement label {
  /* übernommen aus "table#ctl00_ctl00_masterContent_PersonContentPlaceholder_rblKontakt label" */
  cursor: pointer;
  display: block;
  font-size: inherit;
  font-weight: normal;
  padding-left: 2.2em;
  position: relative;
  float: left !important;
}
.radioElement label:before {
  background-color: #fff;
  border: 1px solid #d7d7d7 !important;
  color: #000;
  content: " ";
  display: table-cell;
  font-size: 1em;
  font-weight: bold;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  line-height: 1.3em !important;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  top: 0.15em;
}
.radioElement input:checked + label:before {
  background-color: #fff;
  color: #0092ff;
  content: "✓";
  display: table-cell;
  font-size: 1em;
  font-weight: bold;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  line-height: 1.3em !important;
  margin-right: 10px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  top: 0.15em;
}
.radioElement input:disabled + label:before {
  background-color: #eee;
  cursor: not-allowed;
  border: 2px solid #d7d7d7 !important;
  border-radius: 0.2em;
  display: table-cell;
  font-size: 1em;
  font-weight: bold;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  line-height: 1.3em !important;
  margin-right: 10px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  top: 35%;
  margin-top: -0.515em;
  content: " ";
  color: #bbb;
}
.radioElement input:disabled + label:before {
  content: "✓"; /*"Sonderfall disabled + angehakt"*/
}
div.radioElement {
  width: 100%;
  height: 4em;
  float: none;
  padding: 0;
  padding-bottom: 1em;
}
span.radioElement {
  display: block;
  margin-top: 1em;
}
.radioElement:after {
  clear: both;
}
.radioElement input {
  display: none; /* Vorhandene Radio-Buttons ausblenden */
}
.radioElement label {
  /* übernommen aus "table#ctl00_ctl00_masterContent_PersonContentPlaceholder_rblKontakt label" */
  cursor: pointer;
  display: block;
  font-size: inherit;
  font-weight: normal;
  padding-left: 2.2em;
  position: relative;
  float: left !important;
}
.radioElement label:before {
  background-color: #fff;
  border: 1px solid #d7d7d7 !important;
  color: #000;
  content: " ";
  display: table-cell;
  font-size: 1em;
  font-weight: bold;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  line-height: 1.3em !important;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  top: 0.15em;
}
.radioElement input:checked + label:before {
  background-color: #fff;
  color: #0092ff;
  content: "✓";
  display: table-cell;
  font-size: 1em;
  font-weight: bold;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  line-height: 1.3em !important;
  margin-right: 10px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  top: 0.15em;
}
.radioElement input:disabled + label:before {
  background-color: #eee;
  cursor: not-allowed;
  border: 2px solid #d7d7d7 !important;
  border-radius: 0.2em;
  display: table-cell;
  font-size: 1em;
  font-weight: bold;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  line-height: 1.3em !important;
  margin-right: 10px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  top: 35%;
  margin-top: -0.515em;
  content: " ";
  color: #bbb;
}
.radioElement input:disabled + label:before {
  content: "✓"; /*"Sonderfall disabled + angehakt"*/
}
/* Gestaltung Radio Buttons */
div.radioButtonContainer input[type="radio"] {
  display: none;
}
div.radioButtonContainer {
  padding-top: 1em;
}
div.radioButtonContainer label {
  float: left;
  width: auto;
  cursor: pointer;
  display: inline-block;
  margin: 3px 2em 0 0 !important;
  padding-left: 21px !important;
  position: relative;
}
div.radioButtonContainer label:before {
  background-color: #eee;
  border-radius: 8px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8);
  content: "";
  display: inline-block;
  height: 16px;
  left: 0;
  top: 4px;
  margin-right: 10px;
  position: absolute;
  width: 16px;
}
div.radioButtonContainer input[type="radio"]:checked + label::before {
  color: #000;
  content: "•";
  font-size: 28px;
  line-height: 15px;
  text-align: center;
}
/*Effekte*/
#anm-headline {
  animation-duration: 2s;
  animation-name: slidein;
  font-size: 3.5em;
  line-height: 100%;
  letter-spacing: 0.05em;
  margin-bottom: 0.5em;
  text-shadow: 1px 1px 5px #4e4f5f;
}
#anm-anmeldenbutton {
  animation-duration: 2s;
  animation-name: slidedown;
  transition: top 0.2s ease-in-out 0s;
}
@keyframes slidein {
  0% {
    margin-top: 30px;
    width: 100%;
    opacity: 0;
  }
  /*30% {
	  margin-top: -20px;
  }
  50% {
	  margin-top: 10px;
  }
  70% {
	  margin-top: -10px;
	  font-size: 3.3em;
  }
  80% {
	  margin-top: 5px;
  }
  90% {
	  margin-top: -5px;
  }*/
  100% {
    margin-top: 0;
    width: 100%;
    opacity: 1;
  }
}
@keyframes slidedown {
  0% {
    width: 100%;
    opacity: 0;
  }
  50% {}
  100% {
    width: 100%;
    opacity: 1;
  }
}
div.logoteaser {
  width: 100%;
  padding: 1em 0 0 0;
  /*margin-top: 3em;*/
  /*border-top: 2px solid #eee;*/
  background-color: #fff;
  margin-bottom: 4em; /*letzter Content vor dem Footer*/
}
/*###################*/
/* Bereich 768-960px */
/*###################*/
img.logoteaser {
  width: 100%;
  max-width: 960px;
}
@media only screen and (max-width: 960px) {
  .row-center, div.row-center {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  div#vtb_footer, div.vtb_textblock_small, div.maintext {
    width: 100%;
  }
  div.vtb_textblock_small.over-image, div.vtb_footerlist no-mobile {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  figure.figure-karten, figure.figure-gesundheitsdaten {
    width: 350px;
  }
  div#vtb_footer {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  div#subnavi, div.vtb_textblock_small {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
  ul#menu {
    float: none;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  ul#menu li {
    width: 31%; /* drei li-Elemente nebeneinander */
  }
  ul#menu li a {
    width: 100%;
  }
  ul#menu li.first {
    clear: none;
  }
  div#preview, div.row, .row, div.socials {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  div.row div.row, div#vtb_column2.start div.row, div#vtb_column3.start div.row, div#vtb_column4.start div.row, div#vtb_column5.start div.row, div#vtb_column6.start div.row, div#vtb_column7.start div.row, div#vtb_column8.start div.row, div#vtb_column9.start div.row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
div.footer-block {
  margin-top: 1.5em;
}
ul.vtb_footerlist li .btn-default {
  border-color: transparent;
  font-size: inherit;
  padding: 0;
  margin: 0;
  line-height: inherit;
  text-decoration: underline dotted;
}
ul.vtb_footerlist li .btn-default:hover, ul.vtb_footerlist li .btn-default:active, ul.vtb_footerlist li .btn-default:focus {
  text-decoration: underline;
  background-color: transparent;
}
.no-float {
  float: none !important;
}
.iframe {
  border: 0 none;
}
.btn-transp {
  background-color: transparent !important;
  color: inherit !important;
  text-transform: none !important;
  font-weight: normal !important;
}
.btn-oval {
  -webkit-border-radius: 120px !important;
  -moz-border-radius: 120px !important;
  border-radius: 120px !important;
}
.btn-blue.btn-oval {
  border: 1px solid #0092ff !important;
  background-color: transparent !important;
  color: #0092ff !important;
}
.btn-blue.btn-oval:hover {
  border: 1px solid #0092ff !important;
  background-color: #0092ff !important;
  color: #fff !important;
}
.btn-orange.btn-oval {
  border: 1px solid #ff8b00 !important;
  background-color: transparent !important;
  color: #ff8b00 !important;
}
.btn-orange.btn-oval:hover {
  border: 1px solid #ff8b00 !important;
  background-color: #ff8b00 !important;
  color: #fff !important;
}
.btn-white.btn-oval.btn-blue {
  border: 1px solid #fff !important;
  background-color: transparent !important;
  color: #fff !important;
}
.btn-white.btn-oval:hover, .btn-white.btn-oval:focus, .btn-white.btn-oval:active, .btn-white.btn-oval.btn-blue:hover, .btn-white.btn-oval.btn-blue:focus, .btn-white.btn-oval.btn-blue:active {
  border: 1px solid #0376d1 !important;
  background-color: #0376d1 !important;
  color: #fff !important;
}
/*Footer*/
div#footerlogo a.indexlink {
  background-image: url("../images/vitabook_logo_blau_150px.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 177px auto;
  float: left;
  height: 4.5em;
  margin-top: 0.4em;
  min-height: 50px;
  text-indent: -9999px;
  width: 200px;
}
#vtb_footer div.g1-1 {
  width: 15%;
}
#vtb_footer div.g1-5 {
  width: auto;
}
#vtb_footer div.g1-9 {
  width: auto;
  max-width: 21%;
}
.nobr {
  white-space: nowrap;
}
.plussize {
  font-size: 1.1em !important;
}
div#vtb_footer a {
  color: #999 !important;
  font-size: inherit;
  font-weight: 400;
}
img.koopicon {
  min-width: 40px;
  max-width: 120px;
  width: 100%;
  height: 100%;
  margin: 0 1em 1em 0;
}
img.msnicon {
  min-width: 270px;
  max-width: 290px;
  width: 100%;
  height: 100%;
  margin: 0 1em 1em 0;
}
img.telicon {
  min-width: 60px;
  max-width: 70px;
  width: 100%;
  height: 100%;
  margin: 0 1em 1em 0;
}
img.bmgicon {
  min-width: 90px;
  max-width: 120px;
  width: 100%;
  height: 100%;
  margin: 0 1em 1em 0;
}
img.abpsicon {
  min-width: 155px;
  max-width: 170px;
  width: 100%;
  height: 100%;
  margin: 1em 1em 1em 0;
}
div#footerLogos {
    clear: both;
}
div#footerLogos a {
    float: left;
    margin: 1em;
}
    div#footerLogos img {
        height: 60px;
    }
ul.sociallist {
  display: inline-block;
  list-style-type: none;
}
ul.sociallist li {
  display: inline-block;
  float: left;
  padding-right: 10px;
}
ul.sociallist li a {
  display: block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  background-image: url(../images/bg-circle-facebook.png);
  background-position: center center;
  background-size: 16px auto;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border: 1px solid #6a6664;
}
ul.sociallist li a.fb {
  background-image: url(../images/bg-circle-nofacebook.png);
  border: 0 none;
  background-size: 30px auto;
}
ul.sociallist li a.yt {
  background-image: url(../images/bg-circle-youtube.png);
}
ul.sociallist li a.tw {
  background-image: url(../images/bg-circle-twitter.png);
}
ul.sociallist li a.it {
  background-image: url(../images/bg-circle-itunes.png);
}
ul.sociallist li a.go {
  background-image: url(../images/bg-circle-googleplay.png);
}
ul.sociallist li a.li {
  background-image: url(../images/bg-circle-linkedin.png);
}
ul.sociallist li a:hover, ul.sociallist li a:focus, ul.sociallist li a:active {
  background-color: #f9f9f9;
  border-color: #393b53;
}
/*##############################################################################################################################*/
/*##################################################### Neues Layout ###########################################################*/
/*##############################################################################################################################*/
.container {
  width: 960px;
  min-width: 960px;
  padding-left: 0;
  padding-right: 0;
}
div#vtb_wrapper {
  /*margin-top: 0;*/
}
div#teaser.startseite {
  margin-top: 0;
}
.btn-orange.btn-oval {
  background-color: #fff !important;
  color: #ff8b00 !important;
  border: 1px solid #ff8b00 !important;
  text-transform: uppercase;
}
.btn-white.btn-oval {
  border: 1px solid #fff !important;
  color: #fff !important;
  text-transform: uppercase;
}
.navbar-collapse.collapse {}
#navigation {
  width: 100%;
  background-color: #0591ff;
}
#navigation.sticky {
  position: fixed;
  top: 0;
  z-index: 11000;
}
/*4 Fälle: Sichtbarkeiten wenn Navi oben / unten*/
#custommenu .whenSticky { /*vor Ankerposition*/
  display: none;
}
#custommenu.sticky .whenSticky { /*anzeigen, sobald Ankerposition erreicht wurde*/
  display: inline-block;
}
#custommenu .whenNotSticky { /*anzeigen vor Ankerposition*/
  display: inline-block;
}
#custommenu.sticky .whenNotSticky { /*ausblenden, sobald Ankerposition erreicht wurde*/
  display: none;
}
div.vitabook-navbar {
  margin: 0 auto;
}
#custommenu.sticky div.vitabook-navbar {
  animation-name: navbar-is-fixed-on-top;
  animation-duration: 0.4s;
}
@keyframes navbar-is-fixed-on-top {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
div.logocontainer {
  padding-left: 0;
}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:active {
  display: inline-block;
  position: absolute;
  top: 22px;
  left: 15px;
  width: auto;
  height: auto;
  padding: 0;
  font-size: 1em;
}
.navbar-brand img {
  width: auto;
  height: 40px;
  /*border: 1px solid #ff8b00;*/
}
#navigation.sticky .navbar-brand img {
  width: auto;
  height: 30px;
}
#navigation.sticky .navbar-brand {
  width: auto;
  top: 14px;
}
.whenSticky {
  display: none;
}
.whenOnTop {
  display: inline-block;
  white-space: nowrap;
  float: left;
  margin: 1em;
  height: 70px;
  /*border: 1px solid #ff8b00;*/
  font-size: 1em;
}
.whenOnTop a {
  display: inline-block;
  color: #fff;
  font-weight: 100;
  font-size: 1.6em;
  text-transform: uppercase;
  padding-right: 1em;
  line-height: 70px;
}
#navigation.sticky div#pricing {
  height: auto;
  display: inline-block;
  float: left;
  padding-top: 1em;
}
#navigation.sticky div#pricing h2 {
  white-space: nowrap;
  color: #fff;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.8em;
}
#navigation.sticky div#pricing h2 span {
  font-weight: bold;
  text-transform: uppercase;
  font-size: inherit;
}
#navigation.sticky div.whenOnTop {
  display: none;
}
span.whenSticky {
  font-size: 1em;
}
span.whenSticky span.h2 {
  display: block;
  padding: 0.4em 1.8em;
  margin: 0;
  line-height: 52px !important;
  text-transform: uppercase;
  font-size: 1em;
  animation-name: dreimonate;
  animation-duration: 3s;
}
span.whenSticky span.h2 span {
  font-weight: bold;
}
@keyframes dreimonate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 1250px) { /*war 1300*/
  span.whenSticky span.h2 { /* ausblenden, da zu breit */
    display: none;
  }
  #custommenu.sticky .whenNotSticky { /*dafür diesen Inhalt beibehalten*/
    display: inline-block;
  }
}
@media only screen and (min-width: 2401px) {
  span.whenSticky span.h2 {
    font-size: 1.6em;
  }
}
@media only screen and (max-width: 2400px) {
  span.whenSticky span.h2 {
    font-size: 1.6em;
  }
}
@media only screen and (max-width: 1800px) {
  span.whenSticky span.h2 {
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 1600px) {
  span.whenSticky span.h2 {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 1400px) {
  span.whenSticky span.h2 {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1300px) {
  span.whenSticky span.h2 {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1200px) {
  span.whenSticky span.h2 {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1100px) {
  span.whenSticky span.h2 {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1000px) {
  span.whenSticky span.h2 {
    font-size: 1em;
  }
}
.right {
  float: right;
}
/*Mainnavi*/
div.vitabook-navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #0591FF;
}
.button-nav {
  margin-top: 0;
  width: 100%;
  padding-left: 200px; /*Platz für absolut positionierte Logo*/
  /*border: 1px solid orange;*/
  height: 60px;
}
.navbar-nav > li > a.mainlink {
  font-size: 1.4em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 100;
  padding: 0 0.8em;
}
.button-nav li, .button-nav li a {
  line-height: 60px;
}
.button-nav li a.btn-oval {
  line-height: 2.4em !important;
  margin-top: 12px;
}
#navigation.sticky .button-nav {
  margin-top: 0;
  padding-left: 150px
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active {
  background-color: #0376d1;
}
/*Subnavi*/
div#submenu {
  background-color: #0376D1;
  float: left;
  width: 100%;
  padding: 0.5em 0;
}
#navigation.sticky div#submenu { /*wenn der Wechsel erfolgt ist*/
  display: none;
}
div.anchorListWrapper {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
}
ul#anchorList {
  position: absolute;
  left: 300px;
}
ul#anchorList.toggle li, ul#anchorList.toggle {
  animation-name: anchorlist;
  -webkit-animation-name: anchorlist;
  animation-duration: 250ms;
  animation-delay: 60ms;
  transform: translateZ(0px);
  animation-fill-mode: forwards;
}
@keyframes anchorlist {
  0% {
    left: 800px;
  }
  100% {
    left: 0.4em;
  }
}
ul#anchorList li {
  float: none;
  display: block;
  list-style-type: none;
  margin-left: 0;
  width: 100%;
  margin-bottom: 1em;
}
ul#anchorList li {
  float: none;
  display: block;
  list-style-type: none;
  margin-left: 0;
  width: 100%;
  margin-bottom: 1em;
  white-space: nowrap;
}
ul#anchorList li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
}
div#effect ul#anchorList li:first-child {
  position: absolute;
  left: 500px;
  top: 26em; /*2em - wegen ausgeblendeter (nur mobil sichtbarer) Elemente auf die Werte achten!*/
}
div#effect ul#anchorList li:nth-child(2) {
  position: absolute;
  left: 500px;
  top: 28em;
}
div#effect ul#anchorList li:nth-child(3) {
  position: absolute;
  left: 500px;
  top: 30em;
}
div#effect ul#anchorList li:nth-child(4) {
  position: absolute;
  left: 500px;
  top: 2.25em;
}
div#effect ul#anchorList li:nth-child(5) {
  position: absolute;
  left: 500px;
  top: 4.5em;
}
div#effect ul#anchorList li:nth-child(6) {
  position: absolute;
  left: 500px;
  top: 6.75em;
}
div#effect ul#anchorList li:nth-child(7) { /*erster, der auf non-tablet angezeigt wird (>768px )*/
  position: absolute;
  left: 500px;
  top: 9em;
}
div#effect ul#anchorList li:nth-child(8) {
  position: absolute;
  left: 500px;
  top: 11.25em;
}
div#effect ul#anchorList li:nth-child(9) {
  position: absolute;
  left: 500px;
  top: 13.5em;
}
div#effect ul#anchorList li:nth-child(10) {
  position: absolute;
  left: 500px;
  top: 15.75em;
}
div#effect ul#anchorList li:nth-child(11) {
  position: absolute;
  left: 500px;
  top: 18em;
}
div#effect ul#anchorList li:nth-child(12) {
  position: absolute;
  left: 500px;
  top: 20.25em;
}
div#effect ul#anchorList li:nth-child(13) {
  position: absolute;
  left: 500px;
  top: 22.5em;
}
div#effect ul#anchorList li:nth-child(14) {
  position: absolute;
  left: 500px;
  top: 24.75em;
}
div#effect ul#anchorList li:nth-child(15) {
  position: absolute;
  left: 500px;
  top: 27em;
}
div#effect ul#anchorList li:nth-child(16) {
  position: absolute;
  left: 500px;
  top: 29.25em;
}
div#effect ul#anchorList li:nth-child(17) {
  position: absolute;
  left: 500px;
  top: 31.5em;
}
div#effect ul#anchorList li:nth-child(18) {
  position: absolute;
  left: 500px;
  top: 33.75em;
}
/*div#effect ul#anchorList li:last-child {
    position: absolute;
    left: 500px;
    top: 41em;
}*/
/**/
div#effect.toggle ul#anchorList li:first-child {
  animation-delay: 120ms;
}
div#effect.toggle ul#anchorList li:nth-child(2) {
  animation-delay: 180ms;
}
div#effect.toggle ul#anchorList li:nth-child(3) {
  animation-delay: 240ms;
}
div#effect.toggle ul#anchorList li:nth-child(4) {
  animation-delay: 300ms;
}
div#effect.toggle ul#anchorList li:nth-child(5) {
  animation-delay: 360ms;
}
div#effect.toggle ul#anchorList li:nth-child(6) {
  animation-delay: 420ms;
}
div#effect.toggle ul#anchorList li:nth-child(7) { /*erster, der auf non-tablet angezeigt wird (>768px )*/
  animation-delay: 480ms;
}
div#effect.toggle ul#anchorList li:nth-child(8) {
  animation-delay: 540ms;
}
div#effect.toggle ul#anchorList li:nth-child(9) {
  animation-delay: 600ms;
}
div#effect.toggle ul#anchorList li:nth-child(10) {
  animation-delay: 660ms;
}
div#effect.toggle ul#anchorList li:nth-child(11) {
  animation-delay: 720ms;
}
div#effect.toggle ul#anchorList li:nth-child(12) {
  animation-delay: 780ms;
}
div#effect.toggle ul#anchorList li:nth-child(13) {
  animation-delay: 840ms;
}
div#effect.toggle ul#anchorList li:nth-child(14) {
  animation-delay: 900ms;
}
div#effect.toggle ul#anchorList li:nth-child(15) {
  animation-delay: 960ms;
}
div#effect.toggle ul#anchorList li:nth-child(16) {
  animation-delay: 1020ms;
}
/*div#effect.toggle ul#anchorList li:last-child {
    animation-delay: 1020ms;
}*/
span.strich {
  display: block;
  width: 100px;
  height: 2px;
  border-bottom: 2px solid #fff;
  content: " ";
}
/*#######*/
/*INHALTE*/
/*#######*/
.greyscale {
  background-color: #edece8;
}
.whitescale {
  background-color: #fff;
}
.extrabold {
  font-weight: 800 !important;
}
h2.bekannt-aus {
  background-image: url(../images/bg-bekannt-aus.png);
  background-position: left center;
  background-repeat: repeat-x;
  border-left: 30px solid #fff;
  border-right: 30px solid #fff;
}
span.bekannt-aus {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 1em;
  background-color: #fff;
}
/*###############################*/
/*RESPONSIVE Bereich unter 1024px*/
/*###############################*/
@media only screen and (max-width: 1023px) {
  .tablet-only {
    display: inline-block !important;
  }
  .container {
    width: 768px;
    min-width: 768px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #navigation {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 11000;
  }
  #navigation div.row {
    margin: 0;
    padding: 0;
  }
  div#subnavi {
    padding-left: 0;
    padding-right: 0;
  }
  div.logocontainer {
    padding-left: 0;
  }
  .navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:active {
    display: inline-block;
    position: absolute;
    top: 22px;
    left: 15px;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 1em;
  }
  .navbar-brand img {
    width: auto;
    height: 35px;
    /*border: 1px solid #ff8b00;*/
  }
  /*#navigation.sticky .navbar-brand img {
	    width: auto;
	    height: 30px;
    }*/
  /*#navigation.sticky .navbar-brand {
	    width: auto;
        top: 14px;
    }*/
  .whenSticky {
    display: none;
  }
  .whenOnTop {
    display: inline-block;
    white-space: nowrap;
    float: left;
    margin: 1em;
    height: 70px;
    /*border: 1px solid #ff8b00;*/
    font-size: 1em;
  }
  .whenOnTop a {
    display: inline-block;
    color: #fff;
    font-weight: 100;
    font-size: 1.6em;
    text-transform: uppercase;
    padding-right: 1em;
    line-height: 70px;
  }
  #navigation.sticky div#pricing {
    height: auto;
    display: inline-block;
    float: left;
    padding-top: 1em;
  }
  #navigation.sticky div#pricing h2 {
    white-space: nowrap;
    color: #fff;
    font-size: 1em;
    font-weight: 100;
    line-height: 1.8em;
  }
  #navigation.sticky div#pricing h2 span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: inherit;
  }
  #navigation.sticky div.whenOnTop {
    display: none;
  }
  #navigation.sticky div.whenSticky {
    display: inline-block;
    float: left;
    width: auto;
  }
  .right {
    float: right;
  }
  /*Mainnavi*/
  div.vitabook-navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #0591FF;
  }
  .button-nav {
    margin-top: 0;
    width: 100%;
    padding-left: 165px; /*Platz für absolut positionierte Logo*/
    /*border: 1px solid orange;*/
    height: 60px;
  }
  .navbar-nav > li > a.mainlink {
    font-size: 1.4em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    padding: 0 0.8em;
  }
  .button-nav li, .button-nav li a {
    line-height: 60px;
  }
  .button-nav li a.btn-oval {
    line-height: 2.4em !important;
    margin-top: 12px;
  }
  #navigation.sticky .button-nav {
    margin-top: 0;
    padding-left: 150px
  }
  .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active {
    background-color: #0376d1;
  }
  div#vitabookContent {
    margin-top: 0;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  div.teaserContext {
    width: 96%;
    padding: 30px;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
  }
  div.teaser-wide {
    width: 100%;
  }
  /*Content ggf. ausblenden*/
  .no-tablet, #navigation li.whenNotSticky.no-tablet {
    display: none !important;
  }
  div.teaserContext {
    padding-bottom: 0;
  }
  div.ContextMobile {
    padding-top: 0;
    padding-bottom: 2em;
  }
  div.teaser-wide {
    padding-bottom: 25px;
    border-bottom: 1px solid #efefef;
  }
  div#effect ul#anchorList li:first-child {
    position: absolute;
    left: 500px;
    top: 2em;
  }
  div#effect ul#anchorList li:nth-child(2) {
    position: absolute;
    left: 500px;
    top: 4em;
  }
  div#effect ul#anchorList li:nth-child(3) {
    position: absolute;
    left: 500px;
    top: 6em;
  }
  div#effect ul#anchorList li:nth-child(4) {
    position: absolute;
    left: 500px;
    top: 8em;
  }
  div#effect ul#anchorList li:nth-child(5) {
    position: absolute;
    left: 500px;
    top: 10em;
  }
  div#effect ul#anchorList li:nth-child(6) {
    position: absolute;
    left: 500px;
    top: 12em;
  }
  div#effect ul#anchorList li:nth-child(7) {
    position: absolute;
    left: 500px;
    top: 14em;
  }
  div#effect ul#anchorList li:nth-child(8) {
    position: absolute;
    left: 500px;
    top: 16em;
  }
  div#effect ul#anchorList li:nth-child(9) {
    position: absolute;
    left: 500px;
    top: 18em;
  }
  div#effect ul#anchorList li:nth-child(10) {
    position: absolute;
    left: 500px;
    top: 20em;
  }
  div#effect ul#anchorList li:nth-child(11) {
    position: absolute;
    left: 500px;
    top: 22em;
  }
  div#effect ul#anchorList li:nth-child(12) {
    position: absolute;
    left: 500px;
    top: 24em;
  }
  div#effect ul#anchorList li:nth-child(13) {
    position: absolute;
    left: 500px;
    top: 26em;
  }
  div#effect ul#anchorList li:nth-child(14) {
    position: absolute;
    left: 500px;
    top: 28em;
  }
  div#effect ul#anchorList li:nth-child(15) {
    position: absolute;
    left: 500px;
    top: 30em;
  }
  div#effect ul#anchorList li:nth-child(16) {
    position: absolute;
    left: 500px;
    top: 32em;
  }
  /*div#effect ul#anchorList li:last-child {
        position: absolute;
        left: 500px;
        top: 32em;
    }*/
}
.printonly, img#printlogo {
  display: none !important;
}
a.graytext {
  color: #999 !important;
}
/*Textänderungen Header-/Navi-Zeile*/
span.whenSticky span.h2 {
  font-size: 1em;
}
span.whenSticky span.h2 span {
  font-weight: normal; /*nicht grundsätzlich auf bold setzen*/
  line-height: 1.1em;
}
span.whenSticky span.h2 {
  display: block;
  padding: 0.6em 1.8em;
  margin: 0;
  line-height: 1em !important; /*nicht mehr einzeilig*/
  /*text-transform: uppercase;*/
  animation-name: dreimonate;
  animation-duration: 3s;
}
span.whenSticky span.h2z1 {
  font-size: 1.6em;
}
span.whenSticky span.h2z1, span.whenSticky span.h2z2 {
  display: block;
  clear: both;
}
span.whenSticky span.h2z1 span.bold, span.whenSticky span.h2z2 span.bold {
  font-weight: bold !important;
}
@media only screen and (max-width: 1450px) { /*war 1300*/
  span.whenSticky span.h2, span.whenSticky span.h2z2 { /* kleiner gestalten*/
    font-size: 1em;
  }
  span.whenSticky span.h2z1 {
    font-size: 1.5em;
  }
  span.whenSticky span.h2 {
    margin-top: 0.3em;
  }
  #custommenu.sticky .whenNotSticky { /*ab hier ausblenden*/
    display: none !important;
  }
}
@media only screen and (max-width: 1450px) {
  span.whenSticky span.h2, span.whenSticky span.h2z2 {
    font-size: 0.9em;
  }
  span.whenSticky span.h2 {
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 1350px) {
  span.whenSticky span.h2, span.whenSticky span.h2z2 {
    font-size: 0.85em;
  }
  span.whenSticky span.h2 {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 1250px) {
  span.whenSticky span.h2, span.whenSticky span.h2z1, span.whenSticky span.h2z2 { /* ausblenden, da zu breit */
    display: none !important;
  }
  #custommenu.sticky .whenNotSticky { /*dafür diesen Inhalt beibehalten*/
    display: inline-block !important;
  }
}
/*UPDATES FOOTER*/
div#vtb_footer, #vtb_footer {
  width: 960px; /*fixe Breite, passend zum Inhalt oben - fluchtend*/
}
div#vtb_footer div#g1-9 {
  clear: both;
  width: 63%;
  margin-left: 37%; /*in einer Flucht mit dem Service-Inhalt*/
  max-width: none;
}
div#vtb_footer ul#collapseAnw li {
  float: left;
  padding-right: 15px;
  width: 33%;
}
div#vtb_footer div.g1-5, div#vtb_footer .g1-5 {
  width: 37%;
}
div#vtb_footer div.g1-1, div#vtb_footer .g1-1 {
  width: 21%;
}
img.koopicon, img.abpsicon, img.msnicon {
  width: 95%;
  height: auto;
  margin: 0;
  min-width: 95%;
  max-width: 95%;
}
img.abpsicon {
  margin-top: 8px;
}
@media only screen and (max-width: 1023px) {
  div#vtb_footer, #vtb_footer {
    width: 768px; /*fixe Breite, ebenfalls zur festgelegten Breite des Elementes oben passend*/
    margin-left: auto;
    margin-right: auto;
  }
  div#vtb_footer div#preview, div#vtb_footer div.row, div#vtb_footer .row, div#vtb_footer div.socials {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  div#vtb_footer div#g1-9 {
    clear: both;
    width: 100%;
    margin-left: 0;
    padding-bottom: 2em;
    max-width: none;
  }
  div#vtb_footer ul#collapseAnw li {
    float: left;
    padding-right: 15px;
    width: 170px;
  }
  div#vtb_footer div.g1-5, div#vtb_footer .g1-5 {
    width: 100%;
    clear: both;
    float: none !important;
    padding-bottom: 2em;
  }
  div#vtb_footer div.g1-1, div#vtb_footer .g1-1 {
    width: 32.2%;
  }
  img.koopicon, img.abpsicon, img.msnicon {
    width: 150px;
    height: auto;
    margin: 0;
    min-width: 150px;
    max-width: 150px;
  }
  a#btnNeuePackung {
    display: none; /*ausblenden - kein Platz...*/
  }
}
span.pPlus {
  font-weight: bold;
}
/*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/bg-clover-patient-plus.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: #0092ff !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;
}
/**/
#block01, #block02, #block03, #block04, #block05, #block06, #block07 {
  margin-bottom: 4em;
}
img.bilda {
  width: 100%;
  max-width: 600px;
}
.flex {
  display: flex;
  align-items: center;
}
.flex-start {
  justify-content: flex-end;
}
.text-first, .image-second {
  float: left;
}
.image-first, .text-second {
  float: right;
}
.text-first, .image-first {
  order: 1;
}
.image-second, .text-second {
  order: 2;
}
.text-first {
  padding-right: 2em; /*Abstand zum Bild*/
}
.text-second {
  padding-left: 2em; /*Abstand zum Bild*/
}
div#wrapper, div#navi-helper, div#sort, .sort {
  width: 94%;
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
}
div#teaser {
  width: 100%;
  min-height: 450px;
  height: auto;
  text-align: left;
  color: #333;
  margin-top: 5.5em; /*wegen fixierter Navi*/
  background-color: #07354a;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.number {
  position: relative;
  padding-left: 2.8em;
}
.number span {
  position: absolute;
  display: block;
  z-index: 1;
  left: 0;
  top: -0.3em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: #0092ff;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.forSwiper {
  background-color: #f1f1f1;
}
.swiper-slide {
  background-color: #f1f1f1;
}
.swiper-pagination {
  position: relative;
  display: block;
  clear: both;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.swiper-pagination-bullet {
  opacity: 0.4;
  margin-right: 5px;
  border: 1px solid #0092ff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-slide {
  height: auto;
}
div.imgEmergency {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  content: "";
  background-image: url("../images/shutterstock_459995515.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#right-triangle {
  width: 0;
  height: 0;
  border-left: 100px solid #07354a;
  border-top: 0;
  border-bottom: 450px solid transparent;
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 0;
  bottom: 0;
}
img.abbKarte {
  display: none;
}
h1.abbKarte {
  width: 100%;
  padding-left: 160px; /*für Karte*/
  min-height: 120px;
  background-image: url("../images/abb-karte-mit-aufkleber.png");
  background-size: 140px auto;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 2.8em;
  line-height: 120%;
}
#navlist.navbar-collapse {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 4em;
  background-color: #fff;
  box-shadow: 0 0 8px #e7e7e7;
  padding: 1em;
}
div#navlist a.bluelink:hover, div#navlist a.bluelink:focus, div#navlist a.bluelink:active {
  background-color: #f7f7f7;
  text-decoration: none;
}
.tipp {
  position: relative;
  padding-left: 120px;
  min-height: 120px;
}
.tipp-image-container {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
}
.tipp-image-container img {
  width: 100px;
}
/*User-Feedback*/
.userfeedback {
  padding-top: 60px;
  background-size: 50px auto; /*Durchmesser 50px*/
  background-position: center top;
  background-repeat: no-repeat;
}
.fb_annae {
  background-image: url("../images/userfoto_annae.png");
}
.fb_berndh {
  background-image: url("../images/userfoto_berndh.png");
}
.fb_thomasd {
  background-image: url("../images/userfoto_thomasd.png");
}
.fb_chrisp {
	background-image: url("../images/userfoto_chrisp.png");
}
/*UPDATES FOOTER*/
div#vtb_footer, #vtb_footer {
  width: 960px; /*fixe Breite, passend zum Inhalt oben - fluchtend*/
}
div#vtb_footer div#g1-9 {
  clear: both;
  width: 63%;
  margin-left: 37%;
  max-width: none;
}
div#vtb_footer ul#collapseAnw li {
  float: left;
  padding-right: 15px;
  width: 33%;
}
div#vtb_footer div.g1-5, div#vtb_footer .g1-5 {
  width: 37%;
}
div#vtb_footer div.g1-1, div#vtb_footer .g1-1 {
  width: 21%;
}
img.koopicon, img.abpsicon, img.msnicon {
  width: 95%;
  height: auto;
  margin: 0;
  min-width: 95%;
  max-width: 95%;
}
img.abpsicon {
  margin-top: 8px;
}
div#block07 {
  background-image: url("../images/shutterstock_453404698-bearb.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 4em;
  margin-top: 4em;
  background-color: #7295a5;
  color: #fff;
  min-height: 500px;
  padding: 4em 2em 4em 50%;
}
.block07Inner {
  padding: 1.5em;
}
ul.hasDiscs li {
  list-style-type: disc;
  margin-left: 15px;
}
#htmlcaption4, #htmlcaption5, #htmlcaption6 {
	padding: 0 2em; /*Abstand zu den Bedienpfeilen beim Textslider sicherstellen*/
}
@media only screen and (max-width: 1023px) {
  div#vtb_footer, #vtb_footer {
    width: 768px; /*fixe Breite, ebenfalls zur festgelegten Breite des Elementes oben passend*/
    margin-left: auto;
    margin-right: auto;
  }
  div#vtb_footer div#preview, div#vtb_footer div.row, div#vtb_footer .row, div#vtb_footer div.socials {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  div#vtb_footer div#g1-9 {
    clear: both;
    width: 100%;
    margin-left: 0;
    padding-bottom: 2em;
    max-width: none;
  }
  div#vtb_footer ul#collapseAnw li {
    float: left;
    padding-right: 15px;
    width: 170px;
  }
  div#vtb_footer div.g1-5, div#vtb_footer .g1-5 {
    width: 100%;
    clear: both;
    float: none !important;
    padding-bottom: 2em;
  }
  div#vtb_footer div.g1-1, div#vtb_footer .g1-1 {
    width: 33.2%;
  }
  img.koopicon, img.abpsicon, img.msnicon {
    width: 150px;
    height: auto;
    margin: 0;
    min-width: 150px;
    max-width: 150px;
  }
  a#btnNeuePackung {
    display: none; /*ausblenden - kein Platz...*/
  }
}
span.pPlus {
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  div#vtb_footer, #vtb_footer {
    width: 100%; /*fixe Breite aufheben*/
    margin-left: auto;
    margin-right: auto;
  }
  ul.sociallist {
    clear: both;
    width: 100%;
  }
  div#block07 {
    padding: 4em;
    min-height: 320px;
	  background-size: cover; /*ab hier (und kleiner) cover*/
  }
  .block07Inner {
    background: rgba(0, 0, 0, 0.4);
  }
}
@media only screen and (max-width: 767px) {
  .flex {
    display: block; /*flex aufheben*/
  }
  .text-first, .text-second {
    padding-left: 0; /*Abstand zum Bild*/
    padding-right: 0; /*Abstand zum Bild*/
    float: none;
  }
  #block01, #block02, #block03, #block04, #block05, #block06 {
    margin-bottom: 2em;
    float: left;
    width: 100%;
  }
  .image-first, .image-second {
    display: none;
    float: none;
  }
  .g1, .g2, .g2-5, .g3, .g4, .g4-5, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
    width: 100%;
  }
  div#vtb_footer, #vtb_footer {
    width: 100%;
  }
  div#preview, div.row, .row, div.socials {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  div#wrapper {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  div#teaser {
    float: left;
    width: 100%;
    min-height: 10px;
    height: auto;
    background-color: #07354a;
    text-align: center;
    padding: 4%;
    margin-bottom: 1em;
  }
  div.imgEmergency, #right-triangle {
    display: none;
  }
  h1.abbKarte {
    padding-left: 0; /*für Karte*/
    background-image: none;
    font-size: 2em;
    min-height: auto;
  }
  div#vtb_footer div.g1-1, div#vtb_footer .g1-1 {
    width: 50%;
  }
  .image-first.mobile-visible, .image-second.mobile-visible {
    display: block;
    padding-bottom: 1.5em;
  }
	div#footerLogos {
    clear: both;
}

    div#footerLogos a {
        float: left;
        margin: 1em;
        width: 100%;
    }

    div#footerLogos img {
        height: 60px;
    }
}
@media only screen and (max-width: 480px) {
  div#vtb_footer div.g1-1, div#vtb_footer .g1-1, #vtb_footer div.g1-9 {
    width: 100% !important;
    max-width: 100% !important;
    clear: both;
    padding-bottom: 1.5em;
  }
  h1.abbKarte {
    font-size: 1.5em;
  }
  .nobr {
    white-space: normal;
  }
  .number {
    position: unset;
    padding-left: 0;
  }
  .number span {
    position: unset;
    display: inline-block;
    float: none;
    z-index: auto;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    line-height: inherit;
    text-align: center;
    background-color: #0092ff;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 3px;
  }
  .lead {
    font-size: 1em;
  }
  .image-first.mobile-visible, .image-second.mobile-visible {
    display: block;
  }
  div#block07 {
    background-size: cover;
    margin-bottom: 3em;
    margin-top: 2em;
    min-height: 200px;
    padding: 1.5em 1em;
  }
}