@import url('cproject-style-blessed2.css?z=1707833159835');
@import url('cproject-style-blessed1.css?z=1707833159835');


.fa-pix:before {
  content: "\e43a";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

/*!
 * Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2023 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-sharp: 'Font Awesome 6 Sharp';
  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
}

@font-face {
  font-family: 'Font Awesome 6 Sharp';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("webfontsawesome6/fa-sharp-solid-900.woff2") format("woff2"), url("webfontsawesome6/fa-sharp-solid-900.ttf") format("truetype");
}

.fass,
.fa-solid {
  font-weight: 900;
}

/*!
 * Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2023 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-sharp: 'Font Awesome 6 Sharp';
  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
}

@font-face {
  font-family: 'Font Awesome 6 Sharp';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("webfontsawesome6/fa-sharp-light-300.woff2") format("woff2"), url("webfontsawesome6/fa-sharp-light-300.ttf") format("truetype");
}

.fasl,
.fa-light {
  font-weight: 300;
}

/*!
 * Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2023 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-sharp: 'Font Awesome 6 Sharp';
  --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
}

@font-face {
  font-family: 'Font Awesome 6 Sharp';
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("webfontsawesome6/fa-sharp-thin-100.woff2") format("woff2"), url("webfontsawesome6/fa-sharp-thin-100.ttf") format("truetype");
}

.fast,
.fa-thin {
  font-weight: 100;
}

/* FONTS
Defined in cproject/cproject-variables-bootstrap.scss
format-Types:
.ttf  -> format('truetype')
.woff -> format('woff')
.otf  -> format('opentype');
*/
/* COLORS */
/* Customed */
/* Font-Sizes */
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/**************************************************/
/*** Schriftelemente  „ ” ****/
/**************************************************/
/* Font-Family */
.ffam-sl {
  font-family: "SourceSansProLight";
}

.ffam-sli {
  font-family: "SourceSansPro-LightItalic";
}

.ffam-sr {
  font-family: "SourceSansProRegular";
}

.ffam-ssb {
  font-family: "SourceSansProSemiBold";
}

.ffam-sb {
  font-family: "SourceSansProBold";
}

.ffam-eli {
  font-family: "ExoLightItalic";
}

.ffam-eri {
  font-family: "ExoRegularItalic";
}

.ffam-esbi {
  font-family: "ExoSemiBoldItalic";
}

/* Font-Sizes */
.font-2xs {
  font-size: 0.55rem !important;
}

.font-1xs {
  font-size: 0.65rem !important;
}

.font-xs {
  font-size: 0.75rem !important;
}

.font-sm {
  font-size: 0.85rem !important;
}

.font-2sm {
  font-size: 1rem !important;
}

.font-lg {
  font-size: 1.1rem !important;
}

.font-xl {
  font-size: 1.25rem !important;
}

.font-2xl {
  font-size: 1.5rem !important;
}

.font-3xl {
  font-size: 1.75rem !important;
}

.font-4xl {
  font-size: 2rem !important;
}

.font-5xl {
  font-size: 2.5rem !important;
}

/* Schriftformatierungen */
h1, h2, h3, h4, h5, h6, .headline {
  letter-spacing: 0.5px;
  color: #000;
}

h1 {
  font-family: "ExoBoldItalic";
  font-size: 2rem !important;
}

h2 {
  font-family: "ExoSemiBoldItalic";
  /*font-size: $typo-3xl !important;*/
  font-size: 1.25rem !important;
}

h3 {
  font-family: "ExoSemiBoldItalic";
  /*font-size: $typo-xl !important;*/
  font-size: 1.1rem !important;
}

h4 {
  font-family: "SourceSansProBold";
  font-size: 1.1rem !important;
  margin-bottom: 0;
}

@media screen and (max-width: 575.98px) {
  h1 {
    font-size: 1.5rem !important;
  }
}

.font-color-black {
  color: #000 !important;
}

/* Link-Formatierungen */
a {
  color: #000;
  font-family: "SourceSansProBold";
  font-size: 1rem !important;
}

a.breadcrumblink {
  font-family: "SourceSansProLight";
  font-size: 0.85rem !important;
}

a.a-productlink:hover {
  font-family: "SourceSansProSemiBold";
  font-size: 1.1rem !important;
}

a.supportdownloadlink {
  font-family: "SourceSansProLight";
  font-size: 1rem !important;
}

ul {
  list-style-type: circle;
  /* circle square */
  /*list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='-1 -1 2 2'><circle r='1' /></svg>");*/
}

li {
  line-height: 1.2em;
  padding-bottom: 0.7rem;
  /*0.7rem;*/
}

.clinicstatements {
  font-family: "ExoRegularItalic";
}

.clinicstatementsmore {
  font-family: "SourceSansProSemiBold";
  font-size: 0.85rem !important;
}

/**


And if you want to have list symbols, that don't disturb the floating of the list items, take this code: (SASS)

ul
    list-style: none

li
    margin: 1.5rem 0
    position: relative

li:before
    content: " "
    background-size: cover
    background-image: url("img/check.png")
    width: 1.5rem
    height: 1.5rem
    position: absolute
    left: -2rem



**/
/* Navigation => siehe _navi-menu.scss */
/* Standard-Textformatierungen */
.typo-text-standard {
  font-family: "SourceSansProLight";
  font-size: 1.1rem !important;
}

.typo-text-small {
  font-family: "SourceSansProLight";
  font-size: 0.85rem !important;
}

.typo-text-tiny {
  font-family: "SourceSansProLight";
  font-size: 0.65rem !important;
}

/* Footer */
.typo-footer-head {
  font-family: "SourceSansProBold";
  font-size: 0.65rem !important;
}

.typo-footer-text {
  font-family: "SourceSansProLight";
  font-size: 0.65rem !important;
}

.typo-footer-link {
  font-family: "SourceSansProLight";
  font-size: 0.65rem !important;
}

/* Typo-Specials */
.typo-special-grouplink {
  font-family: "ExoLight";
  font-size: 1.1rem !important;
}

.typo-special-hr {
  font-family: "SourceSansProLight";
  font-size: 0.65rem !important;
}

.typo-color-orange {
  color: #f9b000;
}

.typo-color-purple {
  color: #814a8e;
}

.typo-color-green {
  color: #bccf02;
}

.typo-color-darkgreen {
  color: #97a805;
}

.typo-color-turquoise {
  color: #0192a0;
}

.typo-color-blue {
  color: #025fb6;
}

/* Typo-Helper */
.usehyphens {
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

strong {
  font-family: "SourceSansProSemiBold";
}

/** Einsatz in der Produktnavigation zu Hauptthemen wie LAngzeit-EKG etc. 
(bleibt oben stehenm während unterhalb die Produkte angezeigt werden); Template: products
**/
.productnavi {
  font-family: "ExoRegularItalic";
  font-size: 1rem !important;
  line-height: 1.3rem !important;
  display: block;
}

/**************************************************/
/*** Anpassungen Navbar/Menu Bootstrap ****/
/**************************************************/
/*** Navigation ***/
.navbar-top-project {
  /*height:80px;*/
  background-color: #ededed;
  /*border-bottom:1px solid red;*/
}

@media only screen and (min-width: 768px) {
  .navbar-top-project {
    /*height:80px;*/
  }
}

.navbar-container-top {
  flex-grow: 0;
}

.navbar-brand-image {
  padding-left: 0px;
  height: 40px;
  width: auto;
  max-width: 260px;
}

@media only screen and (min-width: 768px) {
  .navbar-brand-image {
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
  }
}

.nav-item {
  line-height: 0.8rem;
  margin-top: 0.5rem;
  border-left: none;
}

@media only screen and (min-width: 992px) {
  .nav-item {
    border-left: 1px solid #a6b4b5;
  }
  .nav-item:first-child {
    border-left: none;
  }
}

.nav-link,
.dropdown-item {
  font-family: "SourceSansProRegular";
  font-size: 0.85rem !important;
  color: #000;
  padding-top: 0.7rem;
  padding-bottom: 0.2rem;
}

.dropdown-item {
  line-height: 1rem;
}

.nav-link-nowrap {
  xwhite-space: nowrap;
}

@media only screen and (min-width: 1399.98px) {
  .nav-link-nowrap {
    white-space: wrap;
  }
}

/* vgl. auch cCodeKitProject/codekitscss/template/_search.scss */
.navbar-search {
  font-family: "SourceSansProLight";
  font-size: 0.65rem !important;
  background-color: #ededed;
  border: none;
  margin-top: 0.5rem;
  width: 100% !important;
}

.navbar-footer-project {
  background-color: #575756;
  color: #fff;
  /*margin-top:5rem;*/
  padding-bottom: 50px;
}

.navbar-footer-header {
  font-family: "SourceSansProBold";
  font-size: 0.75rem !important;
  color: #fff;
  margin-bottom: 0.25rem;
  margin-top: 0.5rem;
}

.navbar-footer-links {
  font-family: "SourceSansProLight";
  font-size: 0.75rem !important;
  color: #fff;
  line-height: 1rem;
}

a.navbar-footer-links:hover {
  color: #fff;
  text-decoration: underline;
}

.navbar-customed {
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
  border: 1px solid #575756;
  background-color: #fff;
}

@media only screen and (min-width: 992px) {
  .navbar-customed {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0;
    border: 0;
  }
}

/**************************************************/
/*** Navigation ServiceProvider ****/
/**************************************************/
.navbar-serviceprovider {
  padding: 0 !important;
  border-right: 1px solid gray;
}

.nav-ul {
  list-style-type: none;
  margin: 0;
  /*padding: 10px;*/
  width: 100% !important;
  /*background-color: #f1f1f1;*/
  /*height: 100%;  Full height */
  /*position: fixed;  Make it stick, even on scroll */
  overflow: visible;
  /* Enable scrolling if the sidenav has too much content */
}

.serviceprovider-nav-ul {
  padding-right: 10px;
}

.nav-ul li {
  padding-bottom: 0;
}

.nav-item-serviceprovider {
  border: none;
  margin-top: 0 !important;
  border-bottom: 0px solid #ededed;
}

.dropdown-menu-serviceprovider {
  border: none;
  padding: 0;
  padding-left: 10px;
  background-color: transparent;
  margin-top: 0;
}

.serviceprovider-navtitle {
  font-family: "ExoBoldItalic";
  font-size: 1.1rem !important;
  color: #0058a2;
}

.nav-item-serviceprovider a {
  display: block;
  color: #0058a2;
  font-family: "ExoRegularItalic";
  font-size: 0.85rem !important;
  /*padding: 16px;*/
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  width: 100%;
  /*font-size:16px !important;*/
}

.nav-item-serviceprovider a:hover {
  background-color: #555;
  color: white;
}

.nav-item-serviceprovider .active {
  background-color: #005D9F;
  color: white;
}

.nav-link-serviceprovider {
  padding-left: 10px !important;
  line-height: 1 !important;
}

.serviceprovider-dropdown {
  font-family: "ExoSemiBoldItalic" !important;
}

/**************************************************/
/*** Sprachmenü TOP ****/
/**************************************************/
.ulmaintop {
  margin: 0px;
  /*war 0*/
  margin-left: 5px;
  /*NEU*/
  padding: 0px;
  list-style: none;
  color: #000;
  line-height: 16px;
  display: block;
  float: right;
  z-index: 1000;
  font-weight: 500;
  /*font-size:12px;*/
  height: 15px;
}

.ulmaintop a {
  color: #000;
  text-decoration: none;
  /*font-size:10px;*/
  border: none;
}

.ulmaintop a:hover {
  color: #e40e27;
}

.ulmaintop > li {
  /*background:transparent none repeat scroll 0 0;*/
  cursor: pointer;
  float: left;
  position: relative;
  padding-right: 25px;
  /*margin-right:30px;*/
  width: auto;
  display: block;
  border: none;
}

/* Sub-Menu 1 */
.ulmaintop li > ul {
  position: absolute;
  left: 0px;
  top: 16px;
  width: 120px;
  height: auto;
  margin-top: 0px;
  display: none;
}

.ulmaintop li:hover > ul {
  display: block;
}

.ulmaintop li ul li {
  display: block;
  padding: 3px 10px;
  list-style-type: none;
  width: 120px;
  height: 15px;
  white-space: nowrap;
  /*font-size:10px;*/
  line-height: 10px;
  border-top: 0px solid #ededed;
  border-bottom: 0px solid #ededed;
  background: transparent;
}

.ulmainbottomaddon {
  float: left;
}

.ulmainbottomaddon > li {
  padding-right: 5px;
}

.ulmainbottomaddon > li > ul {
  width: 20px;
}

.ulmainbottomaddon li ul li {
  top: 0px;
  width: 20px;
}

/* Sprachwahl */
[class^="flags-color-"],
[class*=" flags-color-"],
[class^="flags-grey-"],
[class*=" flags-grey-"] {
  display: inline-block;
  width: 16px;
  height: 17px;
  line-height: 17px;
  vertical-align: text-top;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border: 0px solid grey;
}

.flags-color {
  background-image: url(images/flags_15x16px_23x23px.png);
}

.flags-grey {
  background-image: url(images/flags_15x16px_23x23px.png);
}

.flags-color-1-3,
flags-grey-1-3 {
  background-position: 0px -46px;
}

.flags-color-1-2,
flags-grey-1-1 {
  background-position: 0px -23px;
}

.flags-color-4-4,
flags-grey-4-4 {
  background-position: -69px -69px;
}

.flags-color-6-3,
flags-grey-6-3 {
  background-position: -115px -46px;
}

.flags-color-9-2,
flags-grey-9-2 {
  background-position: -184px -23px;
}

.flags-color-10-12,
flags-grey-10-12 {
  background-position: -414px -506px;
}

.flags-color-10-12,
flags-grey-10-12 {
  background-position: -207px -253px;
}

/**************************************************/
/*** NEWS ****/
/**************************************************/
.topnews {
  width: 40%;
  border: 0px solid red;
  height: 80px;
  position: absolute;
  top: 40px;
  right: 15px;
  overflow: visible;
  font-size: 12px;
  color: #0058a2;
}

.topnewstitle {
  z-index: 2;
  color: #d01e01;
  font-size: 16px;
  position: absolute;
  top: -20px;
  left: -15px;
}

@media only screen and (min-width: 768px) {
  .newscol {
    border-top: none;
    border-left: 5px solid #a6b4b5;
    padding-top: 0px;
  }
}

/**************************************************/
/*** SUCHFELD und ERGEBNIS ****/
/* vgl. auch cCodeKitProject/codekitscss/template/_navi-menu.scss */
/**************************************************/
#suchfeld_ {
  position: relative;
  left: 0px;
  top: 0px;
  /*min-width:200px;*/
  width: auto !important;
  width: 220px !important;
  /*max-width:271px;*/
  height: 35px;
  float: right;
  margin-left: 20px;
  /*background-image: url(images/suchfeld.png);*/
  background-repeat: no-repeat;
  background-size: 271px 35px;
}

.suchfeld-left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 215px;
  height: 35px;
  z-index: 1;
  /*border:1px solid red;*/
}

.suchfeld-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 54px;
  height: 35px;
  z-index: 2;
  /*border:2px solid white;*/
}

#suchfeld_ .form-group {
  display: block;
}

.searchfieldinner-head {
  position: relative;
  top: 4px;
  left: 7px;
  width: 212px;
  height: 25px;
  border: none;
  background: none;
  z-index: 2;
}

.searchfieldsend {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 53px;
  height: 32px;
  background: none;
  border: none;
  z-index: 3;
  font-size: 20px;
  color: #fff;
}

.tdCallSingleSearchResult {
  width: 50px;
}

.searchresultheadline {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 16px;
}

.tooltip-inner {
  background: #575756;
}

/*** ENDE SUCHFELD ***/
/*** Sprachauswahl ***/
.languageselect-div {
  /*float:right;*/
  padding-right: 10px;
  text-align: center;
}

.languageselect-divider {
  padding-left: 5px;
  padding-right: 5px;
  color: #a6b4b5;
}

.languageselect-display {
  font-family: "SourceSansProBold";
  font-size: 0.85rem !important;
  color: #0058a2;
}

.languageselect-active {
  font-family: "SourceSansProLight";
  color: #000;
  text-decoration: underline;
  width: 30px;
}

.languageselect-inactive {
  /*-webkit-filter: grayscale(1);*/
  /*filter: grayscale(1);*/
  -webkit-filter: opacity(0.3);
  filter: opacity(0.3);
  width: 30px;
}

/**************************************************/
/*** Gestaltung Tabelle Anschriften (Verwaltung) ****/
/**************************************************/
/*table#addresstable { 
  width: 100%; margin-top: 30px;  
}
td.addresstable, th.addresstable { 
  text-align: left; 
  height:25px; 
  padding: 5px 0;
}
th.addresstable { 
  background: #f5f5f5; 
}
th.addresstable:nth-child(1){ width:15%; }
th.addresstable:nth-child(2){ width:35%; }
th.addresstable:nth-child(3){ width:35%; }
th.addresstable:nth-child(4){ width:15%; }*/
/**************************************************/
/*** ELEMENTE TEMPLATES ****/
/**************************************************/
.startimage {
  padding: 0;
  margin: 0;
  margin-top: 80px;
  height: 150px;
  background-image: url("images/home-networkimage-clip.jpg");
  background-position: center;
  background-size: contain;
  z-index: 1;
}

.startimage-survey {
  margin-top: 0;
}

/* z-index = 2, da startimage überlagert wird */
.contentstart {
  margin-top: -100px;
  margin-bottom: 20px;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .startimage {
    height: 250px;
  }
  .contentstart {
    margin-top: -200px;
  }
}

@media screen and (min-width: 992px) {
  .startimage {
    height: 350px;
  }
  .contentstart {
    margin-top: -300px;
  }
}

.startimagesmall {
  height: 150px;
}

.contentmain {
  margin-top: 80px;
  margin-bottom: 20px;
}

/** Blauer Streifen, volle Breite **/
.container-fluid-moreinfo {
  background-color: #d4e7f9;
  padding-top: 20px;
}

/** Grauer Streifen, volle Breite **/
.container-fluid-backgroundlightgrey {
  background-color: #ededed;
  padding-top: 20px;
}

.border-dark-1 {
  border: 1px solid #575756;
}

/**************************************************/
/*** Anpassungen Bootstrap ****/
/**************************************************/
/*.container-fluid {
  border:1px solid red;
}*/
/* Abstand zum Rand */
@media screen and (max-width: 1280px) {
  .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    /*    margin-right: 2%;
            margin-left: 2%;*/
    /*z-index:900;*/
  }
}

/**************************************************/
/*** ELEMENTE HAUPTSEITEN ****/
/**************************************************/
.circlelinks {
  border: none;
  width: 189px;
  justify-content: center;
}

.card-body {
  overflow: visible;
}

.card-title-link {
  border: 1px solid #575756;
  padding: 0.25rem;
  font-family: "ExoLight";
  font-size: 1.1rem !important;
  white-space: nowrap;
}

.klinik-roundedheader {
  width: 100%;
  border-radius: 40px 0px 0px 40px;
  padding: 10px;
  color: #fff;
  font-family: "ExoSemiBoldItalic";
  font-size: 1.1rem !important;
}

.klinik-roundedheader-number {
  font-family: "SourceSansProBold";
  font-size: 2.5rem !important;
  padding-left: 10px;
  line-height: 0.8rem;
  width: 90px;
  float: left;
}

.klinik-roundedheader-text {
  line-height: 1.0rem;
}

.klinik-roundedheader-red {
  background-color: #cd1719;
}

.klinik-roundedheader-tuerkis {
  background-color: #0192a0;
}

.klinik-roundedheader-orange {
  background-color: #f39200;
}

.klinik-roundedheader-green {
  background-color: #bccf02;
}

.klinik-belowroundedheader {
  width: 100%;
  padding-left: 90px;
  font-family: "ExoRegularItalic";
}

/**************************************************/
/*** Trennerlinien mit Text ****/
/**************************************************/
.m-hrfluid {
  margin-top: 6rem;
}

.hrdark, .hrdark2 {
  border-top: 1px solid #a6b4b5;
}

.hrwithtext {
  background-color: #fff;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: -1.5rem;
  font-family: "SourceSansProLight";
  font-size: 0.65rem !important;
}

/* Zwischenüberscriften entsprechend h1-h4 */
.hrwithtext2 {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: -2rem;
  margin-bottom: 2rem;
}

.hrwithtext2-bgwhite {
  background-color: #fff;
  font-family: "ExoSemiBoldItalic";
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}

@media screen and (max-width: 575.98px) {
  .hrdark2 {
    border-top: none;
  }
  .hrwithtext2-bgwhite {
    white-space: normal;
  }
}

@media screen and (min-width: 576px) {
  .hrwithtext2 {
    margin-top: -2rem;
  }
  .hrwithtext2-bgwhite {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .hrwithtext2 {
    margin-top: -2.0rem;
  }
  .hrwithtext2-bgwhite {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.25rem !important;
  }
}

/** ------------------------------------ **/
/**************************************************/
/*** Container Fluid Hintergrund Grau ****/
/**************************************************/
.background-lightgrey {
  background-color: #ededed;
}

/** ------------------------------------ **/
.mousetopointer {
  cursor: pointer;
}

/**************************************************/
/*** CARD ****/
/**************************************************/
.card {
  border-color: #575756;
  border-radius: 0;
}

.supportandnews {
  margin: 0px;
  padding: 0px;
  border-color: #575756;
}

.btn-aktuelles {
  background-color: #ededed;
  height: 25px;
  font-family: "SourceSansProRegular";
  font-size: 0.85rem !important;
  padding-top: 0px;
}

.card-header-nobottomborder {
  border-bottom: 0;
  margin-bottom: 0;
}

.card-height-100 {
  height: 100%;
}

.home-support,
.btn-lightgrey {
  background-color: #ededed;
}

.home-support h4.card-title {
  margin-bottom: 0;
}

/** Anzeige Events Home **/
.home-events {
  background-color: #fff;
  padding-top: 0.5rem;
}

.home-events-overflow {
  max-height: 400px;
  overflow: auto;
}

.home-eventsblock {
  float: left;
  width: 50%;
  line-height: 1rem;
}

@media screen and (max-width: 991.98px) {
  .home-eventsblock {
    float: left;
    width: 100%;
    line-height: 1rem;
  }
}

.home-3topicsbottom {
  margin: 10px;
  padding: 20px;
  background-color: #0058a2;
}

.home-3topicsbottom-headline {
  font-size: 2rem !important;
}

.home-3topicsbottom-textcolor {
  color: #ffffff;
}

/*** NEUE FASSUNG STARTSEITE  ***/
.home-eventsimagecontainerhome {
  border: none;
  /*2px solid $cproject-lightgrey;*/
  height: auto;
  /*max-height: 80px;*/
  overflow: hidden;
  width: 100%;
  /* Vertikales Zentrieren: */
  display: flex;
  align-items: center;
  justify-content: center;
}

/*** ALTE FASSUNG STARTSEITE  ***/
.home-eventsimagecontainer {
  border: none;
  /*2px solid $cproject-lightgrey;*/
  height: auto;
  max-height: 80px;
  overflow: hidden;
  width: 45%;
  margin-right: 20px;
  /* Vertikales Zentrieren: */
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-eventstextcontainer {
  height: auto;
  min-height: 80px;
  line-height: 1.3rem;
  /*max-height: 80px;*/
  /*overflow:hidden;*/
  /* Vertikales Zentrieren: */
  /*display:flex;*/
  /*align-items: center;*/
}

.home-eventsheadline {
  font-family: "ExoBoldItalic";
  font-size: 1.1rem !important;
  margin-bottom: 10px;
}

.home-eventssubtitle {
  font-family: "ExoRegularItalic";
  font-size: 1rem !important;
  margin-bottom: 0px;
}

.home-eventstext {
  font-family: "ExoRegularItalic";
  font-size: 1rem !important;
  margin-bottom: 0px;
}

.home-eventslogo {
  width: auto;
  max-width: 230px;
}

@media screen and (max-width: 991.98px) {
  .home-eventslogo {
    max-width: 150px;
  }
}

.home-eventsentries {
  z-index: 1;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ededed;
}

.home-eventsentries:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.home-eventsdisplaymore {
  z-index: 2;
  position: relative;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  background-color: #575756;
}

.home-supporttitle {
  font-family: "ExoBoldItalic";
  font-size: 1.1rem !important;
}

.home-supportlinks {
  font-family: "ExoRegularItalic";
  font-size: 1rem !important;
}

.home-events h4.home-eventstitle {
  margin-bottom: 0px;
}

.eventsdisplaymorelist {
  /*text-align:center;*/
  color: #fff;
  width: 40px;
  height: 30px;
  font-weight: 900;
  line-height: 0.75;
  font-size: font-4xl !important;
  background-color: #575756;
}

/** Platzierung Text auf Background-Links **/
.background-links-image {
  z-index: 1;
}

.background-links-div {
  width: auto;
  max-width: 400px;
}

.background-links-text {
  font-family: "ExoRegularItalic";
  position: relative;
  z-index: 2;
  background-color: #fff;
  width: auto;
  height: auto;
  bottom: 60px;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
}

.background-subtitle-text {
  margin-top: -20px;
  text-align: center;
  line-height: 1.3rem;
}

.background-links-reha1 {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  width: auto;
  height: auto;
  bottom: 10%;
  right: 10%;
  /*margin-left: 5%;*/
  /*margin-right: 5%;*/
  text-align: left;
  /*border:1px solid red;*/
}

@media screen and (max-width: 767.98px) {
  .background-links-reha1 {
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
    bottom: 0;
    right: 0;
  }
}

/**************************************************/
/*** ELEMENTE DOWNLOAD ****/
/**************************************************/
.download-link-headline {
  font-family: "ExoSemiBoldItalic";
  font-size: 1rem !important;
  margin-top: 20px;
}

.download-link-headline:first-child {
  margin-top: 0px;
}

.download-link-link {
  font-family: "ExoLightItalic";
  font-size: 1rem !important;
}

.download-h1 {
  padding-left: 40px;
}

.download-link-border {
  border-left: 1px solid #575756;
  padding-left: 50px;
}

.download-introtext {
  font-family: "SourceSansProSemiBold";
  font-size: 1rem !important;
}

/*** ELEMENTE DOWNLOAD IMAGE ****/
.card-image-div {
  flex-wrap: wrap;
}

.card-image {
  width: auto;
  max-width: 140px;
  min-width: 140px;
  margin-bottom: 5px;
  margin-right: 1rem;
  border: none;
  /*background-color:$cproject-lightgrey;*/
}

@media only screen and (max-width: 767.98px) {
  .card-image {
    margin-right: 0;
  }
}

.card-image-top {
  border-radius: 0;
  height: auto;
  max-height: 200px;
  overflow: hidden;
  /* Vertikales Zentrieren: */
  display: flex;
  align-items: center;
}

.card-image-body {
  padding: 0;
  line-height: 0.9rem;
}

.card-image-title {
  font-family: "SourceSansProBold";
  font-size: 0.75rem !important;
}

.card-image-link {
  font-family: "SourceSansProLight";
  font-size: 0.75rem !important;
}

/**************************************************/
/*** ELEMENTE CAROUSEL ****/
/**************************************************/
.container-carousel-home {
  padding: 0;
  margin: 0;
  margin-top: 150px;
  margin-bottom: 30px;
  max-height: 200px;
  overflow: hidden;
  border: 0px solid red;
}

.carousel-home {
  /*  padding:0;
      margin:0;*/
  height: auto;
  overflow: hidden;
  z-index: 1;
}

.carousel-home-caption {
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.5rem;
  background-color: rgba(125, 125, 125, 0.75);
}

.carousel-small {
  height: auto;
  max-height: 250px !important;
  overflow: hidden;
}

.carousel-small .carousel-project-inner {
  height: auto;
  max-height: 250px !important;
  overflow: hidden;
  /* Vertikales Zentrieren: */
  display: flex;
  align-items: center;
}

.carousel-medium {
  height: auto;
  max-height: 500px !important;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
}

.carousel-medium .carousel-project-inner {
  /*border:1px solid red;*/
  height: auto;
  min-height: 285px;
  /* ?? */
  max-height: 500px !important;
  overflow: hidden;
  margin-bottom: 10px;
  /* Vertikales Zentrieren: */
  display: flex;
  align-items: center;
}

/*.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 45px;
  height: 45px;
}
.carousel-control-prev-icon {
  background-image: url(images/carousel-control-prev-icon.png);
}
.carousel-control-next-icon {
  background-image: url(images/carousel-control-next-icon.png);
}*/
.modalimagegallerycall {
  cursor: pointer;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px;
  }
  .modal-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1800px;
  }
}

.carousel-project-position-caption {
  position: absolute;
  right: 15%;
  top: 150px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.carousel-medium .carousel-project-position-caption {
  top: 400px;
}

.carousel-project-caption {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.5rem;
  background-color: rgba(125, 125, 125, 0.75);
}

/**************************************************/
/*** Kontaktformular ****/
/**************************************************/
.contactform {
  border: 1px solid #575756;
  background-color: #ededed;
  padding: 20px;
}

.contactformgroup {
  padding-bottom: 20px;
  /*margin-bottom:50px;*/
  /*border:1px solid red;*/
}

.contactformerror {
  border: 1px solid red;
}

/**************************************************/
/*** iFrame Updates und Instruction ****/
/**************************************************/
.embed-responsive-updates,
.embed-responsive-item {
  height: 120px !important;
  /*min-height:200px !important;*/
}

.updates-background {
  background-color: #ededed;
  padding: 10px;
}

.updates-text li {
  font-size: 0.85rem;
  padding-bottom: 0;
}

a.instructionslink,
.instructionslink {
  font-family: "ExoSemiBoldItalic";
  font-size: 1.1rem !important;
}

/**************************************************/
/*** Farbwerte beeinflussen 
vgl. https://blog.kulturbanause.de/2015/03/css-filter-effekte/****/
/**************************************************/
.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.opacity5 {
  -webkit-filter: opacity(0.5);
  filter: opacity(0.5);
}

/**************************************************/
/*** Events-Tabelle ****/
/**************************************************/
.eventstable {
  width: 100%;
}

.eventstable td {
  padding-top: 30px;
  padding-bottom: 20px;
  border-top: none;
  border-bottom: 2px solid #ededed;
}

.eventnews-hr {
  /*border-bottom: 1px solid $cproject-lightgrey;*/
  border: none;
}

/**************************************************/
/*** keen-slider ****/
/**************************************************/
.keen-slider {
  /*border:1px solid red;*/
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.keen-slider__slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
}

.keen-slider[data-keen-slider-v] {
  flex-wrap: wrap;
}

.keen-slider[data-keen-slider-v] .keen-slider__slide {
  width: 100%;
}

.keen-slider[data-keen-slider-moves] * {
  pointer-events: none;
}

.navigation-wrapper {
  position: relative;
}

/*.dots {
  display: flex;
  padding: 10px 0;
  justify-content: center;
}
.dot {
  border: none;
  width: 10px;
  height: 10px;
  background: #c5c5c5;
  border-radius: 50%;
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
}
.dot:focus {
  outline: none;
}
.dot.active {
  background: #000;
}*/
.arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: #fff;
  stroke: rgba(100, 100, 100, 0.3);
  stroke-width: 2;
  /*text-shadow: 2px 2px 4px #000000;*/
  cursor: pointer;
}

.arrow--left {
  left: 15px;
}

.arrow--right {
  left: auto;
  right: 15px;
}

.arrow--disabled {
  fill: rgba(255, 255, 255, 0.1);
}

/** Button neben der Auflistung von Broschüren-Downloadlinks **/
.buttontosalespartner {
  margin-top: 35px;
  height: auto;
  max-height: 100px;
  max-width: 100px;
  float: right;
}

/**************************************************/
/*** Responsive iFrame ****/
/**************************************************/
.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  overflow: hidden;
  /*  height: 100%;      damit wird auf die gesamte Höhe der Browseroberfläche ausgedehnt */
}

.responsive-iframe iframe,
.responsive-iframe object,
.responsive-iframe embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* damit wird auf die gesamte Höhe des geladenen Inhalts ausgedehnt */
  border: 1px solid #ededed;
}

/**************************************************/
/*** Kreise mit Text ****/
/**************************************************/
.circle {
  color: #ffffff;
  display: flex;
  /*display: inline-flex;*/
  text-align: center;
  align-items: center;
  justify-content: center;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 5px;
  font-family: "ExoRegularItalic";
  font-size: 1.1rem !important;
  line-height: 1.5rem;
  padding: 5px;
}

.circle:hover {
  text-decoration: none;
  color: #ffffff;
}

/*.circle-href {
  margin-left: 3px;
  margin-right: 3px;
}*/
.circle:first-child {
  margin-left: 0px;
}

.circle:last-child {
  margin-right: 0px;
}

/** Animation **/
.circle span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.circle span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 30px;
}

.circle:hover span {
  padding-right: 25px;
}

.circle:hover span:after {
  opacity: 1;
  right: 0;
}

/** Größe und Farbe **/
.circle-sm {
  width: 160px;
  height: 160px;
  border-radius: 80px;
}

.circle-lg {
  width: 180px;
  height: 180px;
  border-radius: 90px;
  font-size: 1.25rem !important;
  margin-left: 10px;
  margin-right: 10px;
}

.circleactive {
  background-color: #0092a0;
}

.circleinactive {
  background-color: #b3b2b2;
}

.circle-yellow {
  background-color: #edb33d;
  color: #000000;
}

.circle-purple {
  background-color: #794b8a;
  color: #ffffff;
}

.circle-blue {
  background-color: #5b94cc;
  color: #ffffff;
}

.circle-green {
  background-color: #afcb0a;
  color: #ffffff;
}

.circle-grey {
  background-color: #737373;
  color: #ffffff;
}

.circle-blue2 {
  background-color: #4796d1;
  color: #ffffff;
}

.circle-red {
  background-color: #ff0000;
  color: #ffffff;
}

/* Schriftanpassung für die spanische Seite */
.circle-es {
  font-size: 1.0rem !important;
  line-height: 1.2rem;
}

/**************************************************/
/*** Gestaltung Produktseiten ****/
/**************************************************/
.product-moreinfo {
  margin-top: 20px;
}

.background-more-info {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
}

/**************************************************/
/*** ELEMENTE SURVEY 
 * CLASS:
 * - survey-block: div-Block um ein Element
 * - survey-element-label: Label als Zwischenüberschrift vor Input-Elementen
 * - text/textarea:
 *    - survey-form-label: Label zu Input-Elementen
 *    - survey-form-control: 
 * - checkbox/radio:
 *    - survey-form-check-inline: Umschließender div-Tag Inline
 *    - survey-form-check: Umschließender div-Tag Stacked
 *    - survey-form-check-input
 *    - survey-form-check-label
 * - select:
 *    - survey-form-select


****/
/**************************************************/
/*.su-nav-but {
  width:30px;
  height:30px;
  border:none !important;
  border-radius:15px !important;
  background-image:none !important;
  margin-right:7px;
  line-height: 1rem;
}*/
.su-nav-but {
  width: auto !important;
  height: 30px;
  border: none !important;
  border-radius: 0px !important;
  background-image: none !important;
  background-color: #fff !important;
  margin-right: 7px;
  line-height: 1rem;
}

.su-nav-but-start {
  width: auto !important;
  padding-left: 15px;
  padding-right: 15px;
}

.su-nav-but-inactive {
  /*background-color:$cproject-lightgrey !important;*/
  border-bottom: 3px solid #a6b4b5 !important;
  color: #575756 !important;
}

.su-nav-but-active {
  /*background-color:$cproject-typo-green !important;*/
  /*color:#fff !important;*/
  border-bottom: 3px solid #bccf02 !important;
  color: #000 !important;
}

.su-nav-but-submit {
  width: auto !important;
  height: 30px;
  border: none !important;
  border-radius: 15px !important;
  background-image: none !important;
  line-height: 1rem;
  font-family: "SourceSansProBold";
  font-size: 1.1rem !important;
}

.su-nav-but-submit-inactive {
  background-color: #ededed !important;
  color: #575756 !important;
}

.su-nav-but-submit-active {
  background-color: #bccf02 !important;
  color: #fff !important;
}

.survey-h1 {
  margin-top: 20px;
  margin-bottom: 30px;
}

.survey-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.survey-element-label {
  color: #0058a2;
  font-family: "SourceSansProRegular";
  font-size: 1.1rem !important;
}

/**************************************************/
/*** Mainnavigationselemente Home ****/
/**************************************************/
/*.homenavi {
  height:auto !important;
  height:320px;
  width:auto !important;
  max-width: 235px;
  border:1px solid yellowgreen;
  border-top:10px solid yellowgreen;
  border-top:10px solid $cproject-midgrey;
  padding:0;
  margin-left:5px;
  margin-right:5px;
}
.homenavi:hover {
  border:2px solid $cproject-darkgrey;
  border-top:10px solid $cproject-darkgrey;
  background-color:$cproject-midgrey;
}
.border-purple {
  border:1px solid $cproject-buttonpurple;
  border-top:10px solid $cproject-buttonpurple;
}
.border-yellow {
  border:1px solid $cproject-buttonyellow;
  border-top:10px solid $cproject-buttonyellow;
}
.border-green {
  border:1px solid $cproject-buttongreen;
  border-top:10px solid $cproject-buttongreen;
}
.border-blue {
  border:1px solid $cproject-buttonblue;
  border-top:10px solid $cproject-buttonblue;
}

.homenavi-all {
  position:relative;
  top:0px;
  left:0px;
  clear:both;
}
.homenavi-image {
  height:67px;
  padding-top:20px;
}
.homenavi-maintext {
  font-size:14px;
  line-height: 27px;
  font-weight:700;
  text-align:center;
  
  line-height: 24px;
  color:$cproject-maintextcolor;
  padding-top:20px;
  color:#fff;
  height:104px;
  padding:5px;
  padding-top:12px;
  background-image:url(images/start_backelements.jpg);
  background-position:center;
  background-repeat: no-repeat;
}
.homenavi-subtext {
  font-size:12px;
  text-align:center;
  padding:15px;
  padding-top:15px;
  height:100px;
}
.homenavi-button {
  text-align:center;
  bottom:5px;
  margin-left:5px;
  margin-right:5px;
}
.homenavi-transparentlink {
  height:320px;
  position:absolute;
  left:0px;
  top:0px;
  z-index:2;
}
.homenavi2-maintext {
  font-size:14px;
  font-weight:700;
  text-align:center;
  color:$cproject-text-blue;
  padding:20px;
}
.homenavitrenner {
  position:relative;
  height:10px;
  clear:both;
  width:100%;
  border-top:10px solid $cproject-midgrey;
  margin-top:10px;
  margin-bottom:10px;
  
}*/
/**************************************************/
/*** Anpassungen Bootstrap ****/
/**************************************************/
.form-group {
  margin-bottom: 5px;
}

.form-control {
  height: 30px;
  /*width: 70%;*/
}

.help-block {
  display: block;
  margin-top: 2px;
  margin-bottom: 5px;
}

.error-radio {
  color: #b95352;
}

.inputsmall {
  width: 150px;
}

.input-vp-login {
  border: 1px solid #575756;
  width: 100%;
  max-width: 350px;
  height: 30px;
  border-radius: 0;
  text-align: left;
  font-weight: 700;
  line-height: 1;
}

.input-vp-loginselect {
  height: 38px;
  font-weight: 500;
}

.input-vp-error {
  background-color: rgba(208, 30, 0, 0.2);
}

.cbbooked {
  background-color: #a6b4b5 !important;
  /*  margin-left:25%;
  margin-right:25%;*/
  opacity: 0.5;
}

/**************************************************/
/*** Anpassungen Bootstrap ****/
/**************************************************/
/**************************************************/
/*** Button ****/
/**************************************************/
/*
btn-danger rausgenommen bei Farbe!
*/
.btn-primary,
.btn-success,
.btn-info,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-danger.active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-primary,
.btn-info {
  background-image: linear-gradient(to bottom, #575756 0%, #575756 100%);
  background-repeat: repeat-x;
  border-color: #fff;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9cd03', endColorstr='#ffd9cd03', GradientType=0);
}

.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-danger:active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-danger.active {
  background-color: #e6e6e6;
  border-color: #fff;
}

.btn-warning,
.btn-warning:active,
.btn-warning.active {
  background-color: #575756;
}

.btn {
  box-shadow: none;
  border-radius: 0;
}

.btn-success, .btn-success:hover {
  background-image: linear-gradient(to bottom, #fbb016 0%, #fbb016 100%);
  background-repeat: repeat-x;
  border-color: #fff;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9cd03', endColorstr='#ffd9cd03', GradientType=0);
}

.btn-info, .btn-info:hover {
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-repeat: repeat-x;
  border-color: #fff;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9cd03', endColorstr='#ffd9cd03', GradientType=0);
}

.btn-special {
  border: 1px solid #e6e6e6;
  background-color: #fff;
}

/*.custom-control-label.label {
  display:none;
  border:1px solid red;
}*/
/*.custom-control-input {
  margin-top:3px;
  border:1px solid red;
}*/
.card-header {
  /*background-color: $cproject-yellowlight;*/
}

.modal-dialog {
  z-index: 1000;
}

/** Button Top-Bereich Sprachwahl **/
.btn-xxs {
  padding: .20rem .20rem;
  font-family: "SourceSansProBold";
  font-size: 0.65rem;
  line-height: 1.0 !important;
  border-radius: none;
}

.btn-active {
  background-color: #1063a1;
  color: #ffffff;
}

.btn-inactive {
  background-color: #a6b4b5;
  color: #ffffff;
}

.youtubetoplink {
  height: 22px;
  margin-left: 0px;
}

.serviceprovidertoplink {
  height: 22px;
  margin-left: 0px;
}

.alert {
  border-radius: 0;
}

/**************************************************/
/*** Constraint API ****/
/**************************************************/
/** CSS-Pseudoklassen Constraint Validation API **/
input:required:invalid, input:focus:invalid,
select:required:invalid, select:focus:invalid {
  border: 2px solid #0058a2;
}

input:required:valid, select:required:valid {
  border: 2px solid #b6b73f;
}

body, html, div {
  /* ,p */
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "SourceSansProLight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.1rem;
  /* !important; */
}

body, html {
  height: 100%;
  /*  padding-top: 80px;
    padding-bottom:130px;*/
  /*background-color:$cproject-darkgrey;*/
}

@media only screen and (min-width: 768px) {
  /*  body,html,div {
      font-size: $typo-lg;
    }*/
}

.test {
  border: 1px solid red;
}

/**************************************************/
/*** Für den Submitbutton Login gibt es speziell die Class 
     cloginsubmitbutton, die optional gefüllt werden kann ****/
/**************************************************/
.cloginsubmitbutton {
  margin-top: 10px;
}

/**************************************************/
/*** Sonstiges ****/
/**************************************************/
.zindex500 {
  z-index: 500;
}

.dreieck {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #666;
  display: inline-block;
  margin-left: 2px;
}

/** Helper-Classes **/
.img-scaleto100percent {
  height: 100%;
}

.imgfloat {
  margin-right: 10px;
}

/*.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}*/
/** Table Firefox Hack **/
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}

.content-min-height {
  min-height: 600px;
}

/**************************************************/
/*** Flexible iFrame ****/
/**************************************************/
.Flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*@import "cmod.style.scss";*/
/**************************************************/
/*** Elemente cShop ****/
/**************************************************/
/*@import "solomed_variables.scss";*/
.cshoperror {
  color: red;
  font-weight: 700;
}

.cshophint {
  color: #0058a2;
}

.headlineprice {
  margin: 0;
  padding: 0;
}

.textalignright {
  text-align: right;
}

.shop-divider {
  margin-top: 0;
  background-color: #0058a2;
  padding: 2px 10px;
  color: #fff;
}

.shop-color {
  float: left;
  margin-right: 5px;
}

.shop-colorbox {
  width: 20px;
  height: 20px;
}

.shop-colortext {
  width: 60%;
}

.shop-colorinput {
  width: 35%;
  text-align: right;
}

.shop-colorinputfield {
  width: 40px;
}

.shop-listtitle {
  font-weight: 700;
  margin-bottom: 5px;
}

.shop-colorresultfield {
  border: none;
  width: 60px;
  margin-right: 5px;
}

.relations {
  position: relative;
  margin-left: 3%;
  float: left;
  border: 1px solid #dcdcdc;
  padding: 3px;
  font-size: 12px;
  margin-bottom: 5px;
}

.relations:first-child {
  margin-left: 0;
}

.mainlink {
  position: absolute;
  width: 98%;
  height: 93%;
  z-index: 2;
}

.relations .image {
  width: auto;
  margin-right: 5px;
  float: left;
  z-index: 1;
}

.customergroup3label {
  background-image: url(images/stempel_grau_100.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.customergroup3labelsmall {
  background-size: 40px;
}

.customergroup3labelbig {
  position: absolute;
  top: 2px;
  left: 17px;
  width: 70px;
  height: 70px;
  background-size: 70px;
  z-index: 2;
}

/* Anzeige Relations */
.relations .text {
  width: 65%;
  float: left;
  z-index: 1;
}

.relations .text .strong {
  font-weight: 700;
}

.relations .link {
  width: auto;
  float: right;
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: 1;
}

.categorylisting {
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
  min-width: 300px;
  height: 90px;
  overflow: hidden;
}

.categorylistingasline {
  width: auto;
  margin-left: 0px;
  height: auto;
  margin-bottom: 10px;
}

.categorylistingaslineimage {
  margin-right: 20px;
}

.fittings {
  width: 100%;
  margin-left: 0;
}

.upselling, .crossselling {
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
}

.categorypreview {
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
  border: 1px solid #dcdcdc;
  padding: 10px;
  float: left;
  margin-bottom: 10px;
  height: auto !important;
  min-height: 180px;
}

.error-iban {
  font-weight: 700;
}

@media screen and (min-width: 992px) {
  .upselling, .crossselling, .categorylisting {
    width: 30%;
  }
  .categorypreview {
    width: 45%;
  }
}

/* Solomed */
.bgcolorweiss {
  background-color: #ffffff;
}

.bgcolorrot {
  background-color: #e2001a;
}

.bgcolororange {
  background-color: #0058a2;
}

.bgcolorgelb {
  background-color: #ffdd00;
}

.bgcolorgruen {
  background-color: #009e61;
}

.bgcolortuerkis {
  background-color: #39a9dc;
}

.bgcolorblau {
  background-color: #3c5a9e;
}

.bgcolorviolett {
  background-color: #803689;
}

.bgcolormagenta {
  background-color: #e2007a;
}

.bgcolorgrau {
  background-color: #87888a;
}

.bgcolorschwarz {
  background-color: #000000;
}

.bgcolorbraun {
  background-color: #915e36;
}

.bgcoloranthrazit {
  background-color: #9d9d9c;
}

.bgcolororangetransparent {
  background-color: #f5d572;
}

.bgcolorblautransparent {
  background-color: #adbcdf;
}

.colorweiss {
  color: #ffffff;
}

.colorrot {
  color: #e2001a;
}

.colororange {
  color: #0058a2;
}

.colorgelb {
  color: #ffdd00;
}

.colorgruen {
  color: #009e61;
}

.colortuerkis {
  color: #39a9dc;
}

.colordunkelblau {
  color: #3c5a9e;
}

.colorviolett {
  color: #803689;
}

.colormagenta {
  color: #e2007a;
}

.colorgrau {
  color: #87888a;
}

.colorschwarz {
  color: #000000;
}

.colorbraun {
  color: #915e36;
}

.borderall-lightgrey {
  border: 1px solid #dcdcdc;
}

.borderall-middlegrey {
  border: 1px solid #b5b5b5;
}

.borderall-darkgrey {
  border: 1px solid #999;
}

.margin-bottom-small {
  margin-bottom: 5px;
}

.cleartrennerattribute {
  border-bottom: 1px solid #dcdcdc;
  margin-left: 3%;
  width: 94%;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
}

.margin-bottom-medium {
  margin-bottom: 15px;
}

.medal-sm {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.medal-bronze {
  background-image: url(images/medal-bronze);
}

.medal-silver {
  background-image: url(images/medal-silver);
}

.medal-gold {
  background-image: url(images/medal-gold);
}

/* Layout datepicker */
.datepicker {
  /*  padding: 4px;
  border-radius: 4px;
  color: #222222;*/
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker > div {
  display: none;
}

.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}

.datepicker table {
  margin: 5px 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker table > tbody > tr > td,
.datepicker table > thead > tr > td,
.datepicker table > tbody > tr > th,
.datepicker table > thead > tr > th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #f5f5f5;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #aaaaaa;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #aaaaaa;
  cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.focus,
.datepicker table tr td.today:hover.focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:hover.focus {
  color: #000000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover {
  color: #000000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.today,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today:hover:active:hover,
.datepicker table tr td.today.disabled:active:hover,
.datepicker table tr td.today.disabled:hover:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:hover.active:hover,
.datepicker table tr td.today.disabled.active:hover,
.datepicker table tr td.today.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.open > .dropdown-toggle.datepicker table tr td.today:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:hover:active:focus,
.datepicker table tr td.today.disabled:active:focus,
.datepicker table tr td.today.disabled:hover:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:hover.active:focus,
.datepicker table tr td.today.disabled.active:focus,
.datepicker table tr td.today.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.today:focus,
.open > .dropdown-toggle.datepicker table tr td.today:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:hover:active.focus,
.datepicker table tr td.today.disabled:active.focus,
.datepicker table tr td.today.disabled:hover:active.focus,
.datepicker table tr td.today.active.focus,
.datepicker table tr td.today:hover.active.focus,
.datepicker table tr td.today.disabled.active.focus,
.datepicker table tr td.today.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.today.focus,
.open > .dropdown-toggle.datepicker table tr td.today:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover.focus {
  color: #000000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.today,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today:hover.disabled.focus,
.datepicker table tr td.today.disabled.disabled.focus,
.datepicker table tr td.today.disabled:hover.disabled.focus,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today:hover[disabled].focus,
.datepicker table tr td.today.disabled[disabled].focus,
.datepicker table tr td.today.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:hover.focus,
fieldset[disabled] .datepicker table tr td.today.disabled.focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today .badge,
.datepicker table tr td.today:hover .badge,
.datepicker table tr td.today.disabled .badge,
.datepicker table tr td.today.disabled:hover .badge {
  color: #ffdb99;
  background-color: #000000;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #f5f5f5;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #facd7b;
  border-color: #f6a818;
  border-radius: 0;
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:hover.focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:hover.focus {
  color: #000000;
  background-color: #f8ba49;
  border-color: #8a5b05;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover {
  color: #000000;
  background-color: #f8ba49;
  border-color: #ca8508;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.range.today,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f8ba49;
  border-color: #ca8508;
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today:hover:active:hover,
.datepicker table tr td.range.today.disabled:active:hover,
.datepicker table tr td.range.today.disabled:hover:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:hover.active:hover,
.datepicker table tr td.range.today.disabled.active:hover,
.datepicker table tr td.range.today.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today:hover:active:focus,
.datepicker table tr td.range.today.disabled:active:focus,
.datepicker table tr td.range.today.disabled:hover:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:hover.active:focus,
.datepicker table tr td.range.today.disabled.active:focus,
.datepicker table tr td.range.today.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today:hover:active.focus,
.datepicker table tr td.range.today.disabled:active.focus,
.datepicker table tr td.range.today.disabled:hover:active.focus,
.datepicker table tr td.range.today.active.focus,
.datepicker table tr td.range.today:hover.active.focus,
.datepicker table tr td.range.today.disabled.active.focus,
.datepicker table tr td.range.today.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover.focus {
  color: #000000;
  background-color: #f7ad27;
  border-color: #8a5b05;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.range.today,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today:hover.disabled.focus,
.datepicker table tr td.range.today.disabled.disabled.focus,
.datepicker table tr td.range.today.disabled:hover.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today:hover[disabled].focus,
.datepicker table tr td.range.today.disabled[disabled].focus,
.datepicker table tr td.range.today.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:hover.focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled.focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus {
  background-color: #facd7b;
  border-color: #f6a818;
}

.datepicker table tr td.range.today .badge,
.datepicker table tr td.range.today:hover .badge,
.datepicker table tr td.range.today.disabled .badge,
.datepicker table tr td.range.today.disabled:hover .badge {
  color: #facd7b;
  background-color: #000000;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #aaaaaa;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected:hover.focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:hover.focus {
  color: #ffffff;
  background-color: #919191;
  border-color: #151515;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover {
  color: #ffffff;
  background-color: #919191;
  border-color: #363636;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #919191;
  border-color: #363636;
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected:hover:active:hover,
.datepicker table tr td.selected.disabled:active:hover,
.datepicker table tr td.selected.disabled:hover:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected:hover.active:hover,
.datepicker table tr td.selected.disabled.active:hover,
.datepicker table tr td.selected.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected:hover:active:focus,
.datepicker table tr td.selected.disabled:active:focus,
.datepicker table tr td.selected.disabled:hover:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected:hover.active:focus,
.datepicker table tr td.selected.disabled.active:focus,
.datepicker table tr td.selected.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.selected:focus,
.open > .dropdown-toggle.datepicker table tr td.selected:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected:hover:active.focus,
.datepicker table tr td.selected.disabled:active.focus,
.datepicker table tr td.selected.disabled:hover:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected:hover.active.focus,
.datepicker table tr td.selected.disabled.active.focus,
.datepicker table tr td.selected.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.focus,
.open > .dropdown-toggle.datepicker table tr td.selected:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover.focus {
  color: #ffffff;
  background-color: #7f7f7f;
  border-color: #151515;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected:hover.disabled.focus,
.datepicker table tr td.selected.disabled.disabled.focus,
.datepicker table tr td.selected.disabled:hover.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected:hover[disabled].focus,
.datepicker table tr td.selected.disabled[disabled].focus,
.datepicker table tr td.selected.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected:hover.focus,
fieldset[disabled] .datepicker table tr td.selected.disabled.focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus {
  background-color: #aaaaaa;
  border-color: #555555;
}

.datepicker table tr td.selected .badge,
.datepicker table tr td.selected:hover .badge,
.datepicker table tr td.selected.disabled .badge,
.datepicker table tr td.selected.disabled:hover .badge {
  color: #aaaaaa;
  background-color: #ffffff;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #1ca8dd;
  border-color: #1997c6;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:hover.focus {
  color: #ffffff;
  background-color: #1686b0;
  border-color: #0b4155;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover {
  color: #ffffff;
  background-color: #1686b0;
  border-color: #126e90;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #1686b0;
  border-color: #126e90;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active:hover:active:hover,
.datepicker table tr td.active.disabled:active:hover,
.datepicker table tr td.active.disabled:hover:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active:hover.active:hover,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:hover:active:focus,
.datepicker table tr td.active.disabled:active:focus,
.datepicker table tr td.active.disabled:hover:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active:hover.active:focus,
.datepicker table tr td.active.disabled.active:focus,
.datepicker table tr td.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:hover:active.focus,
.datepicker table tr td.active.disabled:active.focus,
.datepicker table tr td.active.disabled:hover:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active:hover.active.focus,
.datepicker table tr td.active.disabled.active.focus,
.datepicker table tr td.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus {
  color: #ffffff;
  background-color: #126e90;
  border-color: #0b4155;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active:hover.disabled.focus,
.datepicker table tr td.active.disabled.disabled.focus,
.datepicker table tr td.active.disabled:hover.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active:hover[disabled].focus,
.datepicker table tr td.active.disabled[disabled].focus,
.datepicker table tr td.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active:hover.focus,
fieldset[disabled] .datepicker table tr td.active.disabled.focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus {
  background-color: #1ca8dd;
  border-color: #1997c6;
}

.datepicker table tr td.active .badge,
.datepicker table tr td.active:hover .badge,
.datepicker table tr td.active.disabled .badge,
.datepicker table tr td.active.disabled:hover .badge {
  color: #1ca8dd;
  background-color: #ffffff;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #f5f5f5;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #aaaaaa;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #1ca8dd;
  border-color: #1997c6;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #ffffff;
  background-color: #1686b0;
  border-color: #0b4155;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #ffffff;
  background-color: #1686b0;
  border-color: #126e90;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #1686b0;
  border-color: #126e90;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus {
  color: #ffffff;
  background-color: #126e90;
  border-color: #0b4155;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #1ca8dd;
  border-color: #1997c6;
}

.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
  color: #1ca8dd;
  background-color: #ffffff;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #aaaaaa;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #f5f5f5;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent;
}