@import "bootstrap.css";
:root {
  --waitPosTop: 18.5%;
  --waitPosRight: calc(50% - 15px);
  --dunkelrot: #c21b17;
}
.thin {
  font: 1em var(--robotoThin), "sans-serif";
}
.regular {
  font: 1em var(--robotoRegular), "sans-serif";
}
.thick {
  font: 1em var(--robotoBold), "sans-serif";
}
.mono {
  font: 1em var(--robotoMonoRegular), "sans-serif";
}
.monoThick {
  font: 1em var(--robotoMonoBold), "sans-serif";
}
.test {
  color: #f6b1af;
  border: 10px solid #c21b17;
  background-color: var(--dunkelrot);
  background: url("../../kundenportal/img/common/backgrounds/storniert.png");
  border-radius: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 0.25em solid white;
  margin: auto;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background: #c21b17;
}
.test img {
  display: block;
  min-width: 100%;
  min-height: 100%;
}
/*
Pixeln	REM
1px		0.06rem
2px		0.13rem
3px		0.19rem
4px		0.3rem
5px		0.3rem
6px		0.4rem
8px		0.5rem
10px	0.6rem
12px	0.8rem
14px	0.9rem
15px	0.9rem
16px	1rem
18px	1.1rem
20px	1.3rem
24px	1.5rem
25px	1.6rem
28px	1.8rem
32px	2rem
36px	2rem
40px	3rem
44px	3rem
48px	3rem
50px	3rem
56px	4rem
64px	4rem
72px	5rem
75px	5rem
80px	5rem
90px	6rem
100px	6rem
*/
/* spinner primefaces autosuggest */
.ui-autocomplete .ui-icon-loading {
  display: none;
}
body .ui-widget-overlay,
#waitWindowWrapper {
  background: rgba(0, 0, 0, 0.35) !important;
}
#waitWindowWrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10001;
}
#waitWindowBackground {
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 50px 10px rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 18.5%;
  right: calc(50% - 15px);
}
body .ui-overlaypanel.waitClass {
  clip-path: circle(50%);
}
.waitClass {
  top: 50% !important;
  left: 50% !important;
  position: fixed;
}
body .ui-overlaypanel.waitClass .ui-overlaypanel-content {
  padding: 1px;
}
[data-loader='circle-side'] {
  position: relative;
  width: 22px;
  height: 22px;
  margin: 5px;
  -webkit-animation: circle infinite 0.5s linear;
  -moz-animation: circle infinite 0.5s linear;
  -o-animation: circle infinite 0.5s linear;
  animation: circle infinite 0.5s linear;
  border: 2px solid #c21b17;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-radius: 100%;
  box-sizing: border-box;
}
div#waitModalPanelKp {
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(255, 255, 255, 0.8);
}
div#waitModalPanelKp .ui-dialog-content {
  border-radius: 50%;
  padding: 5px;
}
@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "generali";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/generali.eot?#iefix") format("embedded-opentype"), url("fonts/generali.woff") format("woff"), url("fonts/generali.ttf") format("truetype"), url("fonts/generali.svg#generali") format("svg");
}
/* roboto-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RobotoThin';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v47-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v47-latin-300.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RobotoRegular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v47-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v47-latin-regular.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RobotoRegularItalic';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v47-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v47-latin-italic.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RobotoMedium';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v47-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v47-latin-500.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RobotoBold';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v47-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v47-latin-700.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-mono-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RobotoMonoRegular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-mono-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-mono-v23-latin-regular.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-mono-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RobotoMonoBold';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-mono-v23-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-mono-v23-latin-600.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.pager:before,
.pager:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.pager:after,
.modal-footer:after {
  clear: both;
}
header {
  background: url("../../kundenportal/img/footer-left-margin.png") repeat-y left top;
  height: 130px;
}
.fielderror {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
ul.csc-bulletlist {
  padding-left: 20px;
}
.csc-bulletlist li {
  list-style: none;
  margin: 10px 0 15px 10px;
}
.csc-bulletlist li::before {
  font-family: 'FontAwesome';
  content: '\f00c';
  margin: 0 14px 0 -30px;
  color: #c21b17;
}
ul.default-bulletlist {
  padding-left: 20px;
}
ul.default-bulletlist li {
  margin: 0 10px 20px 30px !important;
  padding-left: 10px !important;
  max-width: 1140px;
  text-align: left;
  list-style: url('../../kundenportal/img/bullet-list.png');
}
.padding-top-bottom-1 {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.padding-top-bottom-2 {
  display: block;
  -webkit-margin-before: 1.5em;
  -webkit-margin-after: 1.5em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  border-bottom: 1px solid #979797;
  padding-bottom: 30px;
}
.padding-top-bottom-2.last-child {
  border-bottom: 0;
}
.margin-top-15 {
  margin-top: 15px;
}
label {
  font-family: "RobotoRegular", Arial, sans-serif;
  font-weight: normal;
}
#slideBadge {
  clear: both;
}
#breadcrumbs {
  clear: both;
}
.headerBanner .bannerSub {
  bottom: 0px;
  left: 0px;
  float: left;
  width: 100%;
}
.headerBanner {
  position: relative;
  float: left;
  width: 100%;
  background-color: #f1f1f1;
}
.breadcrumb .backlink {
  margin-right: 10px !important;
}
.breadcrumbItems {
  float: left;
}
.breadcrumb {
  height: 25px;
  text-indent: 30px;
}
.headerBanner .bannerSub .breadcrumb a {
  font-size: 0.775em;
  line-height: 18px;
  color: #000000;
}
.headerBanner .bannerSub .breadcrumb a:hover {
  color: #c5281c;
}
.headerBanner .bannerSub .breadcrumb span.breadcrumb-title {
  font-size: 0.775em;
  line-height: 18px;
  font-family: "RobotoBold", Arial, sans-serif;
  color: #c5281c;
}
ul.menu li a {
  text-transform: uppercase;
}
.wrapper-content-small {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.padding-top-15 {
  padding-top: 15px !important;
}
@media (max-width: 768px) {
  .padding-top-15 {
    padding: 15px 15px 0 15px !important;
  }
}
.border-right {
  border-right: 1px solid white;
}
@media (max-width: 767px) {
  .border-right {
    border: none;
  }
  .mobile_divider {
    display: block !important;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
/* Change the white to any color ;) */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.main-menu-wrapper ul.menu a {
  padding: 0;
  display: inline-block;
  font-family: "RobotoThin", Arial, sans-serif;
}
.main-menu-wrapper ul.menu li a {
  padding: 4px 12px;
  margin-right: 3px;
  border-bottom: 5px solid #ebebeb;
  font-size: 0.875em;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .main-menu-wrapper ul.menu li a {
    font-size: 13px;
  }
}
@media (max-width: 820px) {
  .main-menu-wrapper ul.menu li a {
    font-size: 11px;
  }
}
.main-menu-wrapper ul.menu li a {
  text-transform: uppercase;
}
.main-menu-wrapper .navbar-default {
  background: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  position: initial;
  min-height: 0;
  margin-bottom: 0;
  border: 0;
}
.main-menu-wrapper .navbar-nav {
  padding: 0;
  display: block;
  float: left;
  width: 100%;
}
.main-menu-wrapper ul.menu li a {
  margin-right: 2px;
  outline: none;
}
.main-menu-wrapper ul.menu li.mid-1 a {
  border-bottom: 5px solid #c5281c;
}
.main-menu-wrapper ul.menu li.mid-2 a {
  border-bottom: 5px solid #f1644a;
}
.main-menu-wrapper ul.menu li.mid-3 a {
  border-bottom: 5px solid #851714;
}
.main-menu-wrapper ul.menu li.mid-4 a {
  border-bottom: 5px solid #a81b38;
}
.main-menu-wrapper ul.menu li.mid-5 a {
  border-bottom: 5px solid #c5281c;
}
.main-menu-wrapper ul.menu li.mid-6 a {
  border-bottom: 5px solid #851714;
}
.main-menu-wrapper ul.menu li.mid-7 a,
.main-menu-wrapper ul.menu li.mid-8 a {
  border-bottom: 5px solid #ebebeb;
}
input::-ms-clear {
  display: none;
}
.form-group {
  margin-bottom: 15px;
}
.has-feedback {
  position: relative;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
.user {
  /*
    background-image: url("@{picPath}/User_icn.png");
    background-repeat: no-repeat;
    */
}
.password {
  /*
    background-image: url("@{picPath}/Password_icn.png");
    background-repeat: no-repeat;
    */
}
.login.form-control {
  display: block;
  width: 100%;
  height: 52px !important;
  padding: 6px 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #767884;
  background-color: white;
  border: 1px solid white;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control {
  height: 39px !important;
  border: 1px solid #bdbdbd;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
span[id$="kp-eye-icon"] {
  color: #767884;
  position: absolute;
  right: 25px !important;
  cursor: pointer;
}
.login span[id$="kp-eye-icon"] {
  bottom: 16px;
  right: 45px;
}
span[id$="kp-eye-icon"].label {
  top: 54px;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: none;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: none;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: none;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: none !important;
}
.kacheln {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.story-container {
  padding: 15px !important;
}
.link-see-more a span {
  background-position: 0 -2762px !important;
}
.link-see-more a:hover span {
  background-position: 0 -2791px !important;
}
.link-see-more a,
.link-see-more-white a,
.link-see-more-black a {
  font-family: "RobotoBold", Arial, sans-serif;
  font-size: 0.688em;
  text-transform: uppercase;
  padding: 8px;
}
.link-see-more a span,
.link-see-more-white a span,
.link-see-more-black a span {
  margin-left: 10px;
  display: inline-block;
  width: 9px;
  height: 9px;
}
.link-see-more,
.link-see-more-white,
.link-see-more-black {
  display: inline-block;
  margin: 0;
  padding: 5px 0;
}
.link-see-more,
.link-see-more-white {
  margin: 10px 0 0;
}
.link-see-more a:hover {
  color: #fff;
  background-color: #c12017;
  border: 1px solid #fff;
}
.link-see-more a,
.link-see-more-white a {
  padding: 8px;
}
.link-see-more a {
  color: #c12017;
  border: 1px solid #c12017;
}
.link-see-more a,
.link-see-more-white a,
.link-see-more-black a {
  font-family: "RobotoBold", Arial, sans-serif;
  font-size: 0.688em;
  text-transform: uppercase;
  padding: 8px;
}
.caption-overlay-story .link-see-more {
  position: absolute;
  bottom: 20px;
  left: 15px;
}
.caption-overlay-story {
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 150px;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.75);
}
.caption-overlay-story p.link-see-more,
.caption-overlay-story p.link-see-more-white,
.caption-overlay-story span.link-see-more,
.caption-overlay-story span.link-see-more-white {
  margin: 0;
  width: 100%;
}
.story-container .story-title {
  font-family: "RobotoBold", Arial, sans-serif;
  font-size: 0.85em;
  margin-bottom: 5px;
  width: 100%;
  text-transform: uppercase;
}
.image-story img {
  width: 100%;
  height: auto;
}
figure {
  margin: 0;
}
.column-wrapper {
  position: relative;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.102) !important;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0px;
}
.image-story-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.see-more {
  margin: 10px 0 0;
}
.konfigUmbruchHr {
  border-bottom: 1px solid #ccc;
}
.konfigUmbruch10px {
  height: 10px !important;
}
.konfigUmbruch15px {
  height: 15px !important;
}
.konfigUmbruch20px {
  height: 20px !important;
}
.konfigUmbruch30px {
  height: 30px !important;
}
.konfigUmbruch40px {
  height: 40px !important;
}
.konfigUmbruch55px {
  height: 55px !important;
}
.konfigUmbruch100px {
  height: 100px !important;
}
.konfigUmbruchHeadline {
  height: 2em !important;
}
.konfigAttributUmbruch20px:not(.konfigVertragBody.h1) .labelView {
  display: flex;
  align-items: flex-end;
}
.konfigAttributUmbruch20px .labelView {
  border-bottom: 0;
}
.ansichtsbestandContainer:not(.konfigVertragBody.h1) label {
  width: -webkit-fill-available;
}
.konfigSchadenHeadline,
.konfigSchadenHeadline label,
.konfigSchadenHeadline span {
  font-family: "RobotoMedium", Arial, sans-serif !important;
  font-size: 1.125em;
  font-weight: normal;
  text-transform: uppercase;
  color: #c5281c;
  margin: 0;
}
.konfigRahmenBody.h2.noBottomMargin .noBorder {
  margin-bottom: 0px;
}
.vitality span {
  border-radius: 0 0 15px 15px;
  height: 50px;
  margin: 0 auto;
  color: #FFF;
  display: inline-block;
  padding: 3px 20px 34px;
  cursor: pointer;
  font-size: 0.938em;
  border-top: transparent;
  -webkit-box-shadow: #999 0px 2px 7px;
  -moz-box-shadow: #999 0px 2px 7px;
  box-shadow: #999 0px 2px 7px;
  pointer-events: auto;
}
.vitality {
  position: absolute;
  z-index: 100;
  width: 100%;
  text-align: center;
  font-size: 16px;
  pointer-events: none;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
html {
  font-family: "RobotoRegular", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  background: url("../../kundenportal/img/background.png") repeat-y center;
  color: #000;
  font-family: "RobotoRegular", Arial, sans-serif;
  overflow: visible;
  font-size: 1em;
  line-height: 1.5;
  border: 0;
  margin: 0;
}
a,
a:link {
  text-decoration: none;
  color: #c21b17;
}
a:hover,
.selected,
a:focus {
  color: #c21b17;
  text-decoration: none;
}
a:link.pdfLink {
  text-decoration: underline;
}
a:hover.pdfLink {
  text-decoration: none;
}
.pdfText {
  display: block;
  margin-left: 50px;
  margin-top: -20px;
}
.pdfList .pdfText {
  color: #c21b17;
}
.pdfText .jqTooltip {
  margin-left: 5px;
  vertical-align: baseline;
}
a:link.internal,
a:link.external {
  text-decoration: none;
}
a:hover.internal,
a:hover.external {
  text-decoration: underline;
}
a:link.external.leftAlign {
  text-align: left;
}
a.printLink {
  text-decoration: underline;
  cursor: pointer;
  color: #c21b17;
}
.link {
  color: #c21b17;
  border: 0;
}
.link:hover {
  text-decoration: underline;
  color: #c21b17;
}
.external,
.external.login,
.internal,
.internal.login,
.close,
.backlink {
  background-repeat: no-repeat !important;
  padding-left: 18px;
  background-position: left !important;
}
.external {
  background: url("../../kundenportal/img/svg/external.svg");
}
.internal {
  background: url("../../kundenportal/img/svg/link.svg");
}
input[disabled].link.internal {
  background: url("../../kundenportal/img/svg/linkDisabled.svg");
}
.backlink {
  background: url("../../kundenportal/img/svg/backlink.svg");
}
.external.login {
  background: url("../../kundenportal/img/svg/externalLogin.svg");
}
.internal.login {
  background: url("../../kundenportal/img/svg/linkLogin.svg");
}
.internal.login.backlink {
  background: url("../../kundenportal/img/svg/loginBacklink.svg");
}
.close {
  background: url("../../kundenportal/img/svg/close.svg");
}
.mobFondLink {
  /* mobile vertragVisLife FondLink */
  padding: 0 45px;
  background-position: 20px 0px !important;
}
.noButton {
  padding: 10px 20px 10px 20px;
  margin: 10px 5px 10px 20px;
}
a img {
  border: none;
}
.smartIncludeContent > a.simpleLink {
  padding: 0;
  float: initial;
  height: auto;
  border: 0;
  background: transparent;
  text-decoration: underline;
}
.smartIncludeContent > a.simpleLink:hover {
  color: #e9573d;
}
table tr td a {
  width: 100%;
}
h1,
.konfigVertragBody.h1,
.konfigUserdefinedBody.h1 .ui-panel-titlebar,
.konfigRahmenBody.h1 .ui-panel .ui-panel-titlebar {
  font-family: "RobotoThin", Arial, sans-serif;
  font-size: 1.85em;
  font-weight: normal;
  color: #c5281c;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 25px;
}
.einzelvertreage h1 {
  margin-top: 30px;
}
.konfigVertragBody.h1 {
  padding-bottom: 35px;
}
.kp-header {
  color: white !important;
  font-size: 38px;
  font-family: "RobotoThin", Arial, sans-serif;
  text-transform: uppercase;
  padding: 1em 0;
}
.kp-header.centerMargin {
  text-align: center;
  margin: 0;
  padding-bottom: 0;
}
.login .kp-header {
  margin-bottom: 10px;
}
h1.login {
  font-family: "RobotoThin", Arial, sans-serif;
  margin: 1em 0;
  color: #ffffff;
}
h2.login {
  font-family: "RobotoThin", Arial, sans-serif;
  color: #ffffff;
}
h2.service,
.service h2 {
  color: #333333;
}
h3 {
  font-family: "RobotoMedium", Arial, sans-serif;
  font-size: 1.15em;
  font-weight: normal;
}
h4 {
  font-family: "RobotoMedium", Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
}
h5 {
  font-family: "RobotoMedium", Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
strong,
.bold {
  font-family: "RobotoMedium", Arial, sans-serif;
}
.sysText_0,
.sysText_1,
.sysText_2 {
  text-shadow: 0px 0px 0px black;
  font-size: 0.9rem;
  margin-bottom: 10px;
  display: block;
}
.sysText_0 {
  color: #5389ac;
}
.sysText_1 {
  color: #FF9F00;
}
.sysText_2 {
  color: #c21b17;
}
.systemNachrichten {
  color: #555;
  margin-bottom: 10px;
  text-decoration: underline;
}
hr {
  background-color: #cccccc;
  padding: 0;
}
.hr20 {
  clear: both;
  height: 20px;
  background: transparent;
}
hr.hr-1 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0), #ffffff);
}
.section-title-little {
  text-align: center;
  font-family: "RobotoThin", Arial, sans-serif;
}
.section-title-little h2 {
  font-family: "RobotoThin", Arial, sans-serif;
  font-size: 2em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}
.section-title-little h3 {
  font-family: "RobotoThin", Arial, sans-serif;
  font-size: 1.125em;
  font-weight: normal;
  color: #666666;
  margin: 0;
}
.section-title-little hr {
  width: 200px;
  margin: 20px auto !important;
}
hr.hr-red {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #c12017;
  margin: 0 auto;
}
@media (min-width: 768px) {
  body .section-title-little h2 {
    font-size: 1.85em;
  }
  body .section-title-little h3 {
    font-size: 1.25em;
  }
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul {
  list-style: none;
}
ul.list {
  height: 120px;
}
ul.list li a {
  color: #C21B17;
  text-decoration: none;
  display: block;
}
ul.list li a:hover {
  color: #FFF;
  text-decoration: none;
}
table {
  table-layout: auto !important;
  width: 100% !important;
  border-collapse: collapse;
}
/* 63608-EVS/K4: TEST 4 (better) sortable datatable */
/*
.ui-datatable table:has(thead th.ui-sortable-column) {
	table-layout: fixed !important;
}
body .ui-datatable thead th.ui-sortable-column .ui-column-title {
 	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	
  	display: block;
  	max-width: calc(100% - 24px);
    float: left;
    &:has(img) {
    	max-width: unset;
    }
}
body .ui-datatable:has(thead th.ui-sortable-column) tbody .ui-column-title ~ span {
	
 	// white-space: nowrap;
  	// overflow: hidden;
  	// text-overflow: ellipsis;
  	// display: block;
	 	  	
  	word-break: break-all;
}
*/
.konfigGridTable .gridTable {
  table-layout: auto;
}
.noTableLayoutFixed {
  table-layout: auto;
}
.kp_zweiSpaltigerRahmen table {
  table-layout: auto;
}
.kp_zweiSpaltigerRahmen td {
  padding: 0 1px;
}
hr {
  padding: 0px;
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #ccc;
}
input[type="text"],
input[type="password"] {
  width: 100%;
  height: 37px;
  border: 1px solid #bdbdbd;
  padding: 0 14px;
}
input[disabled],
textarea[disabled] {
  border: 1px solid transparent !important;
  color: #aaa !important;
  cursor: not-allowed !important;
}
input[disabled]:hover {
  border: 1px solid transparent !important;
  background: #ebebeb;
  color: #aaa !important;
  text-decoration: none;
}
html input[disabled],
input[disabled].btn {
  background: #ebebeb;
}
.form-control[disabled].showDisabled {
  background: transparent;
  color: #555 !important;
  cursor: default !important;
}
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}
.checkboxwrapper {
  margin: 5px;
}
.labelCheckbox {
  display: flex;
  align-items: center;
  height: 35px;
}
.labelCheckbox label {
  height: 35px;
  margin-bottom: 0;
  display: contents;
}
input[type=checkbox],
input[type=radio] {
  width: 18px;
  height: 18px;
  accent-color: #b21c17;
  margin: 0 !important;
}
.radio label {
  text-indent: 7px;
}
select {
  padding: 7px;
  min-height: inherit !important;
  width: 100%;
  border: 1px solid #bdbdbd;
}
.form-control.inline {
  width: auto;
  display: inline-block;
}
.dataTables_wrapper select {
  width: auto;
}
.kpTableFonds .dataTables_wrapper,
.teilauszahlung .dataTables_wrapper {
  margin: 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  width: 100% !important;
  border: 1px solid #bdbdbd !important;
  padding: 10px;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  select {
    padding: 4px;
  }
  /* IE11 */
}
html {
  height: 100%;
  font-size: 100%;
}
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: "RobotoRegular", Arial, sans-serif;
  line-height: 1.42857143;
  color: #333;
  background: #fff;
}
a.anchor {
  display: block;
  position: relative;
  top: -110px;
  visibility: hidden;
}
#page {
  max-width: 1024px;
  background: white;
  margin: auto auto;
}
#content {
  padding: 0;
  margin: auto;
  height: auto;
  background-color: #fff;
  clear: both;
}
#contentSub {
  padding: 0;
  margin: auto;
  height: auto;
  background-color: #fff;
}
.logedOut #contentinner,
.logedIn.registration #contentinner {
  background: #767884;
}
.logedOut #contentinner .login div,
.logedIn.registration #contentinner .login div,
.logedOut #contentinner .login p,
.logedIn.registration #contentinner .login p,
.logedOut #contentinner .login a:link,
.logedIn.registration #contentinner .login a:link,
.logedOut #contentinner .login .link,
.logedIn.registration #contentinner .login .link,
.logedOut #contentinner .login h1,
.logedIn.registration #contentinner .login h1 {
  color: white;
}
.logedIn.registered #contentinner {
  background: white;
}
.logedOut .login div,
.logedOut .login p,
.logedOut .login a:link,
.logedOut .login .link {
  color: white;
}
.logedOut .login a {
  color: white !important ;
  text-decoration: underline;
}
.logedOut .login a:hover {
  text-decoration: none;
}
.logedOut #contentinner .login div.ui-panel-content {
  background: transparent;
}
#sub {
  /*width: 993px;*/
  /* height: 500px; */
  margin: auto;
  position: relative;
  /*pointer-events:none;*/
}
#submenu {
  padding-top: 140px;
}
.tableWrap {
  width: 100%;
  max-width: 993px;
  margin: auto;
}
.buttonbar {
  background-color: white;
  height: 50px;
}
.buttonbar.desktop,
.buttonbar.mobile {
  /*
    padding-left: 15px;
    padding-right: 15px;
    */
}
.produktvergleichGesundheit .buttonbar {
  width: 730px;
  margin: 20px auto 0 auto;
}
#bildsub {
  background: url("../../kundenportal/img/backgroundSub.png") repeat-y center;
  width: 100%;
  text-align: center;
  position: relative;
  /*height: 370px;*/
  overflow: hidden;
}
#staticSubImageMobile {
  background-image: url("../../kundenportal/img/slider/defaultPicMobile.svg");
  min-height: 130px !important;
}
#staticSubImageDesktop {
  background-image: url("../../kundenportal/img/slider/defaultPicDesktop.svg");
  height: 200px;
  background-position: center;
  background-size: cover;
}
header {
  width: 100%;
}
.logo {
  margin: 40px 40px 0 30px;
  width: 95px;
}
.logedOut .logo {
  margin: 35px 41px 0 25px;
  width: 105px;
}
#nav {
  position: fixed;
  height: 100px;
  background: #5b5b5b;
  width: 100%;
}
#insideHeader {
  max-width: 1024px;
  margin: auto auto;
  height: inherit;
}
/* line 1, ../sass/_footer.scss */
#footer {
  margin-top: 50px;
  clear: both;
  display: inline-block;
  width: 100%;
  /*1 riga Footer */
  /*1 riga Footer per la versione mobile (solo logo) */
  /* 2 riga Footer */
}
/* line 6, ../sass/_footer.scss */
#footer .wrapper-content {
  padding: 20px 0 30px;
  border-top: 2px solid #c12017;
}
#footer li {
  float: left;
  padding-right: 10px;
}
#footer .second-row {
  clear: both;
}
#footer .first-row ul.service-menu-footer li a {
  font-size: 0.813em;
}
#footer .second-row ul.menu-footer li a {
  font-size: 0.813em;
}
.copyright p {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
}
.logo-footer {
  text-align: center;
}
.copyright {
  text-align: center;
  margin-top: 10px;
}
.footerLogoText {
  width: 220px;
  float: right;
}
#footer #collapseFooter .first-row {
  margin-top: 20px;
}
#footer {
  margin: 50px 0 50px 0;
}
.menu.menu-footer {
  display: flex;
  align-items: baseline;
}
@media (max-width: 768px) {
  .menu.menu-footer {
    flex-direction: column;
    align-items: center !important;
  }
  #footer li {
    float: none;
    text-align: center;
  }
  .menu.service-menu-footer li {
    margin-bottom: 3px;
  }
  .logo-footer {
    border-top: 1px solid #990000;
    margin-top: 20px;
    padding-top: 20px;
  }
  .copyright p {
    margin: 0;
    padding: 0;
    font-size: 0.85em;
  }
  .footerLogoText {
    width: auto;
    float: none;
  }
  #footer #collapseFooter .first-row {
    margin-top: 0;
  }
}
.table a:link,
.table a:visited {
  color: #222222;
}
.table a:hover {
  color: #c21b17;
}
.nowrap {
  white-space: nowrap;
}
.contact-info {
  font-size: 28px;
  line-height: 1.4;
  color: #FF8300;
  border-right: 1px solid #EEE;
}
.contact-info span {
  display: block;
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.mailHeader {
  font-size: 14px;
}
.mailHeader .tableClass {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  margin: 5px 0;
  display: block;
  padding: 10px 0;
}
.mailHeader .contentBlockHeader {
  font-family: "RobotoMedium", Arial, sans-serif;
  vertical-align: top;
  color: #333;
  font-size: 100%;
  text-transform: initial;
}
.mailHeader .contentBlockBody table table {
  width: unset !important;
}
.mailHeader .contentBlockBody table label {
  float: left;
  width: 65px;
}
.rightAlign {
  float: right;
}
.messageContainer .btn.link {
  margin: 0 !important;
  background-color: transparent !important;
  font-family: 'RobotoRegular' !important;
}
.messageContainer .btn.link:hover {
  font-family: 'RobotoBold' !important;
}
.btn.link {
  background: #fff url("../../kundenportal/img/svg/link.svg");
  color: #c21b17 !important;
  text-transform: initial;
  font-weight: normal !important;
  padding: 0px;
  margin: 0;
  font-family: "RobotoRegular", Arial, sans-serif;
  border: 0;
}
.btn.link.backlink {
  background: #fff url("../../kundenportal/img/svg/backlink.svg");
}
.btn.link.internal {
  text-indent: 20px;
}
.displayNone {
  display: none;
}
/*Messages*/
.messageContainer .labelValue {
  font-family: "RobotoRegular", Arial, sans-serif !important;
}
.messageContainer .tableLabelHeader {
  float: left !important;
  font-family: "RobotoBold", Arial, sans-serif !important;
  width: 80px;
}
.messageContainer .tableClassItem {
  display: flex;
  font-size: 0.95em;
}
.messageContainer .controlIcons.iconEnabled {
  margin: 0 5px 5px 0;
}
/*Nachrichten (vor, zurück)*/
.link.internal button.btn {
  font-family: "RobotoRegular", Arial, sans-serif !important;
  background: transparent !important;
  margin: 0 !important;
}
.link.internal button.btn span.ui-button-text.ui-c {
  text-transform: unset;
  padding: 3px 0;
  font-family: "RobotoRegular", Arial, sans-serif !important;
  font-weight: normal;
}
.link.internal button.btn:hover {
  border: 0;
  text-decoration: underline !important;
}
a[id^="pickfiles"] img {
  display: none;
}
.faq li {
  margin-bottom: 10px;
  padding: 10px;
}
.faq li:nth-child(odd) {
  background: #F7F7F7;
}
.faq li:nth-child(even) {
  background: white;
}
.faq li b {
  font-weight: bold;
}
select::-ms-expand {
  display: none;
}
.dusie select {
  width: 100px;
}
.umbruch {
  height: 10px;
}
.checkboxSpace {
  padding-left: 10px;
  padding-top: 7px;
}
.input335 input,
.select335 select {
  width: 335px !important;
}
.input335 select {
  width: 125px !important;
}
.productContainer .contentBlockBody {
  padding: 0px;
}
.ansichtsbestandContainer .dialogVarianteDiv .contentBlockBody {
  padding: 0px;
}
.contentBlockBody > table > tr > td {
  text-indent: 10px;
}
.icon .contentBlockBody tr.kundenportalTR .colClass {
  height: 30px;
}
#carousel {
  height: 500px;
  width: 100%;
  background-color: #c21b17;
}
.round {
  border-radius: 0;
}
.login .alert {
  margin: 20px 0 10px 0 !important;
  padding: 15px;
}
video {
  width: 100%;
}
div#badges {
  display: flex;
  align-items: flex-start;
  width: 912px;
  margin: auto auto;
  height: 230px;
}
.badgeDiv img {
  border: 3px solid white;
  width: 135px;
}
.badgeDiv img:hover {
  border: 2px solid transparent;
  -webkit-box-shadow: 22px 22px 13px -15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 22px 22px 13px -15px rgba(0, 0, 0, 0.3);
  box-shadow: 22px 22px 13px -15px rgba(0, 0, 0, 0.3);
}
.emptyOuter {
  width: 30px;
  /* flex: 40px; */
}
.badgeDiv {
  margin-right: 5px;
}
.badgeImg {
  margin-top: -20px;
}
.betreuerOuter {
  position: relative;
  top: -60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.betreuer {
  width: 280px;
}
#betreuer,
#betreuerSub {
  position: relative;
}
div#betreuerText {
  text-align: center;
}
.badgeDiv .count {
  position: relative;
  top: -150px;
  left: 100px;
  color: white;
  width: auto;
  width: 35px;
  height: 35px;
  background: #f1644a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
  font-weight: bold;
  border: 0.11em solid white;
}
.betreuerDiv {
  position: relative;
  width: 215px;
}
.infoBetreuerPic {
  position: absolute;
  right: 0;
  top: 67%;
  cursor: pointer;
  width: 20%;
  pointer-events: fill;
  z-index: 2 !important;
}
#outerBetreuer {
  height: 250px;
  width: 250px;
  float: left;
  margin-right: 30px;
}
.betreuer {
  width: 100%;
  background: transparent;
  cursor: pointer;
}
.nichtErreichbar {
  position: absolute;
  left: -50px;
  bottom: 0px;
  transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  background: white;
  border: 1px solid #aaa;
  border-radius: 5px;
  height: 40px;
  width: 300px;
  z-index: 3;
  padding-top: 10px;
  -webkit-box-shadow: -7px 6px 30px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -7px 6px 30px -10px rgba(0, 0, 0, 0.75);
  box-shadow: -7px 6px 30px -10px rgba(0, 0, 0, 0.75);
  text-align: center;
}
.nichtErreichbarText {
  font-size: 12px;
  font-weight: bold;
  font-family: "Arial Narrow", Arial, sans-serif;
  margin-top: 10px;
}
.pin {
  position: absolute;
  top: 20px;
  left: 60px;
  background: blue;
  height: 24px;
  width: 24px;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.carouselPic {
  background: url("../images/carousel-01.jpg") center;
  height: 500px;
}
epsLogo {
  text-indent: 45px;
  background: url("../../kundenportal/img/epsLogo.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
epsLogo:hover {
  background: #c21b17 url("../../kundenportal/img/epsLogoHover.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
emsLogo:hover {
  background: #c21b17 url("../../kundenportal/img/emsLogoHover.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
#emsLogoInsert {
  height: 60px;
  background: url("../../kundenportal/img/emsLogo.png");
  background-repeat: no-repeat;
  background-position: 22px 0px;
  background-size: contain;
}
#epsLogoInsert {
  height: 60px;
  background: url("../../kundenportal/img/epsLogo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-hamburger {
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}
.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 23px;
  left: 8px;
  right: 18px;
  height: 5px;
  background: white;
  width: 32px;
  pointer-events: none;
}
.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  content: "";
}
.c-hamburger span::before {
  top: -10px;
}
.c-hamburger span::after {
  bottom: -10px;
}
.c-hamburger--htx {
  background-color: #333333;
}
.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
  transition-property: top, transform;
}
.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #c21b17;
}
.c-hamburger--htx.is-active span {
  background: none;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  /*text-align: center;*/
}
/*#nav-trigger span {
	display: inline-block;
	padding: 10px 30px;
	background-color: #ff0032;
	color: white;
	cursor: pointer;
	text-transform: uppercase; }
#nav-trigger span:after {
	display: inline-block;
	margin-left: 10px;
	width: 20px;
	height: 10px;
	content: "";
	border-left: solid 10px transparent;
	border-top: solid 10px #fff;
	border-right: solid 10px transparent; }
#nav-trigger span:hover {
	background-color: #e6002d; }
#nav-trigger span.open:after {
	border-left: solid 10px transparent;
	border-top: none;
	border-bottom: solid 10px #fff;
	border-right: solid 10px transparent; }*/
nav {
  /*margin-bottom: 30px;*/
}
nav#nav-main {
  /*background-color: #ff0032;*/
  padding: 0;
  float: left;
}
nav#nav-main ul {
  list-style-type: none;
  margin: 40px 0 0 0;
  padding: 0;
  /*text-align: center;*/
}
nav#nav-main li {
  padding: 4px 8px 5px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
}
nav#nav-main li.current {
  background: #c21b17;
  border: 1px solid #fff;
}
nav#nav-main li:last-child {
  border-right: none;
}
nav#nav-main a {
  /*display: block;*/
  color: white;
  /*padding: 10px 30px;*/
  font-size: 0.85em;
}
nav#nav-main a:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}
nav#nav-main .current a:hover {
  padding-bottom: 0;
  border: 0;
}
nav#nav-mobile {
  position: relative;
  display: none;
}
nav#nav-mobile ul {
  display: none;
  list-style-type: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.9);
}
nav#nav-mobile li {
  display: block;
  padding: 5px 0;
  margin: 0 5px;
  border-bottom: solid 1px #555555;
}
nav#nav-mobile li:last-child {
  border-bottom: none;
}
nav#nav-mobile a {
  display: block;
  color: white;
  padding: 10px 30px;
}
nav#nav-mobile a:hover {
  background-color: #555555;
  color: #fff;
}
.isRequired,
[aria-required="true"] {
  background-color: #ffeeaa !important;
}
.ui-inputwrapper-filled .isRequired,
.ui-inputwrapper-filled [aria-required="true"] {
  background-color: white !important;
}
.isRequired:focus {
  background-color: #fff !important;
}
input[disabled].isRequired,
textarea[disabled].isRequired {
  background-color: #ebebeb !important;
}
.productcontainer .simpleLabel {
  white-space: nowrap;
  margin-right: 10px;
}
.uploadTable {
  margin-top: 20px;
  table-layout: auto !important;
}
.uploadTable td {
  height: auto;
}
.uploadTable .controlIcons {
  padding: 5px 0 5px 5px !important;
}
div#workingupload {
  margin-bottom: 10px;
}
.pdfIcon {
  margin: 0 10px 0 12px;
  vertical-align: bottom;
}
/* nur für den ersten block auf der meine Daten seite*/
.kpSingle-personaldaten td {
  /*padding-left: 16px;*/
}
.kp_rowBorder {
  /*border-bottom: 1px solid #000 !important;*/
}
.kp_rowBorder > td {
  /*padding: 8px !important;*/
  /*border-bottom: 1px solid @grauD !important;*/
}
.kp_rowBorder > td:last {
  /*margin-bottom: 30px !important;*/
}
.kp_rowBorder {
  border: 0 !important;
}
.panelOdd {
  background: #ffffff;
  padding: 0 0 20px 0;
}
.panelOdd tbody tr:hover {
  /*color:  @dunkelrot;*/
  /*cursor: pointer;*/
  /*background: @row2;*/
}
.panelEven {
  background: #fafafa;
  padding: 0 0 20px 0;
}
.panelEven tbody tr:hover {
  /*color: @dunkelrot;*/
  /*background: @row1;*/
}
.contentBlock {
  background: transparent !important;
  /*	border-width: 0px;
		padding: 10px;
		background: #f7f7f7;
		margin-bottom: 15px;*/
}
.wrapButton.special input {
  margin-top: 23px;
  margin-bottom: 0px;
}
/* icons & glyphs*/
.controlIcons,
.jqTooltip {
  cursor: pointer;
}
th .jqTooltip {
  margin-top: -8px !important;
  margin-bottom: -5px !important;
}
.jqTooltip,
.helpIcon {
  margin: 0px 5px;
  width: 24px;
  height: 20px;
}
th .jqTooltip {
  width: auto;
}
div[id^="container"] .jqTooltip {
  margin-top: 10px;
  margin-left: -15px;
}
.tableHeadlineIcon {
  vertical-align: sub;
  margin-right: 10px;
}
.glyphs {
  font-size: 20px;
  color: #969696;
  margin-right: 10px;
  vertical-align: sub;
}
.kpAttachmentHeader {
  font-size: 14px;
  font-weight: bold;
}
.panel-info {
  border-color: #dddddd;
}
.panel-info > .panel-heading {
  color: #555555;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.session_progress {
  background: #589900;
  height: 3px;
}
.session_expire {
  background: #c21b17;
  height: 3px;
  margin-bottom: 7px;
}
.wrapper-content {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 380px) {
  .wrapper-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.margin-lat-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cookies-container {
  margin: 0px auto;
  background: #C12017;
  position: relative;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 99;
}
.cookies-container .cookies a.accetto-cookie {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 8px;
  background: #fff;
  color: #3b3b3b;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.cookies-container .cookies {
  padding: 30px 60px 30px 20px;
  position: relative;
  color: #fff;
}
.cookieButtons {
  display: flex;
  margin-top: 10px;
}
.cookies h2 {
  color: white;
}
@media screen and (max-width: 768px) {
  .cookies-container .cookies {
    padding: 20px 10px;
  }
  .cookieButtons {
    flex-direction: column;
  }
  .cookieButtons a {
    width: 100%;
  }
}
.cookies-container .cookies p {
  margin: 0;
}
.cookies-container .cookies a {
  color: #fff;
}
.logedOut #cookieInner {
  max-width: 992px;
}
.logedIn #cookieInner {
  max-width: 992px;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*
ist direkt eingebettet in:
AnsichtsbestandSchadenDlgKundenportalDetailübersicht_userdefined_styles.xhtml
SchadenmeldungDlgKundenportalNormal_userdefined_styles.xhtml
.contentBlock {
  background-color:#f7f7f7 !important;
  border-width:0px;
  padding: 0 10px;
}
*/
.contentWraper ul {
  list-style: initial;
  margin-top: 10px;
}
.contentWraper li {
  list-style-type: circle !important;
  margin-left: 30px !important;
}
#iFrameAktionen.inflationsRechner {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1071px) {
  #iFrameAktionen.inflationsRechner {
    min-height: 650px;
  }
}
@media (max-width: 1071px) and (min-width: 600px) {
  #iFrameAktionen.inflationsRechner {
    min-height: 1350px;
  }
}
@media (max-width: 600px) {
  #iFrameAktionen.inflationsRechner {
    min-height: 1200px;
  }
}
#betreuer {
  /*	width: 100%;
		top: 290px;
		text-transform: uppercase;
		z-index: 2;
		text-align: center;
		pointer-events: none;*/
}
#betreuer h2 {
  color: #C21B17;
  font-size: 1em;
}
#betreuer .submenuText {
  margin-top: 170px;
}
#betreuer .round {
  pointer-events: fill;
}
#betreuer .counter.round {
  width: 25%;
  height: 25%;
  pointer-events: all;
  position: relative;
  z-index: 20;
  /* right: 0; */
  top: 100%;
  background: #e9573d;
  vertical-align: bottom;
  color: white;
  padding-top: 4px;
  font-weight: bold;
  font-family: "RobotoRegular", Arial, sans-serif;
}
#betreuerSub {
  /*width: 100%;
	position: absolute;
	top: 90px;
	text-transform: uppercase;
	z-index: 2;*/
}
#betreuerSub #submenu {
  padding-top: 85px;
}
#betreuerSub .submenuText {
  margin-top: 130px;
}
#betreuerSub h2 {
  color: #C21B17;
  font-size: 1em;
}
#betreuerSub .round {
  /*width: 160px;
		height: 160px;
		margin-top: 30px;*/
  pointer-events: fill;
}
#betreuerSub #counter {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 105px;
  right: 40px;
  z-index: 2;
  font-size: 20px;
}
#betreuerSub .counter.round {
  width: 52px;
  height: 52px;
  pointer-events: all;
  position: absolute;
  z-index: 20;
  right: 0;
  top: -49px;
  background: #e9573d;
  vertical-align: bottom;
  font-size: 21px;
  color: white;
  padding-top: 4px;
  font-weight: bold;
  font-family: "RobotoRegular", Arial, sans-serif;
}
.round.betreuer.toggle {
  font-size: 0.9em;
  padding-top: 80px;
  color: #fff;
}
.betreuerImg {
  width: 90%;
  cursor: pointer;
}
#betreuerPic {
  float: left;
  width: 350px;
  margin: auto;
  position: relative;
  pointer-events: all;
  /*margin-right: 40px;*/
}
#betreuerSub #betreuerPic {
  width: 310px;
}
#betreuericons {
  padding-left: 40px;
  padding-right: 40px;
  background: #fff;
}
.sideicons {
  float: left;
}
.subicons {
  width: 165px;
  float: left;
  text-align: center;
  position: relative;
  pointer-events: all;
  margin-right: 10px;
  margin-left: 10px;
}
.subicons a {
  text-decoration: none;
}
.subicons img {
  position: absolute;
  left: 0;
}
.round {
  border-radius: 50%;
  overflow: hidden;
  border: 0.25em solid white;
  margin: auto;
}
.round img {
  display: block;
  min-width: 100%;
  min-height: 100%;
}
#counter {
  position: absolute;
  right: 25px;
  z-index: 2;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
#counter + div {
  margin-top: 150px;
}
.toggle .togglet {
  color: #c21b16;
  font-size: 12px;
  text-align: center;
}
#togglestart #toggletstart {
  color: #c21b16;
  font-size: 12px;
  cursor: pointer;
}
.togglec {
  color: #000;
  padding: 10px;
  clear: both;
  margin: 20px 0 0 45px;
  background-color: #f7f7f7;
  text-transform: none;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
  text-align: left;
  margin-top: 5px;
  position: absolute;
  min-width: 260px;
  font-size: 14px;
}
.togglec a:link {
  color: #c21b17;
}
#betreuerSub .togglec {
  margin: 10px 0 0 24px;
}
.togglec img {
  margin-right: 10px;
}
#betreuerSub .infoBetreuerPic {
  /*	right: 85px;
		top: 165px;
		height: 32px;
		width: 32px;*/
}
/* NEU BEHANDLUNGEN ERFASSEN */
.noSortable img {
  padding-left: 5px;
}
.toggleHeader span {
  padding-left: 3px;
}
.controlIconsDown.iconEnabled {
  padding-left: 5px;
  cursor: pointer;
}
.kp_behandlung .tableList_rowStyle1 > td,
.kp_behandlung .tableList_rowStyle2 > td {
  padding: 10px;
  background: #dddddd;
  border-bottom: 10px solid white;
}
.kp_behandlung .contentBlock {
  background: transparent !important;
}
.kp_behandlung td.right {
  text-align: center;
}
#menu ul {
  position: relative;
  margin: 37px 0 0 0;
}
#menu li:hover {
  background: #c21b17;
}
#menu li a:hover {
  color: #fff;
  /* padding: 5px 8px 6px;*/
  text-decoration: none;
}
#menu li a {
  padding: 4px 8px 5px;
  display: block;
  font-size: 0.85em;
  color: #fff;
  text-transform: uppercase;
}
#menu li.current a {
  background: #c21b17;
  border: 1px solid #fff;
}
#menu li.current a:hover {
  color: #fff;
  padding: 4px 8px 5px;
}
#countdown {
  font-size: 0.75em;
  display: table;
  margin-top: 3px;
}
#countdown .sessiontime {
  float: left;
  border-right: 1px solid #aaa;
  width: 70px;
  display: table;
  height: 50px;
}
#countdown .clock {
  text-align: center;
}
#countdown #sessioncounter {
  text-align: center;
  font-weight: bold;
}
#countdown #sessioncounter:after {
  content: " min";
}
#countdown .nameAndEmail {
  float: left;
  display: table;
  height: 50px;
}
#countdown .innerNameAndEmail,
#countdown .innerSessiontime {
  display: table-cell;
  vertical-align: middle;
}
#countdown .name {
  font-weight: bold;
  margin-left: 10px;
  text-overflow: ellipsis;
  max-width: 315px;
}
#countdown .email {
  white-space: nowrap;
  text-indent: 10px;
}
#countdown .abmelden {
  float: left;
  border-left: 1px solid #aaa;
  width: 60px;
  margin-left: 7px;
}
#countdown .abmelden form {
  height: 44px;
  text-align: center;
}
.headerOuter {
  display: flex;
  justify-content: center;
  height: 125px;
}
@media only screen and (max-width: 900px) {
  .headerOuter {
    margin-left: 100px;
  }
  #countdown .sessiontime {
    border: 0;
  }
  #countdown .nameAndEmail {
    display: none;
  }
}
.menu-wrapper.main-menu-wrapper {
  align-content: flex-end;
}
div#logo {
  position: absolute;
  left: 0;
}
.countdownOuter {
  position: absolute;
  right: 10px;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav {
  margin: 0;
}
/* LINK & BESCHRIFTUNG*/
.fill {
  max-width: 100%;
  max-height: 444px;
  min-height: 444px;
  margin: auto;
  -webkit-background-size: auto 444px;
  -moz-background-size: auto 444px;
  -o-background-size: auto 444px;
  z-index: -1;
  background-position: top center !important;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1515px) {
  .fill {
    background-color: #c21b17;
  }
}
.carousel-caption {
  position: absolute;
  z-index: 10;
  top: 35px;
  left: 35px;
}
.carousel-caption h1 {
  font-family: "RobotoThin", Arial, sans-serif;
  color: #FFFFFF;
  text-transform: none;
}
.carousel-caption p {
  margin: 0;
}
@media (max-width: 2400px) {
  .carousel-caption {
    text-shadow: 1px 0.5px 0.5px rgba(241, 236, 236, 0.5);
    top: 35px;
  }
  .carousel-caption h1 {
    font-size: 1.4em;
  }
  .carousel-caption .carousel-caption {
    top: 35px;
  }
}
@media (max-width: 1440px) {
  .carousel-caption {
    text-shadow: 0.3px 0.3px 0.3px rgba(0, 0, 0, 0.5);
    top: 25px;
  }
  .carousel-caption h1 {
    font-size: 1.1em;
  }
}
@media (max-width: 1024px) {
  .carousel-caption {
    text-shadow: 0.1px 0.1px 0.1px rgba(0, 0, 0, 0.5);
    top: 15px;
  }
  .carousel-caption h1 {
    font-size: 1em;
  }
}
@media (max-width: 840px) {
  .carousel-caption {
    text-shadow: 0.1px 0.1px 0.1px rgba(0, 0, 0, 0.5);
    top: 10px;
  }
  .carousel-caption h1 {
    font-size: 0.8em;
  }
}
.breadcrumby .active {
  height: auto;
  width: auto;
}
.breadcrumby {
  /*centering*/
  /* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35); */
  overflow: hidden;
  /* border-radius: 5px; */
  margin: 10px auto 0px;
}
.breadcrumby a {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  /*font-size: 14px;*/
  line-height: 30px;
  color: white;
  padding: 0 10px 0 30px;
  background: #666;
  background: linear-gradient(#666, #333);
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumby a:first-child {
  padding-left: 20px;
  /* border-radius: 5px 0 0 5px; */
  /*to match with the parent's radius*/
}
.breadcrumby a:first-child:before {
  left: 14px;
}
.breadcrumby a:last-child {
  /* border-radius: 0 5px 5px 0; */
  /*this was to prevent glitches on hover*/
  padding-right: 20px;
  cursor: default;
  /* background-color: white;
	color: black;
	padding-left: 30px; */
}
/*hover/active styles*/
.breadcrumby a.active,
.breadcrumby a:hover {
  background: #333;
  background: linear-gradient(#333, #000);
}
.breadcrumby a.active:after,
.breadcrumby a:hover:after {
  background: #333;
  background: linear-gradient(135deg, #333, #000);
}
/*adding the arrows for the breadcrumbys using rotated pseudo elements*/
.breadcrumby a:after {
  content: '';
  position: absolute;
  top: 0;
  right: -15px;
  /*half of square's length*/
  /*same dimension as the line-height of .breadcrumby a */
  width: 30px;
  height: 30px;
  /*as you see the rotated square takes a larger height. which makes it tough to position it properly.
	  So we are going to scale it down so that the diagonals become equal to the line-height of the link.
	  We scale it to 70.7% because if square's:
	  length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	  if diagonal required = 1; length = 1/1.414 = 0.707
	  */
  transform: scale(0.707) rotate(45deg);
  /*we need to prevent the arrows from getting buried under the next link*/
  z-index: 1;
  /*background same as links but the gradient will be rotated to compensate with the transform applied*/
  background: #FFF;
  background: linear-gradient(135deg, #FFF, #FFF);
  /*stylish arrow design using box shadow*/
  box-shadow: 2px -2px 0 2px #ffffff, 3px -3px 0 2px rgba(255, 255, 255, 0.1);
  /*
		5px - for rounded arrows and
		50px - to prevent hover glitches on the border created using shadows*/
  border-radius: 0 0px 0 100px;
}
.breadcrumby a:last-child:after {
  content: none;
}
.breadcrumby a:before {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  position: absolute;
  top: 0;
  left: 30px;
  background: #444;
  background: linear-gradient(#444, #222);
  font-weight: bold;
}
.flat a,
.flat a:after {
  background: #c21b17;
  /*transition: all 0.5s;*/
}
.flat a:before {
  background: white;
  box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover,
.flat a.active,
.flat a:hover:after,
.flat a.active:after {
  background: #646464;
  color: white;
}
#gotoTop {
  display: none;
  z-index: 999;
  position: fixed;
  border: 3px solid #444;
  font-size: 12px;
  line-height: 36px;
  text-align: center;
  color: #444;
  top: auto;
  left: 10px;
  bottom: 10px;
  cursor: pointer;
  background: white;
  transition: color 0.2s linear, border-color 0.2s linear;
  -moz-transition: color 0.2s linear, border-color 0.2s linear;
  -webkit-transition: color 0.2s linear, border-color 0.2s linear;
  -ms-transition: color 0.2s linear, border-color 0.2s linear;
  -o-transition: color 0.2s linear, border-color 0.2s linear;
}
.goToTopIcon {
  margin: 10px;
}
#gotoTop:hover {
  border-color: #c21b17;
  color: #c21b17;
}
#accordion p {
  line-height: 1.3em;
  margin: 5px 0 10px;
  padding: 0 15px;
}
[data-accordion] [data-content] {
  overflow: hidden;
  max-height: 0;
}
/* Basic Theme */
#accordion .data-accordion .data-content {
  display: none;
}
[data-accordion] {
  line-height: 1;
}
.data-control {
  font-family: "RobotoRegular";
  cursor: pointer;
  padding: 15px 0 0;
  border-bottom: solid 1px #ddd;
  display: list-item;
  margin: 0 15px;
  color: #555;
}
[data-control],
[data-content] > * {
  border-bottom: 1px solid #888;
  padding: 10px;
}
[data-content] [data-accordion] {
  border: 0;
  padding: 0;
}
[data-accordion] [data-control] {
  position: relative;
  padding-right: 40px;
}
[data-accordion] > [data-control]:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 25px;
  font-weight: 200;
  color: #444;
  height: 15px;
  width: 24px;
  background: url('../../kundenportal/img/down.png') center center no-repeat;
  background-size: 50%;
}
[data-accordion].open > [data-control]:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#accordion .data-accordion .data-control.field-expand {
  color: #c21b17;
}
.guthabenbox {
  /* text-align: right; */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.guthabenbox .amount {
  width: 200px;
  height: 90px;
  border: 1px solid #CCC;
  text-align: center;
  padding-top: 10px;
  border-radius: 10px;
}
.guthabenbox .header {
  font-size: 0.9em;
  font-family: "Roboto400", Arial Helvetica, sans-serif;
  margin-bottom: 10px;
}
.guthabenbox .value {
  font-size: 1.4em;
  font-family: "Roboto700", Arial Helvetica, sans-serif;
}
.fakeTable {
  margin: 20px 0px 2.5em;
}
.fakeTable .divHeader {
  border-bottom: 1px solid #ccc;
  height: 30px;
  display: block;
  font-weight: bold;
}
.fakeTable .divBody {
  margin-top: 20px;
}
.fakeTable .divBody .col-xs-9,
.fakeTable .divBody .col-xs-3 {
  display: flex;
  height: auto;
  padding: 10px 15px;
  align-items: center;
}
.fakeTable .divBody .col-xs-3 {
  padding: 7px 10px;
}
.fakeTable span.vorlageName {
  margin-left: 5px;
}
.fakeTable .btn.small {
  padding: 5px 10px;
  margin: 0 !important;
}
.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 5px;
  padding: 0;
  font-family: "RobotoMedium", Arial, sans-serif;
  font-size: 14px;
  border: 2px solid #444;
  line-height: 24px;
  padding: 5px 10px;
  color: #444;
  transition: color 0.2s linear, border-color 0.2s linear;
  -moz-transition: color 0.2s linear, border-color 0.2s linear;
  -webkit-transition: color 0.2s linear, border-color 0.2s linear;
  -ms-transition: color 0.2s linear, border-color 0.2s linear;
  -o-transition: color 0.2s linear, border-color 0.2s linear;
}
.btn,
.buttona,
a[id^="pickfiles"] {
  font-family: "RobotoBold", Arial, sans-serif !important;
  font-size: 13px !important;
  width: auto;
  background-color: #c21b17 !important;
  color: white !important;
  cursor: pointer;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
  margin-right: 1px !important;
  border-radius: 0 !important;
}
.btn:hover,
.buttona:hover,
a[id^="pickfiles"]:hover,
a[id^="pickfiles"]:hover::after {
  background-color: white;
  color: #c21b17 !important;
  text-decoration: underline;
  width: auto;
}
.btn.noHover {
  background-color: #c21b17;
  color: white !important;
  text-decoration: none;
  cursor: default;
}
input.btn.noHover[disabled] {
  border: 1px solid transparent !important;
  background: #ebebeb;
  color: #aaa !important;
  cursor: default !important;
}
.login .buttona {
  margin-top: 20px;
}
a[id^="pickfiles"] {
  margin-bottom: 0;
  height: 36.62px;
  box-sizing: border-box;
}
a[id^="pickfiles"]:after {
  content: "Datei hochladen";
  color: white;
}
.buttona.login,
.buttona.login:hover {
  border: solid 1px #ffffff;
  border-radius: 4px;
  background: transparent !important;
  color: #ffffff !important;
  text-transform: uppercase;
  padding: 15px 50px;
  font-size: 14px;
  margin: 10px 0;
  text-decoration: none !important;
  border-radius: 4px !important;
}
.login .buttona {
  margin-top: 0 !important;
}
.buttonab {
  width: auto;
  float: right;
  color: #fff;
  cursor: pointer;
  border: solid 1px #fff;
  /* font-size: 11px; */
  background-color: transparent;
  padding: 5px 9px 6px;
}
.buttonab:hover {
  width: auto;
  float: right;
  /*height: 30px;*/
  background-color: #c21b16;
  color: #fff;
  cursor: pointer;
  border: solid 1px #c21b17;
  padding: 4px 8px 5px !important;
}
.buttongr {
  float: left;
  background-color: #bebebe;
  cursor: pointer;
  text-decoration: none;
  padding: 8px;
  margin: 0 0 5px 5px;
}
.buttongr:hover {
  background-color: #c21b16 !important;
  color: #fff;
  float: left;
  background-color: #bebebe;
  cursor: pointer;
  text-decoration: none;
  padding: 8px;
  margin: 0 0 5px 5px;
}
.buttonactive {
  width: auto;
  float: left;
  height: 40px;
  background-color: #c21b17;
  color: #fff;
  cursor: pointer;
  border: solid 1px #c21b17;
  padding: 0 20px 0 20px;
}
.btnLeft {
  float: left;
}
/*.smartIncludeContent > a, .smartIncludeContent > a:hover,*/
.colClass > a,
ul.list li,
.colClass > a:hover,
ul.list li:hover {
  padding-top: 8px;
}
.uploadButton {
  background: url("../../../resources/images/iconset/uploadButton.svg");
  background-size: 121px 24px;
  height: 24px;
  width: 121px;
  display: block;
}
body .ui-button {
  border: 0;
}
.btn:hover,
.buttona:hover,
a[id^="pickfiles"]:hover {
  border: 1px solid white !important;
  border: 0;
  background: white !important;
  text-decoration: none;
}
button.ui-button.btn:hover {
  border: 0 !important;
}
a[id^="pickfiles"] {
  margin-bottom: 0;
}
body .ui-button.ui-state-hover,
body .ui-button.ui-state-active,
body .ui-button.ui-state-focus {
  background: white;
  color: #c21b17;
  box-shadow: none;
}
body .ui-button {
  background: #c21b17;
  color: #fff;
  border: 0;
  outline: 0 none;
  border-radius: 3px !important;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
}
body .ui-button.ui-button-text-only .ui-button-text {
  padding: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
body .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 0;
}
.labelDateField input {
  width: 100%;
}
span.ui-calendar {
  display: flex;
  align-items: center;
}
span.ui-calendar button {
  margin: 0;
  height: 40px;
  width: 40px !important;
}
.ansichtsbestandContainer table {
  table-layout: fixed;
  width: 100%;
}
.ansichtsbestandContainer th {
  font-weight: normal;
}
.ansichtsbestandContainer label {
  font-family: "RobotoMedium", Arial, sans-serif;
  margin: 0;
  display: block;
}
.ansichtsbestandContainer .kpHeadline label {
  display: initial;
  font-weight: normal !important;
}
.ansichtsbestandContainer .kpHeadline span.labelPrefix {
  white-space: nowrap;
}
.ansichtsbestandContainer div.labelView span.labelPrefix {
  /*display: block;*/
}
.ansichtsbestandContainer .rowClass {
  height: auto;
}
.ansichtsbestandContainer .colClass {
  vertical-align: top;
  height: 100% !important;
}
.ansichtsbestandContainer .tableLabelHeader > span {
  margin: 0px;
  vertical-align: top;
}
.ansichtsbestandContainer .tableLabel .tableLabelHeader > span {
  font-weight: bold;
}
.ansichtsbestandContainer .contentBlock {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.ansichtsbestandContainer .contentBlock .colClass div {
  padding: 0 !important;
}
.ansichtsbestandContainer .konfigRahmen {
  padding-bottom: 0px;
  -webkit-box-shadow: 20px 20px 10px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 20px 20px 10px -20px rgba(0, 0, 0, 0.2);
  box-shadow: 20px 20px 10px -20px rgba(0, 0, 0, 0.2);
}
.ansichtsbestandContainer .konfigRahmen .contentBlock .colClass div.labelView {
  padding: 10px 20px !important;
  /* Das hier überschreibt oben das padding für vitality ansichtsbestand */
}
.ansichtsbestandContainer .pdfs .tableList_rowStyle1 {
  background-color: #ffffff !important;
}
.ansichtsbestandContainer .pdfs .tableList_rowStyle2 {
  background-color: #fafafa !important;
}
.ansichtsbestandContainer .toggleIndent table {
  /*text-indent: 30px;*/
}
.ansichtsbestandContainer .toggleIndent > .divClass {
  padding-top: 5px;
}
.ansichtsbestandContainer .tableList_rowStyle1,
.ansichtsbestandContainer .tableList_rowStyle2 {
  background-color: transparent !important;
}
.rowContent .rowContent .rowFirstColumn {
  width: 30%;
}
.rowContent .rowPreview .tableClass label {
  padding-top: 3px;
}
.rowContent td.rowPreview {
  padding-top: 2px;
  width: 100%;
}
.rowContent td.rowValue {
  padding-top: 2px;
}
.rowContentTable .listenClass {
  border: none;
}
.rowContentTable .listenClass td {
  border-right-style: none;
}
.tableClassItem {
  margin-right: 0px;
}
.tableClassItem table {
  width: 100%;
}
.infoBox {
  border: 4px solid #dddddd;
  padding: 20px;
  margin: 0 20px 20px 0;
}
.labelView {
  margin-bottom: 5px;
}
.infoBoxHeadline {
  float: left;
  margin: -5px 10px 10px 0;
}
.konfigRahmen {
  border: 0;
  vertical-align: top;
}
.sc_composite.abdOuter {
  width: 100%;
  margin-bottom: 20px;
}
.sc_composite.abdInner {
  width: 33%;
  padding: 0 10px;
}
.sc_composite.abdInner:first-child {
  padding: 0 10px 0 0;
}
.sc_composite.abdInner:nth-last-child(2) {
  padding: 0 0 0 10px;
}
.sc_composite.abdOuter .sc_composite.abdInner:nth-last-child(2) {
  padding: 0;
}
.sc_composite.abdInner .sc_composite_label,
.konfigRahmen .ui-panel-titlebar {
  font-family: "RobotoRegular", Arial, sans-serif;
  font-size: 1em !important;
  color: white !important;
  background: #858585 !important;
  text-align: center;
  padding: 23px 0 !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  border-radius: 5px 5px 0 0;
}
.abdInner .labelView {
  padding: 10px 20px;
  margin-bottom: 0;
}
td.konfigRahmen.abdInner .ui-panel-titlebar {
  margin: 0;
  justify-content: center;
}
td.konfigRahmen.abdInner .labelView {
  border-bottom: 1px solid #ccc;
}
.kpHeadline {
  margin: 0 0 10px 0;
  font-size: 1.2em !important;
  background: url("../../kundenportal/img/polizzen.png") left center no-repeat;
  background-size: 40px 40px;
  height: 40px;
  border: 0 !important;
}
.kpHeadline .labelView,
.kpHeadline.labelView {
  margin-top: 30px;
  padding-left: 40px;
  padding-bottom: 10px;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.kpHeadline .labelView .tableClassItem {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 1.1em;
}
.kpHeadline .labelLinkEx {
  margin-top: 10px;
}
.kpHeadlineSmall {
  font-size: 1.4em !important;
  background: url("../../kundenportal/img/polizzen.png") 0px 0px no-repeat;
  background-size: 40px 40px;
}
.kpHeadlineSmall .labelView {
  padding-left: 45px;
  margin-bottom: 15px;
}
.labelLinkEx {
  padding: 0 0 8px 5px;
}
[id*='_off'] {
  background: url("../../kundenportal/img/gui/closed.svg") 8px 2px no-repeat;
  background-size: 12px 17px;
}
/* oben überschreibt leider einen button namens... */
[id*='_offer2'] {
  background: #c21b17;
  background-size: 0 0;
}
[id*='_on'] {
  background: url("../../kundenportal/img/gui/open.svg") 3px 5px no-repeat;
  background-size: 17px 12px;
}
.kpTableSchadenverlauf > div,
.kpTableZahlungsstand > div,
.kpTableFonds > div {
  margin-top: 40px;
}
.kpTableSchadenverlauf .ui-datatable-tablewrapper table td,
.kpTableZahlungsstand .ui-datatable-tablewrapper table td,
.kpTableFonds .ui-datatable-tablewrapper table td {
  padding: 8px 10px !important;
}
/*DataTable Schadenverlauf*/
/*
.kpTableSchadenverlauf .dataTable colgroup col:nth-of-type(1)
{width: 120px;}
.kpTableSchadenverlauf .dataTable colgroup col:nth-of-type(2)
{width: 27px;}
.kpTableSchadenverlauf .dataTable colgroup col:nth-of-type(3)
{width: 793px;}
*/
.kpTableSchadenverlauf table th:nth-child(1) {
  width: 120px !important;
}
.kpTableSchadenverlauf table th:nth-child(2) {
  width: 27px !important;
}
.kpTableSchadenverlauf table th:nth-child(3) {
  width: 100% !important;
}
/*DataTable Zahlungsstand*/
/*
.kpTableZahlungsstand .dataTable colgroup col:nth-of-type(1)
{width: 100px}
.kpTableZahlungsstand .dataTable colgroup col:nth-of-type(2)
{width: 100px}
.kpTableZahlungsstand .dataTable colgroup col:nth-of-type(3)
{width: 793px}
*/
.kpTableZahlungsstand table th:nth-child(1) {
  width: 100px !important;
}
.kpTableZahlungsstand table th:nth-child(2) {
  width: 100px !important;
}
.kpTableZahlungsstand table th:nth-child(3) {
  width: 100% !important;
}
/*DataTable Fonds*/
/*
.kpTableFonds .dataTable colgroup col:nth-of-type(1)
{width: 633px}
.kpTableFonds .dataTable colgroup col:nth-of-type(2)
{width: 150px}
.kpTableFonds .dataTable colgroup col:nth-of-type(3)
{width: 150px}
*/
.kpTableFonds table th:nth-child(1) {
  width: 100% !important;
}
.kpTableFonds table th:nth-child(2) {
  width: 150px !important;
}
.kpTableFonds table th:nth-child(3) {
  width: 150px !important;
  text-align: right;
}
.kpTableFonds table td:nth-child(3) {
  float: right;
}
.fondDatenstand {
  text-align: right;
  padding: 10px;
}
.euro.labelPrefix:after {
  content: " €";
}
.oeamtcVertrag {
  background: url("../../kundenportal/img/svg/vertragOeamtc.svg") 32px 32px no-repeat;
  padding-left: 74px;
  background-size: 64px 64px;
  background-position: 0;
}
td.neun {
  padding: 0 0 10px 10px;
}
/**
 * wallop.css
 *
 * @fileoverview Default styles for wallop – recommended
 *
 * @author Pedro Duarte
 * @author http://pedroduarte.me/wallop
 */
/*
  This is the top-level selector

  It should be relative positioned
  to allow the children to be positioned absolutely
  relative to this
 */
.Wallop {
  position: relative;
  z-index: 0;
}
/*
  This element groups all the items, but not the buttons

  It's a recommendation but it's very likely
  you'll want to hide any overflow from the items
  Especially when doing animations such as scale
 */
.Wallop-list {
  position: relative;
  overflow: hidden;
}
/*
  This is the item element

  By default, they are all hidden and
  positioned absolute
  I recommend always having .Wallop-item--current
  in your markup by default (probably on the first element)
 */
.Wallop-item {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/*
  This is the current item element

  All we do here, is make it visible again reset
  the position to static. Could also be relative
 */
.Wallop-item--current {
  visibility: visible;
  position: relative;
}
/*BUTTONS*/
.Wallop-buttonPrevious,
.Wallop-buttonNext {
  position: absolute;
  top: 43%;
  border: 0;
  width: 70px;
  height: 70px;
  opacity: 0.7;
}
.Wallop-buttonNext:focus,
.Wallop-buttonPrevious:focus {
  outline: 0;
}
.Wallop-buttonNext:before,
.Wallop-buttonPrevious:before {
  position: absolute;
  top: 43%;
  left: 0;
  width: 100%;
  text-indent: 0;
  line-height: 0;
}
.Wallop-buttonPrevious {
  background: url("../../kundenportal/img/slide-prev.png") center center no-repeat #c12017;
  left: 0;
}
.Wallop-buttonPrevious:hover {
  background: url("../../kundenportal/img/slide-prev-hover.png") center center no-repeat white;
}
.Wallop-buttonNext {
  background: url("../../kundenportal/img/slide-next.png") center center no-repeat #c12017;
  right: 0;
}
.Wallop-buttonNext:hover {
  background: url("../../kundenportal/img/slide-next-hover.png") center center no-repeat white;
}
/**
 * wallop--slide.css
 *
 * @fileoverview Slide animation for wallop
 *
 * @author Pedro Duarte
 * @author http://pedroduarte.me/wallop
 */
/* the 10ms animation-delay fixed some weird rendering issues with iPhone */
.Wallop--slide .Wallop-item--showPrevious {
  -webkit-animation: slideFromLeft 1800ms 10ms ease both;
  -moz-animation: slideFromLeft 1800ms 10ms ease both;
  -ms-animation: slideFromLeft 1800ms 10ms ease both;
  animation: slideFromLeft 1800ms 10ms ease both;
}
.Wallop--slide .Wallop-item--showNext {
  -webkit-animation: slideFromRight 1800ms 10ms ease both;
  -moz-animation: slideFromRight 1800ms 10ms ease both;
  -ms-animation: slideFromRight 1800ms 10ms ease both;
  animation: slideFromRight 1800ms 10ms ease both;
}
.Wallop--slide .Wallop-item--hidePrevious,
.Wallop--slide .Wallop-item--hideNext {
  visibility: visible;
}
.Wallop--slide .Wallop-item--hidePrevious {
  -webkit-animation: slideToLeft 1800ms 10ms ease both;
  -moz-animation: slideToLeft 1800ms 10ms ease both;
  -ms-animation: slideToLeft 1800ms 10ms ease both;
  animation: slideToLeft 1800ms 10ms ease both;
}
.Wallop--slide .Wallop-item--hideNext {
  -webkit-animation: slideToRight 1800ms 10ms ease both;
  -moz-animation: slideToRight 1800ms 10ms ease both;
  -ms-animation: slideToRight 1800ms 10ms ease both;
  animation: slideToRight 1800ms 10ms ease both;
}
@-webkit-keyframes slideFromLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes slideFromLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-ms-keyframes slideFromLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideFromLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slideFromRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes slideFromRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-ms-keyframes slideFromRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideFromRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes slideToLeft {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes slideToLeft {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-ms-keyframes slideToLeft {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideToLeft {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slideToRight {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes slideToRight {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-ms-keyframes slideToRight {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideToRight {
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
#newsletter.panelEven {
  background: #d0d0d0;
  padding: 20px 0;
}
#newsletter .width {
  max-width: 600px;
  margin: 0px auto;
}
#newsletter .white_bcg {
  background-color: white ! important;
}
#newsletter .banner {
  display: block;
  width: 100%;
}
#newsletter h1 {
  font-size: 28px;
  font-weight: 400;
}
#newsletter p {
  margin-top: 0px;
}
#newsletter #text {
  padding: 5px 30px ! important;
}
#newsletter b {
  font-wheight: bold;
}
.newletterArchive ul li {
  padding: 10px 0px;
}
.newletterArchive div ul li:nth-child(even) {
  background: transparent;
}
.newletterArchive div ul li:nth-child(odd) {
  background: whitesmoke;
}
.newletterArchive div ul li:first-child {
  border-top: 1px solid #979797;
}
li.NL {
  font-weight: bold;
}
.newletterArchive a:hover {
  text-decoration: underline;
}
.newsletterPic {
  width: 100%;
  margin-bottom: 20px !important;
}
.sc_composite {
  float: left;
}
.sc_composite.fondButtons {
  float: right;
  margin-right: 20px;
}
.sc_composite.abdInner:first-child {
  padding-right: 0;
  border: 0 !important;
}
.sc_composite.abdInner {
  background: #f0f0f0;
  border-left: 10px solid white;
  padding: 0;
}
.sc_composite.abdOuter {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.sc_composite.abdInner {
  background: #fdfdfd;
  border-left: 0;
  -webkit-box-shadow: 20px 20px 10px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 20px 20px 10px -20px rgba(0, 0, 0, 0.2);
  box-shadow: 20px 20px 10px -20px rgba(0, 0, 0, 0.2);
}
.sc_composite.abdInner:first-child {
  padding-right: 0;
  border: 0 !important;
  border: 1px solid #fefefe;
}
.abdInner .labelView:last-child {
  border-bottom: 0;
}
.sc_composite.abdInner {
  padding-right: 0;
  border: 0 !important;
  border: 1px solid #fefefe;
}
.abdInner .labelView {
  padding: 10px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #cacaca;
}
.fondButtons div {
  float: left;
}
.fondButtons div input {
  margin-right: 1px;
}
.sc_inline {
  display: inline;
}
.konfigWidth230 select,
.konfigWidth230 input {
  width: 270px;
}
.konfigWidth300 select,
.konfigWidth300 input {
  width: 300px;
}
.konfigSchadenRahmenBody .contentBlockHeader,
.konfigSchadenVertragBody .contentBlockHeader,
.konfigSchadenRahmenDialogBody .contentBlockHeader {
  padding: 0 0 20px 15px;
}
td.schadenLinks {
  padding: 15px;
}
td.schadenLinks td {
  width: 100% !important;
  display: inline-block;
}
.konfigUmbruchSchadenEnde,
.konfigUmbruchEnde {
  height: 40px;
}
.konfigCheckbox {
  padding: 20px 15px 20px 15px;
}
.konfigCheckboxNoBottomPadding {
  padding: 20px 15px 0px 15px;
}
table td[class*=col-],
table th[class*=col-] {
  float: left;
}
.konfigFloatNone table td[class*=col-],
.konfigFloatNone table th[class*=col-] {
  float: none;
}
td.col-md-12.klappbar .noSortable {
  vertical-align: middle !important;
  text-align: center;
}
td.col-md-12.klappbar .noSortable img {
  margin: 0;
  padding: 0;
  width: 21px;
  height: 21px;
}
.deleteColumn {
  text-align: center;
}
.uploadTable tr {
  height: 50px;
}
.uploadTable td {
  padding-right: 2px;
}
.uploadTable thead {
  display: none;
}
.konfigRahmen .labelView {
  padding: 10px 20px;
  display: block;
}
.konfigRahmen {
  padding-bottom: 20px;
  width: 33%;
  margin: 10px !important;
  border-left: 10px solid transparent;
}
.konfigRahmenvertrag .labelView label {
  font-family: "RobotoMedium", Arial, sans-serif;
  font-size: 1.25em !important;
  color: white;
  background: #636363;
  text-align: center;
  padding: 23px 0;
  border-style: solid;
  border-color: #fff;
  text-transform: uppercase;
}
.konfigRahmenvertrag .labelView span {
  background: #f0f0f0;
  width: 100%;
  display: inline-block;
  border-style: solid;
  border-color: #fff;
  padding: 20px;
}
.konfigRahmenvertrag .colClass:first-child .labelView label {
  border-width: 5px 5px 0 0;
}
.konfigRahmenvertrag .colClass:first-child .labelView span {
  border-width: 0 5px 20px 0;
}
.konfigRahmenvertrag .labelView label {
  border-width: 5px 10px 0px 5px;
}
.konfigRahmenvertrag .labelView span {
  border-width: 0 10px 0px 5px;
}
.konfigRahmenvertrag .colClass:last-child .labelView label {
  border-width: 5px 0 0 0;
}
.konfigRahmenvertrag .colClass:last-child .labelView span {
  border-width: 0 0 20px 0;
}
.konfigMaringLeft15 input {
  margin-left: 15px !important;
}
div.konfig_buttonRow {
  float: left;
}
.konfigClearWidth table {
  width: auto !important;
}
.ansichtsbestandContainer table {
  table-layout: fixed !important;
}
p.emptySmallParagraph {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin: 10px 0 0 0;
  padding: 0;
}
.listenClass th {
  font-weight: bold;
}
.konfigAddRow .noSortable {
  vertical-align: middle !important;
}
.klappbar tfoot a:link {
  padding: 10px 20px 10px 0;
  text-transform: uppercase;
  font-family: "RobotoBold", Arial, sans-serif;
  font-size: 0.8em;
  color: white;
}
.klappbar tfoot a:hover {
  text-decoration: underline;
}
.klappbar .multiListAddButton {
  width: 24px;
  height: 24px;
}
.story-abstract {
  margin: 5px 0 0 0;
}
.produktvergleich table {
  table-layout: auto !important;
}
@media (min-width: 768px) {
  .col-md-6 {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .kacheln .col-md-4 {
    width: 100%;
  }
}
@media (max-width: 700px) and (min-width: 600px) {
  .caption-overlay-story {
    min-height: 200px;
  }
}
@media (max-width: 768px) and (min-width: 600px) {
  .kacheln .col-md-4 {
    width: 50% !important;
    float: left;
  }
}
@media (max-width: 992px) {
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-12 {
    width: 100%;
  }
}
/* hack to get footer centred */
@media (max-width: 768px) {
  #footer .col-sm-8 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .col-md-12,
  .col-md-6,
  .col-md-4,
  .col-md-3 {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
.input-group-addon {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.input-group-addon.notKonfigurator {
  padding: 6px 12px !important;
  background-color: #eee !important;
  border: 1px solid #e2e2e2 !important;
}
i.glyphicon.glyphicon-search,
i.glyphicon.glyphicon-trash {
  height: 16px;
  width: 16px;
  font-size: 16px;
  vertical-align: middle;
  margin: 3px;
}
#suggestWheel {
  pointer-events: none;
  position: absolute;
  background: url('../../kundenportal/img/wheel.gif') no-repeat right 12px;
  width: 25px;
  height: 25px;
  background-size: 13px;
}
.buttonAlignRight {
  float: right;
  margin-right: 0;
}
.praemieOverview {
  max-width: 120px;
}
.kpPraemieIcons {
  margin: auto auto;
  height: 120px;
  width: 600px;
  margin-top: 60px;
  margin-bottom: 40px;
}
.praemieImgContainer {
  width: 200px;
  float: left;
  text-align: center;
}
.kpPraemieIcons img {
  height: 120px;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}
.gfkPart1 .labelSelectOneRadio {
  margin: 10px 0 10px;
  padding: 10px;
}
.gfkPart1 .labelSelectOneRadio {
  border-bottom: 1px solid #ccc;
}
.labelSelectOneRadio {
  margin-bottom: 10px;
}
.konfig_radioInline .labelSelectOneRadio .gridTable tr td:nth-child(2) {
  width: 150px;
  text-align: right;
}
.konfig_radioInline .labelSelectOneRadio .gridTable tr td:nth-child(2) .mobilAbstandBug td {
  background: transparent !important;
  width: auto !important;
}
.konfig_radioInline .prefix.bold {
  font-family: "RobotoRegular", Arial, sans-serif;
}
.col-md-4.abstand,
.col-md-2.abstand,
.col-md-6.abstand {
  margin: 0 -1px;
}
.col-md-2.smaller {
  width: 98%;
  margin-left: 1px;
}
.konfig_indent30px {
  font-weight: bold;
}
.konfig_indent30px-2 td {
  font-weight: bold;
}
.konfig_marginBottom20px {
  margin-bottom: 20px;
}
.konfig_marginTop20px {
  margin-top: 20px;
}
.col-md-12.gray .tableList_rowStyle1,
.col-md-12.gray .tableList_rowStyle2 {
  background: transparent !important;
}
.posTop .kundenportalTR td {
  vertical-align: top;
}
/* Gesundheitsfragen PWN */
#privatKPGesundheitsfragen {
  margin: 1em 0 2.5em;
}
.gesundheitsfragenKP .tableList_rowStyle1 {
  background: transparent;
}
.gesundheitsfragenKP .labelCheckbox {
  margin-right: 10px;
}
.gesundheitsfragenKP .checkboxSpace {
  padding-left: 5px;
}
.gesundheitsfragenKP textArea {
  height: 28px;
}
/* ENDE Gesundheitsfragen PWN */
.sc_composite.abdOuter {
  display: flex;
}
.borderBottom {
  display: block;
  border-bottom: 1px solid #ccc;
}
.konfigCenterAlign td {
  margin: 0 auto;
  display: flex;
  width: max-content;
  align-items: center;
}
/* General styles for all menus */
.cbp-spmenu {
  background: #c21b17;
  position: fixed;
}
.cbp-spmenu h3 {
  color: #afdefa;
  font-size: 1.9em;
  padding: 20px;
  margin: 0;
  font-weight: 300;
  background: #0d77b6;
}
.cbp-spmenu a:link {
  display: block;
  color: #fff;
  font-size: 1.1em;
  margin: 0 10px;
}
.cbp-spmenu a:hover {
  background: #FFFFFF;
  color: #c21b17;
}
li.active a:link,
.cbp-spmenu a:active {
  background: #FFFFFF;
  color: #c21b17;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
  overflow-y: scroll;
}
.cbp-spmenu-vertical a {
  font-family: "RobotoThin", Arial, sans-serif;
  /*  border-bottom: 1px solid #258ecd; */
  padding: 0.85em 1.5em;
  text-transform: uppercase;
}
.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  left: 0;
  z-index: 1000;
  overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}
.cbp-spmenu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
  left: -240px;
}
.cbp-spmenu-right {
  right: -240px;
}
.cbp-spmenu-left.menu-open {
  -webkit-box-shadow: inset -20px -10px 20px -20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset -20px -10px 20px -20px rgba(0, 0, 0, 0.75);
  box-shadow: inset -20px -10px 20px -20px rgba(0, 0, 0, 0.75);
  left: 0px;
}
.cbp-spmenu-right.menu-open {
  right: 0px;
}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
  top: -150px;
}
.cbp-spmenu-bottom {
  bottom: -150px;
}
.cbp-spmenu-top.menu-open {
  top: 0px;
}
.cbp-spmenu-bottom.menu-open {
  bottom: 0px;
}
/* Push classes applied to the body */
.push-body {
  overflow-x: hidden;
  position: relative;
  left: 0;
}
.push-body-toright {
  left: 240px;
}
.push-body-toleft {
  left: -240px;
}
/* Transitions */
.cbp-spmenu,
.push-body {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Example media queries */
@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }
  .cbp-spmenu-top {
    top: -110px;
  }
  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }
  .cbp-spmenu-left,
  .push-body-toleft {
    left: -190px;
  }
  .cbp-spmenu-right {
    right: -190px;
  }
  .push-body-toright {
    left: 190px;
  }
}
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-family: Arial, sans-serif;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}
.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}
.irs-min {
  left: 0;
}
.irs-max {
  right: 0;
}
.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 11px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}
.irs-disabled {
  opacity: 0.4;
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs--flat {
  height: 40px;
}
.irs--flat.irs-with-grid {
  height: 60px;
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}
.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
  color: #999;
}
.irs--generali,
.irs--generaliempty {
  height: 40px;
}
.irs--generali.irs-with-grid,
.irs--generaliempty.irs-with-grid {
  height: 60px;
}
.irs--generali .irs-line,
.irs--generaliempty .irs-line {
  top: 25px;
  height: 12px;
  background-color: #cccccc;
  border-radius: 4px;
}
.irs--generali .irs-bar,
.irs--generaliempty .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #c21b17;
}
.irs--generali .irs-bar--single,
.irs--generaliempty .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--generali .irs-shadow,
.irs--generaliempty .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #cccccc;
}
.irs--generali .irs-handle,
.irs--generaliempty .irs-handle {
  top: 21px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #555;
}
.irs--generali .irs-handle.state_hover > i:first-child,
.irs--generali .irs-handle:hover > i:first-child,
.irs--generaliempty .irs-handle.state_hover > i:first-child,
.irs--generaliempty .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--generali .irs-min,
.irs--generali .irs-max,
.irs--generaliempty .irs-min,
.irs--generaliempty .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--generali .irs-from,
.irs--generali .irs-to,
.irs--generali .irs-single,
.irs--generaliempty .irs-from,
.irs--generaliempty .irs-to,
.irs--generaliempty .irs-single {
  color: white;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #c21b17;
  border-radius: 4px;
  top: -3px;
}
.irs--generali .irs-from:before,
.irs--generali .irs-to:before,
.irs--generali .irs-single:before,
.irs--generaliempty .irs-from:before,
.irs--generaliempty .irs-to:before,
.irs--generaliempty .irs-single:before {
  position: absolute;
  display: block;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #c21b17;
}
.irs--generali .irs-grid-pol,
.irs--generaliempty .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--generali .irs-grid-text,
.irs--generaliempty .irs-grid-text {
  color: #999;
}
.irs--generaliempty {
  background-color: #FFEEAA;
}
.irs--generali-green {
  height: 40px;
}
.irs--generali-green.irs-with-grid {
  height: 60px;
}
.irs--generali-green .irs-line {
  top: 25px;
  height: 12px;
  background-color: #cccccc;
  border-radius: 4px;
}
.irs--generali-green .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #1bc217;
}
.irs--generali-green .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--generali-green .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #cccccc;
}
.irs--generali-green .irs-handle {
  top: 21px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #555;
}
.irs--generali-green .irs-handle.state_hover > i:first-child,
.irs--generali-green .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--generali-green .irs-min,
.irs--generali-green .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--generali-green .irs-from,
.irs--generali-green .irs-to,
.irs--generali-green .irs-single {
  color: white;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #1bc217;
  border-radius: 4px;
  top: -3px;
}
.irs--generali-green .irs-from:before,
.irs--generali-green .irs-to:before,
.irs--generali-green .irs-single:before {
  position: absolute;
  display: block;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #c21b17;
}
.irs--generali-green .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--generali-green .irs-grid-text {
  color: #999;
}
.irs--generaliblack {
  height: 40px;
}
.irs--generaliblack.irs-with-grid {
  height: 60px;
}
.irs--generaliblack .irs-line {
  top: 25px;
  height: 12px;
  background-color: #cccccc;
  border-radius: 4px;
}
.irs--generaliblack .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #000000;
}
.irs--generaliblack .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--generaliblack .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #cccccc;
}
.irs--generaliblack .irs-handle {
  top: 21px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #555;
}
.irs--generaliblack .irs-handle.to {
  top: 25px;
  width: 0px;
  height: 0px;
  background-color: black;
  border-radius: 0%;
  border: 0px solid #555;
}
.irs--generaliblack .irs-handle.state_hover > i:first-child,
.irs--generaliblack .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--generaliblack .irs-min,
.irs--generaliblack .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--generaliblack .irs-from,
.irs--generaliblack .irs-to,
.irs--generaliblack .irs-single {
  color: white;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #c21b17;
  border-radius: 4px;
  top: -3px;
}
.irs--generaliblack .irs-to {
  background-color: #000000;
  font-size: 10px;
  top: 50px;
}
.irs--generaliblack .irs-from:before,
.irs--generaliblack .irs-to:before,
.irs--generaliblack .irs-single:before {
  position: absolute;
  display: block;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #c21b17;
}
.irs--generaliblack .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--generaliblack .irs-grid-text {
  color: #999;
}
.irs--fromRedToGreen {
  height: 40px;
}
.irs--fromRedToGreen.irs-with-grid {
  height: 60px;
}
.irs--fromRedToGreen .irs-line {
  top: 25px;
  height: 12px;
  background-color: #c21b17;
  border-radius: 4px;
}
.irs--fromRedToGreen .irs-bar {
  top: 25px;
  height: 12px;
  background-color: green;
}
.irs--fromRedToGreen .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--fromRedToGreen .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #c21b17;
}
.irs--fromRedToGreen .irs-handle {
  top: 21px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #555;
}
.irs--fromRedToGreen .irs-handle.state_hover > i:first-child,
.irs--fromRedToGreen .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--fromRedToGreen .irs-min,
.irs--fromRedToGreen .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--fromRedToGreen .irs-from,
.irs--fromRedToGreen .irs-to,
.irs--fromRedToGreen .irs-single {
  color: white;
  font-size: 13px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: green;
  border-radius: 4px;
  top: -3px;
}
.irs--fromRedToGreen .irs-from:before,
.irs--fromRedToGreen .irs-to:before,
.irs--fromRedToGreen .irs-single:before {
  position: absolute;
  display: block;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: green;
}
.irs--fromRedToGreen .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--fromRedToGreen .irs-grid-text {
  color: #999;
}
.irs--big {
  height: 55px;
}
.irs--big.irs-with-grid {
  height: 70px;
}
.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}
.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}
.irs--big .irs-grid-pol {
  background-color: #428bca;
}
.irs--big .irs-grid-text {
  color: #428bca;
}
.irs--modern {
  height: 55px;
}
.irs--modern.irs-with-grid {
  height: 55px;
}
.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}
.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}
.irs--modern .irs-grid {
  height: 25px;
}
.irs--modern .irs-grid-pol {
  background-color: #dedede;
}
.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}
.irs--sharp.irs-with-grid {
  height: 57px;
}
.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
  height: 25px;
}
.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}
.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--round {
  height: 50px;
}
.irs--round.irs-with-grid {
  height: 65px;
}
.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}
.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}
.irs--round .irs-grid {
  height: 25px;
}
.irs--round .irs-grid-pol {
  background-color: #dedede;
}
.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--square {
  height: 50px;
}
.irs--square.irs-with-grid {
  height: 60px;
}
.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}
.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}
.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}
.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}
.irs--square .irs-grid {
  height: 25px;
}
.irs--square .irs-grid-pol {
  background-color: #dedede;
}
.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}
#tooltip {
  font-family: Arial, sans-serif;
  font-size: 0.875em;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  line-height: 1.5;
  color: #fff;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
  background: -ms-radial-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
  background: linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1000;
  padding: 15px;
}
#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
  border-top-color: rgba(0, 0, 0, 0.9);
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}
#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #333;
  border-bottom-color: rgba(0, 0, 0, 0.6);
  top: -20px;
  bottom: auto;
}
#tooltip.left:after {
  left: 10px;
  margin: 0;
}
#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}
.on_off_checkbox input[type=checkbox] {
  visibility: hidden;
}
.on_off_checkbox {
  width: 75px;
  height: 20px;
  position: relative;
  margin: 3px;
}
.on_off_checkbox:before {
  content: 'Ein';
  position: absolute;
  top: 4px;
  left: 10px;
  height: 2px;
  color: #269928;
  font-size: 12px;
}
.on_off_checkbox:after {
  content: 'Aus';
  position: absolute;
  top: 4px;
  left: 45px;
  height: 2px;
  color: #c21b17;
  font-size: 12px;
}
.on_off_checkbox label {
  display: block;
  width: 30px;
  height: 16px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  position: absolute;
  top: 2px;
  z-index: 1;
  left: 2px;
  background: #c21b17;
}
.on_off_checkbox.checkedColor {
  background: #7ed321 !important;
}
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
  background: #e9573d !important;
}
body .ui-datatable .ui-datatable-data > tr.ui-state-hover,
body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover {
  background: #ffffee;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  transition: none;
}
body .ui-datatable thead th {
  font-family: "RobotoBold", Arial, sans-serif;
  padding: 5px;
  border: 1px solid #111;
  border-width: 0 0 1px 0;
  background: transparent;
  text-transform: uppercase;
  font-size: 0.8em;
}
body .ui-datatable tr {
  border-bottom: 1px solid #bbb;
}
body .ui-datatable tr.ui-datatable-even {
  background: #f7f7f7;
}
#mobile .envelope {
  width: 16px !important;
  margin-top: 2px;
}
.headerRowHeadline {
  display: flex;
  gap: 7px;
}
.headerRowHeadline.wrap {
  display: block;
}
.headerRowHeadline.kpTableArchive input {
  margin-top: 2px !important;
}
td.nachrichtenAbsender a,
a.nachrichtenAbsender {
  color: #222222;
  text-decoration: none;
}
td.nachrichtenBetreff a,
a.envelope {
  color: #222222;
}
td.nachrichtenDatum a {
  color: #222222;
  text-decoration: none;
}
td.nachrichtenAbsender a:hover,
a.nachrichtenAbsender:hover,
td.nachrichtenBetreff a:hover,
td.nachrichtenDatum a:hover,
a.envelope:hover,
a.deleteMessage .glyphicon-trash:hover {
  color: #c21b17;
}
.ui-datatable .ui-column-filter {
  margin: 0;
  height: 30px;
}
body .ui-datatable tr {
  border-bottom: 0;
}
td[role="gridcell"]:has(div.labelCheckbox) {
  width: 38px;
}
body .ui-datatable tr.ui-datatable-even {
  background: none;
}
@media (max-width: 768px) {
  .ui-datatable-reflow thead th,
  .ui-datatable-reflow tfoot td {
    display: none;
  }
  .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: left;
    float: left;
    border: 0 none;
    display: block;
    text-align: left !important;
    width: 100% !important;
  }
  .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    display: inline-block;
    font-weight: bold;
    margin: -0.4em 1em -0.4em -0.4em;
    min-width: 30%;
    max-width: 35%;
    padding: 0.4em;
  }
  .ui-datatable-reflow .ui-reflow-label,
  .ui-datatable-reflow .ui-reflow-dropdown {
    display: inline-block;
  }
  .ui-datatable-reflow .ui-reflow-dropdown {
    margin-left: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .ui-datatable-reflow tr.ui-datatable-empty-message > td {
    display: block;
    border: 0 none;
  }
}
/* STYLING MOBILE */
#mobile {
  /* alle nicht offenen td bis auf die 1. td hide */
  /* alle td zeigen wenn offen bis auf die 1. td hide */
  /* linie td */
  /* gelber hintergrund wenn offen */
  /* image open */
  /* image closed */
}
#mobile .pfDataTable .ui-widget-content td[role=gridcell] {
  min-height: 60px;
}
#mobile .pfDataTable .ui-widget-content:not(.open) td:not(:first-child) {
  display: none;
}
#mobile .pfDataTable .ui-widget-content.open td:not(:first-child) {
  display: block;
  border-top: 1px solid #ddd;
}
#mobile .pfDataTable .ui-widget-content td {
  padding: 10px !important;
}
#mobile .pfDataTable .ui-widget-content.open {
  background: #ffffee !important;
}
#mobile .pfDataTable .ui-widget-content.open td:first-child {
  background: url("../../kundenportal/img/svg/chevron-up-red.svg") no-repeat;
  background-position: right 10px center;
  font-family: 'RobotoBold';
  border-bottom: 1px solid #999;
}
#mobile .pfDataTable .ui-widget-content.open td:nth-child(2) {
  border-top: 0;
}
#mobile .pfDataTable .ui-widget-content.closed td:first-child {
  background: url("../../kundenportal/img/svg/chevron-down.svg") no-repeat;
  background-position: right 10px center;
}
#mobile .ui-datatable-reflow thead th,
#mobile .ui-datatable-reflow tfoot td {
  display: none;
}
#mobile .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: left;
  float: left;
  border: 0 none;
  display: block;
  text-align: left !important;
  width: 100% !important;
}
#mobile .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
  border: 0 none;
}
#mobile .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
  border-left: 0 none;
  border-right: 0 none;
}
#mobile .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
  display: inline-block;
  font-family: "RobotoThin";
  font-size: 0.8em !important;
  font-weight: normal;
  margin: 0;
  min-width: auto;
  max-width: none;
  padding: 0;
  width: 100%;
}
#mobile .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
  width: 100% !important;
}
#mobile .ui-datatable-reflow .ui-reflow-label,
#mobile .ui-datatable-reflow .ui-reflow-dropdown {
  display: none !important;
}
#mobile .ui-datatable-reflow .ui-reflow-dropdown {
  margin-left: 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#mobile .ui-datatable-reflow tr.ui-datatable-empty-message > td {
  display: block;
  border: 0 none;
}
#mobile .ui-datatable-reflow .ui-datatable-data tr {
  border-bottom: 1px solid #bbb !important;
}
#mobile .ui-datatable-headerrow .ui-column-title {
  display: none;
}
#mobile .ui-datatable .ui-datatable-data > tr > td {
  padding: 1rem 5px;
}
#mobile tr.ui-datatable-headerrow td {
  float: right;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}
#mobile a.ui-rowgroup-toggler {
  flex: 100;
  text-align: right;
}
#mobile .ui-paginator {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}
#mobile .headerRowHeadline i {
  display: block;
}
#mobile .ui-paginator-center-content {
  flex-wrap: nowrap;
}
/*Zuletzt, da ansonsten die verskaufssystem less files die paths überschreiben*/
.ui-panel-content {
  padding: 0 !important;
}
body .ui-sidebar {
  padding: 0;
}
body .ui-panel .ui-panel-content {
  border: 0;
}
body .ui-panel .ui-panel-titlebar {
  border: 0;
  background: #f5f5f5;
  color: #c21b17;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-family: "RobotoThin", Arial, sans-serif;
}
.konfigVertragBody.h2,
.konfigHeadline.h2 {
  font-family: "RobotoMedium", Arial, sans-serif;
  text-transform: uppercase;
  color: #c5281c;
  margin: 0;
}
td.konfigHeadline.h2 .labelView {
  margin-bottom: 20px !important;
}
td.konfigRahmenBodyNoMargin .ui-panel-content {
  padding: 0;
}
/*PDF TOGGLE */
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon,
.productContainer.ansichtsbestandContainer .ui-panel-titlebar {
  padding: 0;
  /*reset padding*/
}
/*header toggle and text*/
.productContainer.ansichtsbestandContainer .ui-panel-titlebar {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}
/*toggle opened pdf icon and text*/
a:link.pdfLink {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 10px;
}
a:link.pdfLink:hover {
  text-decoration: underline;
}
.pdfText {
  display: block;
  margin-left: 10px;
  margin-top: 0px;
}
.pdfIcon {
  margin: 0;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  float: left;
  outline: none;
  transition: none;
}
/* panel collapse icon */
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
body .ui-panel .ui-panel-titlebar[aria-expanded="false"] .ui-icon {
  visibility: hidden;
}
body .ui-panel .ui-panel-titlebar[aria-expanded="false"] .ui-panel-titlebar-icon {
  background: url("../../kundenportal/img/gui/closed.svg") 15px 4px no-repeat;
  background-size: 12px 20px;
}
body .ui-panel .ui-panel-titlebar[aria-expanded="true"] .ui-icon {
  visibility: hidden;
}
body .ui-panel .ui-panel-titlebar[aria-expanded="true"] .ui-panel-titlebar-icon {
  background: url("../../kundenportal/img/gui/open.svg") 5px 4px no-repeat;
  background-size: 20px 23px;
}
body .ui-panel .ui-panel-titlebar {
  padding: 0;
}
span.ui-panel-title {
  padding: 5px 0;
  display: flex;
}
body .ui-panel .ui-panel-titlebar {
  margin: 12px 0;
}
.konfigRahmenBody.h1 .ui-panel .ui-panel-titlebar {
  margin-top: 0;
}
body .ui-dialog .ui-dialog-titlebar {
  padding: 1rem;
  background: whitesmoke;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
  display: none;
}
.posTop .kundenportalTR td {
  vertical-align: top;
}
.mobHubList td.dontShow {
  height: 30px;
}
.mobHubList td.doNotHide {
  height: 14px;
}
.mobHubList.dataTable tbody td.dontShow {
  padding: 14px 20px;
}
.mobHubList.dataTable tbody th,
.mobHubList.dataTable tbody td {
  padding: 10px 15px;
  height: auto;
}
.mobHubList .show {
  height: 30px;
}
#kpTableschadenstatusList_wrapper,
#kpTableInkassoList_wrapper {
  margin: 0;
}
.mobHubList.dataTable.no-footer {
  border-bottom: 1px solid #ddd;
}
.labelView.konfigHub_headline.attribut label {
  font-family: "RobotoRegular", Arial, sans-serif;
  display: block;
  font-size: 1.4em;
}
.labelView.konfigHub_headline.attribut span {
  font-family: "RobotoRegular", Arial, sans-serif;
  font-size: 1em;
  display: block;
  padding-bottom: 10px;
  margin: 0;
}
.vpmsTooltipp {
  background: #f0f8ff;
  margin: 5px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #555555;
}
select,
select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../../kundenportal/img/svg/selectMobile.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: 14px;
}
select.login.form-control {
  background-position: right 0px bottom !important;
}
select.login.form-control::-ms-expand {
  display: none;
}
.includeVitalityFooter {
  border: 0 !important;
  padding: 0;
}
/* overwrites font-family from jquery.dataTables.less (shared file in onlineSales) */
table.dataTable thead th {
  font-family: "RobotoBold", Arial, sans-serif;
}
.fielderror {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.modalHeadline {
  font-size: 1.8em;
  display: block;
  margin-bottom: 30px;
  font-family: "RobotoThin", Arial, sans-serif;
}
.modalButtonBar {
  margin-top: 30px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
}
.modalContent {
  display: block;
  width: 50vw;
  height: auto;
  max-height: 90vh;
  padding: 30px;
  background: #fff;
  overflow: auto;
  border-radius: 10px;
}
.modalContent p,
.modalContent p {
  padding: 10px 0;
  width: 100%;
}
.modalContent .modalHeadline b,
.modalContent .modalHeadline b {
  font-family: "RobotoBold", Arial, sans-serif;
}
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  top: -0.5em;
}
#backtotop {
  cursor: pointer;
  height: 70px;
  width: 70px;
  position: fixed;
  right: 30px;
  bottom: 40px;
  z-index: 1;
  background: url('../../kundenportal/img/svg/up.svg') no-repeat;
}
.backtoprev {
  cursor: pointer;
  height: 70px;
  width: 70px;
  position: fixed;
  right: 30px;
  bottom: 110px;
  z-index: 2;
  background: url('../../kundenportal/img/svg/back.svg') no-repeat;
}
#desktop th.fixedHeader,
#desktop .fixedHeader th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.status {
  padding: 6px;
  border-radius: 4px;
  color: white;
  display: block;
  font-size: 11px !important;
  white-space: break-spaces;
  text-align: center;
}
.status.black {
  background: gray;
}
.status.green {
  background: #559736;
}
.status.red {
  background: #c21b17;
}
.status.orange {
  background: #ff9f00;
  font-weight: normal;
}
.status.yellow {
  background: #f5df7a;
  color: #222;
}
#kpTableLeistungsabrechnung td {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0px;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(1) {
  width: 13% !important;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(2) {
  width: 15% !important;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(3) {
  width: 15% !important;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(4) {
  width: 10% !important;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(5) {
  width: 10% !important;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(6) {
  width: 10% !important;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(7) {
  width: 10% !important;
}
#kpTableLeistungsabrechnung.uneingeschraenkt th:nth-child(8) {
  width: 17% !important;
}
#kpTableLeistungsabrechnung.eingeschraenkt th:nth-child(1) {
  width: 15% !important;
}
#kpTableLeistungsabrechnung.eingeschraenkt th:nth-child(2) {
  width: 52% !important;
}
#kpTableLeistungsabrechnung.eingeschraenkt th:nth-child(4) {
  width: 11% !important;
}
#kpTableLeistungsabrechnung.eingeschraenkt th:nth-child(5) {
  width: 11% !important;
}
#kpTableLeistungsabrechnung.eingeschraenkt th:nth-child(6) {
  width: 11% !important;
}
#kpTableLeistungsabrechnung td.center {
  text-align: center;
}
#kpTableLeistungsabrechnung td.right {
  text-align: right;
}
img.jqTooltip.kpf-konfig-tooltip {
  position: relative;
  top: -55px;
  right: -225px;
}
a:focus {
  outline: 0;
}
h2,
h2 label,
.sc_frame_label.contentBlockHeader {
  font-size: 1.6em;
  color: #c21b17;
  margin-bottom: 30px;
}
.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
  padding: 5px 0;
}
body .ui-panel .ui-panel-titlebar {
  margin: 42px 0 12px;
}
body .ui-commandlink,
body .ui-link {
  transition: none !important;
}
body .ui-state-disabled {
  opacity: 1;
}
body .ui-commandlink,
body .ui-link {
  color: #c21b17;
  text-decoration: none;
}
body .ui-commandlink:hover,
body .ui-link:hover {
  color: #f1644a;
  text-decoration: underline;
}
.main-menu-wrapper ul.menu li a:hover {
  color: #c21b17;
  border-bottom: 5px solid transparent;
  font-family: "RobotoRegular", Arial, sans-serif;
}
.allowedExtensions {
  z-index: 100;
}
.ui-tooltip {
  height: auto !important;
}
body .ui-datatable .ui-widget-content.ui-datatable-empty-message {
  height: auto;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background: #c21b17;
  color: #fff;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  filter: hue-rotate(110deg);
}
.ui-autocomplete {
  width: 100%;
}
body select:hover,
body input:not([type=submit],[role=combobox],.ui-widget,.ui-inputfield):hover,
.form-control:focus,
.ui-state-focus {
  outline: 0;
  /*
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	*/
}
input[type="text"],
input[type="password"] {
  font-family: "RobotoRegular", Arial, sans-serif;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
  background: #f1644a;
}
body .ui-panel .ui-panel-titlebar {
  margin: 12px 0;
  font-size: 1.1em;
}
body .ui-panel .ui-panel-titlebar {
  background: transparent;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left: 1px;
  padding-right: 1px;
}
.btn:hover,
.buttona:hover,
a[id^="pickfiles"]:hover,
a[id^="pickfiles"]:hover::after {
  text-decoration: none;
}
.ui-datatable-data td[role="gridcell"]:focus,
.ui-datatable-data td[role="grid"] [tabindex="0"]:focus {
  outline-width: 0;
}
h2,
h2 label,
.sc_frame_label.contentBlockHeader {
  font-size: 1.1em;
  color: #c21b17;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: RobotoMedium, Arial, sans-serif;
}
.marginBottom40 {
  margin-bottom: 15px !important;
  display: block;
}
body .ui-state-disabled:not(.badgeImg a) {
  opacity: 0.5;
  filter: grayscale(1);
}
.cookies-container .buttona.login,
.cookies-container .buttona.login:hover {
  padding: 10px 20px;
}
.kpf-panel .ui-panel-titlebar {
  background: #efefef !important;
  text-indent: 10px;
}
.kpf-topMargin > .ui-panel,
.ui-panel.kpf-topMargin {
  margin-top: 35px !important;
}
.sc_composite.konfig_help img {
  position: relative;
  top: -55px;
  left: 225px;
}
td.konfigRahmenBodyNoMargin th {
  display: none;
}
.cookieButtons {
  margin: 30px 0 10px;
}
.row {
  margin-left: -1px;
  margin-right: -1px;
}
.pf-tooltip {
  cursor: pointer;
}
.round {
  background: #c21b17;
}
td.col-md-6.wrapButton.special button {
  margin-top: 28px !important;
}
td[role="gridcell"] {
  padding: 5px !important;
}
.smallText {
  font-size: 0.85em;
}
#slideBadge > span {
  display: block;
  max-height: 430px;
}
.productContainer.ansichtsbestandContainer .ui-tabs ul {
  display: none;
}
.productContainer.ansichtsbestandContainer .ui-datatable thead th {
  border: 0;
}
.form-control {
  padding: 0;
  border: 0;
}
.ui-inputwrapper-filled .isRequired,
.ui-inputwrapper-filled [aria-required="true"] {
  background-color: #ffeeaa !important;
}
select,
select.form-control {
  border: 1px solid #bdbdbd;
  padding: 0.5rem 0.5rem;
}
.sc_composite {
  float: none;
}
body .ui-input-icon-left,
body .ui-input-icon-right {
  display: block;
}
.ui-tabs-nav {
  display: none !important;
}
body .ui-input-icon-right > i:last-of-type {
  right: 0.8rem;
}
.ui-tooltip {
  width: 300px;
  height: auto;
}
body .ui-tooltip .ui-tooltip-text {
  font-size: 1rem;
  border-radius: 4px;
}
body .ui-progressbar .ui-progressbar-value {
  background: #c21b17;
}
body .ui-datatable .ui-datatable-data > tr > td {
  padding: 0;
  border: 0;
  border-width: 0;
}
body .ui-datatable tbody td {
  border: 0;
}
.rowlabel label {
  text-transform: uppercase;
  font-size: 0.8rem;
}
td.labelValue {
  font-family: "RobotoMedium", Arial, sans-serif;
}
/* hide tabs */
.productContainer.ansichtsbestandContainer .ui-panel .ui-panel-content,
.productContainer.ansichtsbestandContainer .ui-datatable tbody td {
  padding: 0;
}
.productContainer.ansichtsbestandContainer .ui-panel-titlebar {
  background: transparent;
  color: #555;
  text-transform: initial;
  cursor: default;
}
.productContainer.ansichtsbestandContainer td.columnClass {
  outline: none;
}
.loginOrientation {
  height: 30px;
  margin: 0;
}
.labelDateField > span {
  clear: both;
}