/**** START Automatisch erstellte Datei (getScssFromDatabase) 2025-08-08 09:57:22, bitte keine Änderungen hinterlegen!!!!!! ***/
/**** START Variables ***/
/* Fallback for sad browsers */
/* Fallback for sad browsers */
/**** START Mixins ***/
/*! debug-mixin: cssSet10_bgColor1; */
/*! debug-mixin: cssSet10_bgColor2; */
/*! debug-mixin: cssSet10_bgColor3; */
/*! debug-mixin: cssSet10_color1; */
/*! debug-mixin: cssSet10_color2; */
/*! debug-mixin: cssSet10_color3; */
/*! debug-mixin: cssSet11_bgColor1; */
/*! debug-mixin: cssSet11_bgColor2; */
/*! debug-mixin: cssSet11_bgColor3; */
/*! debug-mixin: cssSet11_borderColor2; */
/*! debug-mixin: cssSet11_borderColor3; */
/*! debug-mixin: cssSet11_color1; */
/*! debug-mixin: cssSet11_color2; */
/*! debug-mixin: cssSet11_color3; */
/*! debug-mixin: cssSet12_bgColor1; */
/*! debug-mixin: cssSet12_bgColor2; */
/*! debug-mixin: cssSet12_bgColor3; */
/*! debug-mixin: cssSet12_bgColor4; */
/*! debug-mixin: cssSet12_borderColor2; */
/*! debug-mixin: cssSet12_color1; */
/*! debug-mixin: cssSet12_color2; */
/*! debug-mixin: cssSet12_color3; */
/*! debug-mixin: cssSet12_color4; */
/*! debug-mixin: cssSet13_bgColor1; */
/*! debug-mixin: cssSet13_bgColor2; */
/*! debug-mixin: cssSet13_bgColor3; */
/*! debug-mixin: cssSet13_bgColor4; */
/*! debug-mixin: cssSet13_bgColor7; */
/*! debug-mixin: cssSet13_borderColor2; */
/*! debug-mixin: cssSet13_borderColor3; */
/*! debug-mixin: cssSet13_borderColor4; */
/*! debug-mixin: cssSet13_color1; */
/*! debug-mixin: cssSet13_color2; */
/*! debug-mixin: cssSet13_color3; */
/*! debug-mixin: cssSet13_color4; */
/*! debug-mixin: cssSet13_color5; */
/*! debug-mixin: cssSet13_color6; */
/*! debug-mixin: cssSet13_color7; */
/*! debug-mixin: cssSet14_bgColor1; */
/*! debug-mixin: cssSet14_bgColor2; */
/*! debug-mixin: cssSet14_bgColor4; */
/*! debug-mixin: cssSet14_borderColor2; */
/*! debug-mixin: cssSet14_color1; */
/*! debug-mixin: cssSet14_color2; */
/*! debug-mixin: cssSet14_color3; */
/*! debug-mixin: cssSet14_color4; */
/*! debug-mixin: cssSet15_bgColor1; */
/*! debug-mixin: cssSet15_bgColor2; */
/*! debug-mixin: cssSet15_bgColor3; */
/*! debug-mixin: cssSet15_bgColor4; */
/*! debug-mixin: cssSet15_borderColor4; */
/*! debug-mixin: cssSet15_color1; */
/*! debug-mixin: cssSet15_color2; */
/*! debug-mixin: cssSet15_color3; */
/*! debug-mixin: cssSet15_color4; */
/*! debug-mixin: cssSet16_bgColor1; */
/*! debug-mixin: cssSet16_bgColor2; */
/*! debug-mixin: cssSet16_bgColor3; */
/*! debug-mixin: cssSet16_borderColor3; */
/*! debug-mixin: cssSet16_color1; */
/*! debug-mixin: cssSet16_color2; */
/*! debug-mixin: cssSet16_color3; */
/*! debug-mixin: cssSet17_bgColor1; */
/*! debug-mixin: cssSet17_bgColor2; */
/*! debug-mixin: cssSet17_color1; */
/*! debug-mixin: cssSet17_color2; */
/*! debug-mixin: cssSet18_bgColor1; */
/*! debug-mixin: cssSet18_color1; */
/*! debug-mixin: cssSet19_bgColor1; */
/*! debug-mixin: cssSet19_bgColor2; */
/*! debug-mixin: cssSet19_color1; */
/*! debug-mixin: cssSet19_color2; */
/*! debug-mixin: cssSet1_bgColor1; */
/*! debug-mixin: cssSet1_bgColor2; */
/*! debug-mixin: cssSet1_color1; */
/*! debug-mixin: cssSet1_color2; */
/*! debug-mixin: cssSet20_bgColor1; */
/*! debug-mixin: cssSet20_bgColor2; */
/*! debug-mixin: cssSet20_bgColor3; */
/*! debug-mixin: cssSet20_bgColor4; */
/*! debug-mixin: cssSet20_color1; */
/*! debug-mixin: cssSet20_color2; */
/*! debug-mixin: cssSet20_color3; */
/*! debug-mixin: cssSet20_color4; */
/*! debug-mixin: cssSet2_bgColor1; */
/*! debug-mixin: cssSet2_bgColor2; */
/*! debug-mixin: cssSet2_bgColor3; */
/*! debug-mixin: cssSet2_color1; */
/*! debug-mixin: cssSet2_color2; */
/*! debug-mixin: cssSet2_color3; */
/*! debug-mixin: cssSet3_bgColor1; */
/*! debug-mixin: cssSet3_bgColor2; */
/*! debug-mixin: cssSet4_bgColor1; */
/*! debug-mixin: cssSet4_bgColor2; */
/*! debug-mixin: cssSet4_bgColor3; */
/*! debug-mixin: cssSet4_bgColor4; */
/*! debug-mixin: cssSet4_bgColor5; */
/*! debug-mixin: cssSet4_bgColor6; */
/*! debug-mixin: cssSet4_bgColor7; */
/*! debug-mixin: cssSet4_color1; */
/*! debug-mixin: cssSet4_color2; */
/*! debug-mixin: cssSet4_color3; */
/*! debug-mixin: cssSet4_color4; */
/*! debug-mixin: cssSet4_color5; */
/*! debug-mixin: cssSet4_color6; */
/*! debug-mixin: cssSet4_color7; */
/*! debug-mixin: cssSet50_bgColor; */
/*! debug-mixin: cssSet50_bgColor1; */
/*! debug-mixin: cssSet50_bgColor2; */
/*! debug-mixin: cssSet50_bgColor3; */
/*! debug-mixin: cssSet50_bgColor4; */
/*! debug-mixin: cssSet50_color; */
/*! debug-mixin: cssSet50_color1; */
/*! debug-mixin: cssSet50_color2; */
/*! debug-mixin: cssSet50_color3; */
/*! debug-mixin: cssSet50_color4; */
/*! debug-mixin: cssSet5_borderRadius1; */
/*! debug-mixin: cssSet5_borderRadius2; */
/*! debug-mixin: cssSet5_borderRadius3; */
/*! debug-mixin: cssSet5_borderRadius4; */
/*! debug-mixin: cssSet6_bgColor1; */
/*! debug-mixin: cssSet6_bgColor2; */
/*! debug-mixin: cssSet6_color1; */
/*! debug-mixin: cssSet6_color2; */
/*! debug-mixin: cssSet6_color3; */
/*! debug-mixin: cssSet7_bgColor1; */
/*! debug-mixin: cssSet7_bgColor2; */
/*! debug-mixin: cssSet7_borderColor2; */
/*! debug-mixin: cssSet7_color1; */
/*! debug-mixin: cssSet7_color2; */
/*! debug-mixin: cssSet8_bgColor1; */
/*! debug-mixin: cssSet8_bgColor2; */
/*! debug-mixin: cssSet8_bgColor3; */
/*! debug-mixin: cssSet8_color1; */
/*! debug-mixin: cssSet8_color2; */
/*! debug-mixin: cssSet8_color3; */
/*! debug-mixin: cssSet9_bgColor1; */
/*! debug-mixin: cssSet9_bgColor2; */
/*! debug-mixin: cssSet9_borderColor2; */
/*! debug-mixin: cssSet9_color1; */
/*! debug-mixin: cssSet9_color2; */
/*! debug-mixin: cssSet9_color3; */
/*! debug-mixin: cssSet10-1; */
/*! background-color: $cssSet10_bgColor1; */
/*! debug-mixin: cssSet10-2; */
/*! background-color: $cssSet10_bgColor2; */
/*! debug-mixin: cssSet10-3; */
/*! background-color: $cssSet10_bgColor3; */
/*! debug-mixin: cssSet11-1; */
/*! background-color: $cssSet11_bgColor1; */
/*! debug-mixin: cssSet11-2; */
/*! background-color: $cssSet11_bgColor2; */
/*! debug-mixin: cssSet11-3; */
/*! background-color: $cssSet11_bgColor3; */
/*! debug-mixin: cssSet12-1; */
/*! background-color: $cssSet12_bgColor1; */
/*! debug-mixin: cssSet12-2; */
/*! background-color: $cssSet12_bgColor2; */
/*! debug-mixin: cssSet12-3; */
/*! background-color: $cssSet12_bgColor3; */
/*! debug-mixin: cssSet12-4; */
/*! background-color: $cssSet12_bgColor4; */
/*! debug-mixin: cssSet13-1; */
/*! background-color: $cssSet13_bgColor1; */
/*! debug-mixin: cssSet13-2; */
/*! background-color: $cssSet13_bgColor2; */
/*! debug-mixin: cssSet13-3; */
/*! background-color: $cssSet13_bgColor3; */
/*! debug-mixin: cssSet13-4; */
/*! background-color: $cssSet13_bgColor4; */
/*! debug-mixin: cssSet13-7; */
/*! background-color: $cssSet13_bgColor7; */
/*! debug-mixin: cssSet13-5; */
/*! color: $cssSet13_color5; */
/*! debug-mixin: cssSet13-6; */
/*! color: $cssSet13_color6; */
/*! debug-mixin: cssSet14-1; */
/*! background-color: $cssSet14_bgColor1; */
/*! debug-mixin: cssSet14-2; */
/*! background-color: $cssSet14_bgColor2; */
/*! debug-mixin: cssSet14-4; */
/*! background-color: $cssSet14_bgColor4; */
/*! debug-mixin: cssSet14-3; */
/*! color: $cssSet14_color3; */
/*! debug-mixin: cssSet15-1; */
/*! background-color: $cssSet15_bgColor1; */
/*! debug-mixin: cssSet15-2; */
/*! background-color: $cssSet15_bgColor2; */
/*! debug-mixin: cssSet15-3; */
/*! background-color: $cssSet15_bgColor3; */
/*! debug-mixin: cssSet15-4; */
/*! background-color: $cssSet15_bgColor4; */
/*! debug-mixin: cssSet16-1; */
/*! background-color: $cssSet16_bgColor1; */
/*! debug-mixin: cssSet16-2; */
/*! background-color: $cssSet16_bgColor2; */
/*! debug-mixin: cssSet16-3; */
/*! background-color: $cssSet16_bgColor3; */
/*! debug-mixin: cssSet17-1; */
/*! background-color: $cssSet17_bgColor1; */
/*! debug-mixin: cssSet17-2; */
/*! background-color: $cssSet17_bgColor2; */
/*! debug-mixin: cssSet18-1; */
/*! background-color: $cssSet18_bgColor1; */
/*! debug-mixin: cssSet19-1; */
/*! background-color: $cssSet19_bgColor1; */
/*! debug-mixin: cssSet19-2; */
/*! background-color: $cssSet19_bgColor2; */
/*! debug-mixin: cssSet1-1; */
/*! background-color: $cssSet1_bgColor1; */
/*! debug-mixin: cssSet1-2; */
/*! background-color: $cssSet1_bgColor2; */
/*! debug-mixin: cssSet20-1; */
/*! background-color: $cssSet20_bgColor1; */
/*! debug-mixin: cssSet20-2; */
/*! background-color: $cssSet20_bgColor2; */
/*! debug-mixin: cssSet20-3; */
/*! background-color: $cssSet20_bgColor3; */
/*! debug-mixin: cssSet20-4; */
/*! background-color: $cssSet20_bgColor4; */
/*! debug-mixin: cssSet2-1; */
/*! background-color: $cssSet2_bgColor1; */
/*! debug-mixin: cssSet2-2; */
/*! background-color: $cssSet2_bgColor2; */
/*! debug-mixin: cssSet2-3; */
/*! background-color: $cssSet2_bgColor3; */
/*! debug-mixin: cssSet3-1; */
/*! background-color: $cssSet3_bgColor1; */
/*! debug-mixin: cssSet3-2; */
/*! background-color: $cssSet3_bgColor2; */
/*! debug-mixin: cssSet4-1; */
/*! background-color: $cssSet4_bgColor1; */
/*! debug-mixin: cssSet4-2; */
/*! background-color: $cssSet4_bgColor2; */
/*! debug-mixin: cssSet4-3; */
/*! background-color: $cssSet4_bgColor3; */
/*! debug-mixin: cssSet4-4; */
/*! background-color: $cssSet4_bgColor4; */
/*! debug-mixin: cssSet4-5; */
/*! background-color: $cssSet4_bgColor5; */
/*! debug-mixin: cssSet4-6; */
/*! background-color: $cssSet4_bgColor6; */
/*! debug-mixin: cssSet4-7; */
/*! background-color: $cssSet4_bgColor7; */
/*! debug-mixin: cssSet50; */
/*! background-color: $cssSet50_bgColor; */
/*! debug-mixin: cssSet50-1; */
/*! background-color: $cssSet50_bgColor1; */
/*! debug-mixin: cssSet50-2; */
/*! background-color: $cssSet50_bgColor2; */
/*! debug-mixin: cssSet50-3; */
/*! background-color: $cssSet50_bgColor3; */
/*! debug-mixin: cssSet50-4; */
/*! background-color: $cssSet50_bgColor4; */
/*! debug-mixin: cssSet5-1; */
/*! border-radius: $cssSet5_borderRadius1; */
/*! debug-mixin: cssSet5-2; */
/*! border-radius: $cssSet5_borderRadius2; */
/*! debug-mixin: cssSet5-3; */
/*! border-radius: $cssSet5_borderRadius3; */
/*! debug-mixin: cssSet5-4; */
/*! border-radius: $cssSet5_borderRadius4; */
/*! debug-mixin: cssSet6-1; */
/*! background-color: $cssSet6_bgColor1; */
/*! debug-mixin: cssSet6-2; */
/*! background-color: $cssSet6_bgColor2; */
/*! debug-mixin: cssSet6-3; */
/*! color: $cssSet6_color3; */
/*! debug-mixin: cssSet7-1; */
/*! background-color: $cssSet7_bgColor1; */
/*! debug-mixin: cssSet7-2; */
/*! background-color: $cssSet7_bgColor2; */
/*! debug-mixin: cssSet8-1; */
/*! background-color: $cssSet8_bgColor1; */
/*! debug-mixin: cssSet8-2; */
/*! background-color: $cssSet8_bgColor2; */
/*! debug-mixin: cssSet8-3; */
/*! background-color: $cssSet8_bgColor3; */
/*! debug-mixin: cssSet9-1; */
/*! background-color: $cssSet9_bgColor1; */
/*! debug-mixin: cssSet9-2; */
/*! background-color: $cssSet9_bgColor2; */
/*! debug-mixin: cssSet9-3; */
/*! color: $cssSet9_color3; */
/**** START Classes ***/
/* Fallback for sad browsers */
/* Fallback for sad browsers */
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
/************************** ALTES CSS START *******************/
/* Fallback for sad browsers */
/* Fallback for sad browsers */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.cssSet10_bgColor1 {
  background-color: #ff8b00; }

.cssSet10_bgColor2 {
  background-color: #5cbfeb; }

.cssSet10_bgColor3 {
  background-color: #005077; }

.cssSet10_color1 {
  color: #fff; }

.cssSet10_color2 {
  color: #fff; }

.cssSet10_color3 {
  color: #fff; }

.cssSet11_bgColor1 {
  background-color: #ff8b00; }

.cssSet11_bgColor2 {
  background-color: #5cbfeb; }

.cssSet11_bgColor3 {
  background-color: #005077; }

.cssSet11_borderColor2 {
  border-color: #005077; }

.cssSet11_borderColor3 {
  border-color: #005077; }

.cssSet11_color1 {
  color: #fff; }

.cssSet11_color2 {
  color: #fff; }

.cssSet11_color3 {
  color: #fff; }

.cssSet12_bgColor1 {
  background-color: #fff; }

.cssSet12_bgColor2 {
  background-color: #fff; }

.cssSet12_bgColor3 {
  background-color: #5cbfeb; }

.cssSet12_bgColor4 {
  background-color: #e4f5fc; }

.cssSet12_borderColor2 {
  border-color: #005077; }

.cssSet12_color1 {
  color: #005077; }

.cssSet12_color2 {
  color: #005077; }

.cssSet12_color3 {
  color: #fff; }

.cssSet12_color4 {
  color: #005077; }

.cssSet13_bgColor1 {
  background-color: #005077; }

.cssSet13_bgColor2 {
  background-color: #ff8b00; }

.cssSet13_bgColor3 {
  background-color: #fff; }

.cssSet13_bgColor4 {
  background-color: #fff; }

.cssSet13_bgColor7 {
  background-color: #e6e6e6; }

.cssSet13_borderColor2 {
  border-color: #005077; }

.cssSet13_borderColor3 {
  border-color: #005077; }

.cssSet13_borderColor4 {
  border-color: #005077; }

.cssSet13_color1 {
  color: #fff; }

.cssSet13_color2 {
  color: #fff; }

.cssSet13_color3 {
  color: #005077; }

.cssSet13_color4 {
  color: #005077; }

.cssSet13_color5 {
  color: #89d1f1; }

.cssSet13_color6 {
  color: #b00614; }

.cssSet13_color7 {
  color: #005077; }

.cssSet14_bgColor1 {
  background-color: #d2e0e6; }

.cssSet14_bgColor2 {
  background-color: #fff; }

.cssSet14_bgColor4 {
  background-color: #5cbfeb; }

.cssSet14_borderColor2 {
  border-color: #5cbfeb; }

.cssSet14_color1 {
  color: #005077; }

.cssSet14_color2 {
  color: #005077; }

.cssSet14_color3 {
  color: #89d1f1; }

.cssSet14_color4 {
  color: #fff; }

.cssSet15_bgColor1 {
  background-color: #fff; }

.cssSet15_bgColor2 {
  background-color: #e4f5fc; }

.cssSet15_bgColor3 {
  background-color: #fff; }

.cssSet15_bgColor4 {
  background-color: #fff; }

.cssSet15_borderColor4 {
  border-color: #005077; }

.cssSet15_color1 {
  color: #005077; }

.cssSet15_color2 {
  color: #005077; }

.cssSet15_color3 {
  color: #b00614; }

.cssSet15_color4 {
  color: #005077; }

.cssSet16_bgColor1 {
  background-color: #fff; }

.cssSet16_bgColor2 {
  background-color: #e4f5fc; }

.cssSet16_bgColor3 {
  background-color: #005077; }

.cssSet16_borderColor3 {
  border-color: #005077; }

.cssSet16_color1 {
  color: #005077; }

.cssSet16_color2 {
  color: #005077; }

.cssSet16_color3 {
  color: #fff; }

.cssSet17_bgColor1 {
  background-color: #fff; }

.cssSet17_bgColor2 {
  background-color: #e4f5fc; }

.cssSet17_color1 {
  color: #005077; }

.cssSet17_color2 {
  color: #005077; }

.cssSet18_bgColor1 {
  background-color: #ccc; }

.cssSet18_color1 {
  color: #005077; }

.cssSet19_bgColor1 {
  background-color: #ff8b00; }

.cssSet19_bgColor2 {
  background-color: #ffd199; }

.cssSet19_color1 {
  color: #005077; }

.cssSet19_color2 {
  color: #005077; }

.cssSet1_bgColor1 {
  background-color: #ff8b00; }

.cssSet1_bgColor2 {
  background-color: #ffd199; }

.cssSet1_color1 {
  color: #fff; }

.cssSet1_color2 {
  color: #0072aa; }

.cssSet20_bgColor1 {
  background-color: #ff8b00; }

.cssSet20_bgColor2 {
  background-color: #ffd199; }

.cssSet20_bgColor3 {
  background-color: #e4f5fc; }

.cssSet20_bgColor4 {
  background-color: transparent; }

.cssSet20_color1 {
  color: #fff; }

.cssSet20_color2 {
  color: #0072aa; }

.cssSet20_color3 {
  color: #fff; }

.cssSet20_color4 {
  color: #fff; }

.cssSet2_bgColor1 {
  background-color: #5cbfeb; }

.cssSet2_bgColor2 {
  background-color: #fff; }

.cssSet2_bgColor3 {
  background-color: #fdb8be; }

.cssSet2_color1 {
  color: #fff; }

.cssSet2_color2 {
  color: #005077; }

.cssSet2_color3 {
  color: #b00614; }

.cssSet3_bgColor1 {
  background-color: #5cbfeb; }

.cssSet3_bgColor2 {
  background-color: #005077; }

.cssSet4_bgColor1 {
  background-color: #ff8b00; }

.cssSet4_bgColor2 {
  background-color: #ff8b00; }

.cssSet4_bgColor3 {
  background-color: #15a311; }

.cssSet4_bgColor4 {
  background-color: #b00614; }

.cssSet4_bgColor5 {
  background-color: #878787; }

.cssSet4_bgColor6 {
  background-color: #2fade5; }

.cssSet4_bgColor7 {
  background-color: #fff; }

.cssSet4_color1 {
  color: #fff; }

.cssSet4_color2 {
  color: #fff; }

.cssSet4_color3 {
  color: #fff; }

.cssSet4_color4 {
  color: #fff; }

.cssSet4_color5 {
  color: #fff; }

.cssSet4_color6 {
  color: #fff; }

.cssSet4_color7 {
  color: #5cbfeb; }

.cssSet50_bgColor {
  background-color: #fff; }

.cssSet50_bgColor1 {
  background-color: #ff4f06; }

.cssSet50_bgColor2 {
  background-color: #ffc000; }

.cssSet50_bgColor3 {
  background-color: #abf5c1; }

.cssSet50_bgColor4 {
  background-color: #13b9ff; }

.cssSet50_color {
  color: #00225f; }

.cssSet50_color1 {
  color: #fff; }

.cssSet50_color2 {
  color: #000; }

.cssSet50_color3 {
  color: #000; }

.cssSet50_color4 {
  color: #000; }

.cssSet5_borderRadius1 {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px; }

.cssSet5_borderRadius2 {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px; }

.cssSet5_borderRadius3 {
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px; }

.cssSet5_borderRadius4 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.cssSet6_bgColor1 {
  background-color: #0072aa; }

.cssSet6_bgColor2 {
  background-color: #ff8b00; }

.cssSet6_color1 {
  color: #fff; }

.cssSet6_color2 {
  color: #005077; }

.cssSet6_color3 {
  color: #005077; }

.cssSet7_bgColor1 {
  background-color: #fff; }

.cssSet7_bgColor2 {
  background-color: #fff; }

.cssSet7_borderColor2 {
  border-color: #005077; }

.cssSet7_color1 {
  color: #005077; }

.cssSet7_color2 {
  color: #005077; }

.cssSet8_bgColor1 {
  background-color: #ff8b00; }

.cssSet8_bgColor2 {
  background-color: #e4f5fc; }

.cssSet8_bgColor3 {
  background-color: #ffd199; }

.cssSet8_color1 {
  color: #fff; }

.cssSet8_color2 {
  color: #005077; }

.cssSet8_color3 {
  color: #005077; }

.cssSet9_bgColor1 {
  background-color: #005077; }

.cssSet9_bgColor2 {
  background-color: #005077; }

.cssSet9_borderColor2 {
  border-color: #5cbfeb; }

.cssSet9_color1 {
  color: #fff; }

.cssSet9_color2 {
  color: #fff; }

.cssSet9_color3 {
  color: #ccc; }

.cssSet10-1 {
  /*! color: $cssSet10_color1; */
  background-color: #ff8b00;
  color: #fff; }

.cssSet10-2 {
  /*! color: $cssSet10_color2; */
  background-color: #5cbfeb;
  color: #fff; }

.cssSet10-3 {
  /*! color: $cssSet10_color3; */
  background-color: #005077;
  color: #fff; }

.cssSet11-1 {
  /*! color: $cssSet11_color1; */
  background-color: #ff8b00;
  color: #fff; }

.cssSet11-2 {
  /*! border: $cssSet11_borderColor2; */
  background-color: #5cbfeb;
  /*! color: $cssSet11_color2; */
  border: 1px solid #005077;
  color: #fff; }

.cssSet11-3 {
  /*! border: $cssSet11_borderColor3; */
  background-color: #005077;
  /*! color: $cssSet11_color3; */
  border: 1px solid #005077;
  color: #fff; }

.cssSet12-1 {
  /*! color: $cssSet12_color1; */
  background-color: #fff;
  color: #005077; }

.cssSet12-2 {
  /*! border: $cssSet12_borderColor2; */
  background-color: #fff;
  /*! color: $cssSet12_color2; */
  border: 1px solid #005077;
  color: #005077; }

.cssSet12-3 {
  /*! color: $cssSet12_color3; */
  background-color: #5cbfeb;
  color: #fff; }

.cssSet12-4 {
  /*! color: $cssSet12_color4; */
  background-color: #e4f5fc;
  color: #005077; }

.cssSet13-1 {
  /*! color: $cssSet13_color1; */
  background-color: #005077;
  color: #fff; }

.cssSet13-2 {
  /*! border: $cssSet13_borderColor2; */
  background-color: #ff8b00;
  /*! color: $cssSet13_color2; */
  border: 1px solid #005077;
  color: #fff; }

.cssSet13-3 {
  /*! border: $cssSet13_borderColor3; */
  background-color: #fff;
  /*! color: $cssSet13_color3; */
  border: 1px solid #005077;
  color: #005077; }

.cssSet13-4 {
  /*! border: $cssSet13_borderColor4; */
  background-color: #fff;
  /*! color: $cssSet13_color4; */
  border: 1px solid #005077;
  color: #005077; }

.cssSet13-7 {
  /*! color: $cssSet13_color7; */
  background-color: #e6e6e6;
  color: #005077; }

.cssSet13-5 {
  color: #89d1f1; }

.cssSet13-6 {
  color: #b00614; }

.cssSet14-1 {
  /*! color: $cssSet14_color1; */
  background-color: #d2e0e6;
  color: #005077; }

.cssSet14-2 {
  /*! border: $cssSet14_borderColor2; */
  background-color: #fff;
  /*! color: $cssSet14_color2; */
  border: 1px solid #5cbfeb;
  color: #005077; }

.cssSet14-4 {
  /*! color: $cssSet14_color4; */
  background-color: #5cbfeb;
  color: #fff; }

.cssSet14-3 {
  color: #89d1f1; }

.cssSet15-1 {
  /*! color: $cssSet15_color1; */
  background-color: #fff;
  color: #005077; }

.cssSet15-2 {
  /*! color: $cssSet15_color2; */
  background-color: #e4f5fc;
  color: #005077; }

.cssSet15-3 {
  /*! color: $cssSet15_color3; */
  background-color: #fff;
  color: #b00614; }

.cssSet15-4 {
  /*! border: $cssSet15_borderColor4; */
  background-color: #fff;
  /*! color: $cssSet15_color4; */
  border: 1px solid #005077;
  color: #005077; }

.cssSet16-1 {
  /*! color: $cssSet16_color1; */
  background-color: #fff;
  color: #005077; }

.cssSet16-2 {
  /*! color: $cssSet16_color2; */
  background-color: #e4f5fc;
  color: #005077; }

.cssSet16-3 {
  /*! border: $cssSet16_borderColor3; */
  background-color: #005077;
  /*! color: $cssSet16_color3; */
  border: 1px solid #005077;
  color: #fff; }

.cssSet17-1 {
  /*! color: $cssSet17_color1; */
  background-color: #fff;
  color: #005077; }

.cssSet17-2 {
  /*! color: $cssSet17_color2; */
  background-color: #e4f5fc;
  color: #005077; }

.cssSet18-1 {
  /*! color: $cssSet18_color1; */
  background-color: #ccc;
  color: #005077; }

.cssSet19-1 {
  /*! color: $cssSet19_color1; */
  background-color: #ff8b00;
  color: #005077; }

.cssSet19-2 {
  /*! color: $cssSet19_color2; */
  background-color: #ffd199;
  color: #005077; }

.cssSet1-1 {
  /*! color: $cssSet1_color1; */
  background-color: #ff8b00;
  color: #fff; }

.cssSet1-2 {
  /*! color: $cssSet1_color2; */
  background-color: #ffd199;
  color: #0072aa; }

.cssSet20-1 {
  /*! color: $cssSet20_color1; */
  background-color: #ff8b00;
  color: #fff; }

.cssSet20-2 {
  /*! color: $cssSet20_color2; */
  background-color: #ffd199;
  color: #0072aa; }

.cssSet20-3 {
  /*! color: $cssSet20_color3; */
  background-color: #e4f5fc;
  color: #fff; }

.cssSet20-4 {
  /*! color: $cssSet20_color4; */
  background-color: transparent;
  color: #fff; }

.cssSet2-1 {
  /*! color: $cssSet2_color1; */
  background-color: #5cbfeb;
  color: #fff; }

.cssSet2-2 {
  /*! color: $cssSet2_color2; */
  background-color: #fff;
  color: #005077; }

.cssSet2-3 {
  /*! color: $cssSet2_color3; */
  background-color: #fdb8be;
  color: #b00614; }

.cssSet3-1 {
  background-color: #5cbfeb; }

.cssSet3-2 {
  background-color: #005077; }

.cssSet4-1 {
  /*! color: $cssSet4_color1; */
  background-color: #ff8b00;
  color: #fff; }

.cssSet4-2 {
  /*! color: $cssSet4_color2; */
  background-color: #ff8b00;
  color: #fff; }

.cssSet4-3 {
  /*! color: $cssSet4_color3; */
  background-color: #15a311;
  color: #fff; }

.cssSet4-4 {
  /*! color: $cssSet4_color4; */
  background-color: #b00614;
  color: #fff; }

.cssSet4-5 {
  /*! color: $cssSet4_color5; */
  background-color: #878787;
  color: #fff; }

.cssSet4-6 {
  /*! color: $cssSet4_color6; */
  background-color: #2fade5;
  color: #fff; }

.cssSet4-7 {
  /*! color: $cssSet4_color7; */
  background-color: #fff;
  color: #5cbfeb; }

.cssSet50 {
  /*! color: $cssSet50_color; */
  background-color: #fff;
  color: #00225f; }

.cssSet50-1 {
  /*! color: $cssSet50_color1; */
  background-color: #ff4f06;
  color: #fff; }

.cssSet50-2 {
  /*! color: $cssSet50_color2; */
  background-color: #ffc000;
  color: #000; }

.cssSet50-3 {
  /*! color: $cssSet50_color3; */
  background-color: #abf5c1;
  color: #000; }

.cssSet50-4 {
  /*! color: $cssSet50_color4; */
  background-color: #13b9ff;
  color: #000; }

.cssSet5-1 {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px; }

.cssSet5-2 {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px; }

.cssSet5-3 {
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px; }

.cssSet5-4 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.cssSet6-1 {
  /*! color: $cssSet6_color1; */
  background-color: #0072aa;
  color: #fff; }

.cssSet6-2 {
  /*! color: $cssSet6_color2; */
  background-color: #ff8b00;
  color: #005077; }

.cssSet6-3 {
  color: #005077; }

.cssSet7-1 {
  /*! color: $cssSet7_color1; */
  background-color: #fff;
  color: #005077; }

.cssSet7-2 {
  /*! border: $cssSet7_borderColor2; */
  background-color: #fff;
  /*! color: $cssSet7_color2; */
  border: 1px solid #005077;
  color: #005077; }

.cssSet8-1 {
  /*! color: $cssSet8_color1; */
  background-color: #ff8b00;
  color: #fff; }

.cssSet8-2 {
  /*! color: $cssSet8_color2; */
  background-color: #e4f5fc;
  color: #005077; }

.cssSet8-3 {
  /*! color: $cssSet8_color3; */
  background-color: #ffd199;
  color: #005077; }

.cssSet9-1 {
  /*! color: $cssSet9_color1; */
  background-color: #005077;
  color: #fff; }

.cssSet9-2 {
  /*! border: $cssSet9_borderColor2; */
  background-color: #005077;
  /*! color: $cssSet9_color2; */
  border: 1px solid #5cbfeb;
  color: #fff; }

.cssSet9-3 {
  color: #ccc;
  /**** START Functions ***/ }

body {
  background-color: #d2e0e6; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.search .fa-eraser {
  cursor: pointer;
  margin-right: 10px; }

.height-auto {
  height: auto;
  max-width: 100%; }

.h3PromotionSel {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 3px; }

.deckCategoryLabel {
  background-color: #d7e5ee;
  background-color: white;
  background-color: #d5f3ff;
  padding: 10px;
  margin-top: 10px; }
  .deckCategoryLabel .Label {
    width: 30px;
    height: 15px;
    float: left;
    margin-right: 10px; }
  .deckCategoryLabel h4 {
    width: 100%;
    white-space: nowrap; }

.callbackWrapper .headerMsg, .callbackErrorWrapper .headerMsg, .callbackConfirmWrapper .headerMsg {
  padding: 5px;
  /*! color: $cssSet9_color1; */
  background-color: #005077;
  color: #fff; }
  .callbackWrapper .callbackFormElement, .callbackErrorWrapper .callbackFormElement, .callbackConfirmWrapper .callbackFormElement {
    padding: 5px 0px 5px 10px; }
  .callbackWrapper .errorItems, .callbackErrorWrapper .errorItems, .callbackConfirmWrapper .errorItems {
    padding: 10px; }
  .callbackWrapper .Button, .callbackWrapper .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters .callbackWrapper .button.search, .callbackWrapper .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias .callbackWrapper .btnCruisesFiltersToogle, .callbackErrorWrapper .Button, .callbackErrorWrapper .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters .callbackErrorWrapper .button.search, .callbackErrorWrapper .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias .callbackErrorWrapper .btnCruisesFiltersToogle, .callbackConfirmWrapper .Button, .callbackConfirmWrapper .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters .callbackConfirmWrapper .button.search, .callbackConfirmWrapper .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias .callbackConfirmWrapper .btnCruisesFiltersToogle {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    display: inline-block;
    text-decoration: none; }
  .callbackWrapper input, .callbackErrorWrapper input, .callbackConfirmWrapper input {
    color: black; }
  .callbackWrapper .callback_tel_land, .callbackErrorWrapper .callback_tel_land, .callbackConfirmWrapper .callback_tel_land {
    width: 33px; }

.message {
  padding: 5px;
  /*! color: $cssSet50_color; */
  background-color: #fff;
  color: #00225f; }
  .message.error {
    /*! color: $cssSet50_color1; */
    background-color: #ff4f06;
    color: #fff; }
  .message.info {
    /*! color: $cssSet50_color2; */
    background-color: #ffc000;
    color: #000; }
  .message.ok {
    /*! color: $cssSet50_color3; */
    background-color: #abf5c1;
    color: #000; }
  .message.schoetex {
    /*! color: $cssSet50_color4; */
    background-color: #13b9ff;
    color: #000; }

.Btn_Wrapper.btnPreviewBooking {
  float: right; }
  .Btn_Wrapper.btnConfirmed {
    float: right; }

.Button, .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle {
  padding: 0px 10px 0px 6px;
  height: 30px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  line-height: 30px; }
  .Button i, .cruisesFiltersWrapper > .cruisesFilters .button.search i, .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle i {
    vertical-align: middle; }
  .Button span, .cruisesFiltersWrapper > .cruisesFilters .button.search span, .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle span {
    vertical-align: middle; }

.ButtonSmall {
  padding: 0px 6px 0px 5px;
  height: 18px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  line-height: 18px; }
  .ButtonSmall i {
    vertical-align: middle; }
  .ButtonSmall span {
    vertical-align: middle; }

.ButtonLeft {
  padding: 0px 10px 0px 6px;
  height: 30px;
  -webkit-border-radius: 17px 0px 0px 17px;
  -moz-border-radius: 17px 0px 0px 17px;
  -ms-border-radius: 17px 0px 0px 17px;
  -o-border-radius: 17px 0px 0px 17px;
  border-radius: 17px 0px 0px 17px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  line-height: 30px; }
  .ButtonLeft i {
    vertical-align: middle; }
  .ButtonLeft span {
    vertical-align: middle; }

.ButtonMiddle {
  padding: 0px 10px 0px 6px;
  height: 30px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  line-height: 30px; }
  .ButtonMiddle i {
    vertical-align: middle; }
  .ButtonMiddle span {
    vertical-align: middle; }

.ButtonRight {
  padding: 0px 10px 0px 6px;
  height: 30px;
  -webkit-border-radius: 0px 17px 17px 0px;
  -moz-border-radius: 0px 17px 17px 0px;
  -ms-border-radius: 0px 17px 17px 0px;
  -o-border-radius: 0px 17px 17px 0px;
  border-radius: 0px 17px 17px 0px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  line-height: 30px; }
  .ButtonRight i {
    vertical-align: middle; }
  .ButtonRight span {
    vertical-align: middle; }

.ButtonCircle {
  padding: 2px;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  line-height: 30px;
  text-align: center; }
  .ButtonCircle i {
    vertical-align: middle; }

.ButtonGlow {
  box-shadow: 0 0 10px #fff; }

#favoriteAX {
  float: right; }

.favorite {
  padding: 10px; }
  .favorite a {
    color: #5cbfeb;
    text-decoration: none; }
  .favorite .lnkFavorite {
    margin-left: 10px; }

#Content {
  clear: both; }

#Merkzettel h1 {
  background-color: #5cbfeb;
  color: #fff;
  padding: 10px; }

.Table.noBorder {
  border: 0px; }
  .Table.noBorder th {
    border-top: 0px;
    border-left: 0px;
    padding: 4px; }
  .Table.noBorder td {
    padding: 4px; }

.btnRoutesFilterValuesSearch {
  float: right;
  text-align: right;
  margin: 10px 0px 10px 10px;
  width: 100px;
  cursor: pointer; }

.routesCriteriasWrapper.Wait {
  opacity: 0.3; }
  .routesCriteriasWrapper > .routesCriterias {
    *zoom: 1;
    margin: 10px 0 10px 0;
    font-size: 16px; }
  .routesCriteriasWrapper > .routesCriterias:before, .routesCriteriasWrapper > .routesCriterias:after {
    content: " ";
    display: table; }
  .routesCriteriasWrapper > .routesCriterias:after {
    clear: both; }
  .routesCriteriasWrapper > .routesCriterias form {
    display: block;
    margin-top: 10px; }
  .routesCriteriasWrapper > .routesCriterias .routesCriteria {
    display: inline-block;
    background-color: #5cbfeb;
    color: #fff;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 5px; }
    .routesCriteriasWrapper > .routesCriterias .routesCriteria:last-of-type {
      margin-right: 0; }
  .routesCriteriasWrapper > .routesCriterias .btnRoutesCriteriaRemove {
    margin-left: 3px;
    margin-right: 10px;
    cursor: pointer; }
  .routesCriteriasWrapper > .routesCriterias .btnRoutesFiltersToggle {
    display: inline-block;
    cursor: pointer;
    margin: 0 40px 0 0;
    padding: 19px 10px;
    background-color: #005077;
    color: #fff;
    width: calc(50% - 20px); }
    .routesCriteriasWrapper > .routesCriterias .btnRoutesFiltersToggle > span {
      margin-left: 5px; }
  .routesCriteriasWrapper > .routesCriterias .filter {
    margin-top: 20px; }
    .routesCriteriasWrapper > .routesCriterias .filter select {
      display: inline-block;
      padding: 16px 4px;
      width: calc(50% - 20px); }
    .routesCriteriasWrapper > .routesCriterias .filter .fas {
      float: right;
      display: none; }
      .routesCriteriasWrapper > .routesCriterias .filter .fas.fa-chevron-down {
        display: inline-block; }
    .routesCriteriasWrapper > .routesCriterias .filter.show {
      display: block; }
      .routesCriteriasWrapper > .routesCriterias .filter.show .spoiler .fas.fa-chevron-up {
        display: inline-block; }
        .routesCriteriasWrapper > .routesCriterias .filter.show .spoiler .fas.fa-chevron-down {
          display: none; }

.routesFiltersWrapper {
  background-color: #fff;
  display: none;
  margin-bottom: 20px; }
  .routesFiltersWrapper a {
    color: inherit; }
  .routesFiltersWrapper ul {
    padding-left: 0; }
  .routesFiltersWrapper ul li {
    list-style: none; }
  .routesFiltersWrapper .hidden {
    display: none; }
  .routesFiltersWrapper.show {
    display: block;
    width: 100%; }
  .routesFiltersWrapper #frmRoutesFilters {
    display: inline-block;
    width: 100%; }
  .routesFiltersWrapper #frmRoutesFilters hr {
    border: 1px #fff solid;
    margin: 0 5px;
    padding: 0; }
  .routesFiltersWrapper #frmRoutesFilters .search {
    position: sticky;
    bottom: 0;
    z-index: 101;
    display: block;
    height: 40px;
    background: #005077;
    text-align: center; }
    .routesFiltersWrapper #frmRoutesFilters .search .text, .routesFiltersWrapper #frmRoutesFilters .search .fa-spinner {
      margin: 5px 0;
      color: #fff;
      font-size: 16px; }
    .routesFiltersWrapper #frmRoutesFilters .search .text {
      display: inline-block;
      margin: 10px 0; }
    .routesFiltersWrapper #frmRoutesFilters .search .fa-spinner {
      font-size: 28px; }
  .routesFiltersWrapper #filterColumns {
    display: none; }
  .routesFiltersWrapper #filterColumns:after {
    content: attr(data-columns) '1'; }
  .routesFiltersWrapper .group {
    display: inline-block;
    width: calc(100% - 28px);
    margin: 10px 14px; }
  .routesFiltersWrapper .group h2 {
    padding: 10px 0 0 0;
    color: #005077;
    font-size: 1.5em; }
  .routesFiltersWrapper .group .spoiler {
    display: inline-block;
    width: 100%;
    color: #005077;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 0;
    margin: 5px 0; }
    .routesFiltersWrapper .group .spoiler .numberActiveFilter {
      margin-left: 5px; }
    .routesFiltersWrapper .group .spoiler .fas {
      float: right;
      display: none; }
      .routesFiltersWrapper .group .spoiler .fas.fa-chevron-down {
        display: inline-block; }
  .routesFiltersWrapper .group .spoilerContent {
    display: none;
    width: 100%;
    font-size: 15px; }
    .routesFiltersWrapper .group .spoilerContent li {
      position: relative;
      margin-bottom: 10px;
      color: #005077; }
      .routesFiltersWrapper .group .spoilerContent li:last-of-type {
        margin-bottom: 0; }
      .routesFiltersWrapper .group .spoilerContent li > label i {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 16px; }
    .routesFiltersWrapper .group .spoilerContent .routesFilter.expand {
      display: inline-block;
      position: relative;
      width: 100%;
      z-index: 100;
      background-color: white;
      border: 1px solid #005077;
      max-height: 90vh;
      overflow-y: scroll; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .columnsContainer {
        columns: 185px 4;
        clear: both; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .header {
        border: 0;
        position: sticky;
        top: 0;
        background: #fff;
        color: #005077;
        z-index: 1; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .header .routesFilterSearch {
        display: inline-block;
        margin-top: 5px;
        width: 100%; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .values {
        background: #fff;
        color: #005077;
        break-inside: avoid; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .btnRoutesFilterValuesGroupedSearch {
        display: block;
        width: 100%;
        position: sticky;
        bottom: 0;
        background: #fff;
        padding: 5px 10px;
        cursor: pointer;
        text-align: right; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .valuesGrouped label {
        color: #005077; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .valuesGrouped > li > div, .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .valuesGrouped .subGroups li {
        background: #fff;
        margin: 0; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .subGroups {
        margin: 0 0 0 20px;
        columns: 200px 2; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .subGroups li {
        display: inline-block;
        width: calc(100% - 4px);
        vertical-align: top; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .hidden {
        display: none !important; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .routesDurationSlider {
        display: block; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .routesDurationSlider {
        display: none;
        clear: both;
        max-width: 320px;
        margin-top: 20px;
        margin-bottom: 10px; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .routesDurationSlider label {
        margin-right: 15px; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .routesDurationSlider input {
        width: 50px; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .routesDurationSlider > div {
        margin-left: 5px; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .routesDurationSlider > div > div {
        display: inline-block;
        width: calc(50% - 3px); }
        .routesFiltersWrapper .group .spoilerContent .routesFilter .routesDurationSlider > div > div:last-of-type {
          text-align: right; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .routesDurationSlider .srcCruiseDurationSlider {
        width: calc(100% - 30px);
        margin: 10px auto 0; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.srcCruiseDurationIndividuell, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipTonnageIndividuell, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipPassengerIndividuell, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipCrewPassengerRatioIndividuell, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipPassengerSpaceRatioIndividuell {
        position: relative;
        width: 100%;
        z-index: 100;
        padding: 0 5px;
        background-color: #fff;
        border: 1px solid #005077; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.srcCruiseDurationIndividuell .header, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipTonnageIndividuell .header, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipPassengerIndividuell .header, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipCrewPassengerRatioIndividuell .header, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipPassengerSpaceRatioIndividuell .header {
        border: 0; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter.srcCruiseDurationIndividuell select, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipTonnageIndividuell select, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipPassengerIndividuell select, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipCrewPassengerRatioIndividuell select, .routesFiltersWrapper .group .spoilerContent .routesFilter.srcShipPassengerSpaceRatioIndividuell select {
        max-width: 100%;
        width: 100%; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .header {
        padding: 8px 6px;
        background-color: #fff;
        color: #005077; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .header i {
        font-size: 16px; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .header .routesFilterSearch {
        display: none; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .values, .routesFiltersWrapper .group .spoilerContent .routesFilter .valuesGrouped > li > div, .routesFiltersWrapper .group .spoilerContent .routesFilter .subGroups li {
        color: #fff;
        padding: 4px 0;
        background: #5cbfeb;
        margin-top: 2px; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .values .fa-check, .routesFiltersWrapper .group .spoilerContent .routesFilter .valuesGrouped > li > div .fa-check, .routesFiltersWrapper .group .spoilerContent .routesFilter .subGroups li .fa-check {
        margin-right: 5px;
        margin-bottom: 3px; }
      .routesFiltersWrapper .group .spoilerContent .routesFilter .btnRoutesFilterValuesGroupedSearch {
        display: none; }
    .routesFiltersWrapper .group .spoilerContent .shipType .values {
      color: #fff; }
    .routesFiltersWrapper .group .spoilerContent .priceRange input {
      padding: 8px 4px;
      width: 100%; }
    .routesFiltersWrapper .group .spoilerContent .srcPriceInnenMax, .routesFiltersWrapper .group .spoilerContent .srcPriceAussenMax, .routesFiltersWrapper .group .spoilerContent .srcPriceBalkonMax {
      background: #fff;
      padding-bottom: 8px; }
      .routesFiltersWrapper .group .spoilerContent .srcPriceInnenMax .slider, .routesFiltersWrapper .group .spoilerContent .srcPriceAussenMax .slider, .routesFiltersWrapper .group .spoilerContent .srcPriceBalkonMax .slider {
        margin: 0 15px; }
  .routesFiltersWrapper .group input[type="text"], .routesFiltersWrapper .group select {
    width: 100%;
    padding: 8px 4px; }
  .routesFiltersWrapper .group.show {
    display: inline-block; }
    .routesFiltersWrapper .group.show > .spoiler .fas.fa-chevron-up {
      display: inline-block; }
      .routesFiltersWrapper .group.show > .spoiler .fas.fa-chevron-down {
        display: none; }
    .routesFiltersWrapper .group.show > .spoilerContent {
      display: inline-block;
      list-style: none;
      padding-left: 0; }
  .routesFiltersWrapper .group .search {
    width: 100%;
    border-color: #fff;
    border-radius: 3px;
    padding: 8px;
    height: auto;
    font-size: 16px; }
    .routesFiltersWrapper .group .search .fa-search {
      margin-left: 5px;
      vertical-align: middle; }
  .routesFiltersWrapper .group .duration.spoilerContent .routesFilter.expand {
    width: 100%;
    overflow-y: hidden; }
    .routesFiltersWrapper .group .duration.spoilerContent .routesFilter.expand .values {
      width: 100%;
      float: none; }

@media only screen and (min-width: 500px) {
  .routesFiltersWrapper #filterColumns:after {
    content: attr(data-columns) '2'; }
    .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .header .routesFilterSearch {
      margin: 0 0 0 5px;
      width: auto; } }

@media only screen and (min-width: 800px) {
  .routesFiltersWrapper .group .spoilerContent .routesFilter.expand {
    width: 650px; }
    .routesFiltersWrapper .group .spoilerContent .routesFilter.expand .subGroups {
      margin-left: 40px; } }

@media only screen and (min-width: 980px) {
  .routesCriteriasWrapper {
    display: block; }
    .routesCriteriasWrapper > .routesCriterias {
      margin-left: 210px; }
      .routesCriteriasWrapper > .routesCriterias .btnRoutesFiltersToggle {
        display: none; }
      .routesCriteriasWrapper > .routesCriterias .counter {
        display: inline-block;
        margin-right: 10px; }
    .routesCriteriasWrapper form {
      display: inline-block; }
    .routesCriteriasWrapper .filter select.responsive {
      display: none; }
    .routesFiltersWrapper {
      display: inline-block;
      width: 200px;
      vertical-align: top; }
    .routesFiltersWrapper .group .spoilerContent .routesFilter {
      width: 172px; }
    .routesFiltersWrapper #frmRoutesFilters .responsive {
      display: none; } }

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
  position: absolute;
  cursor: pointer;
  display: block;
  background: url(./../../../../Site/vs2/js/jqueryPlugins/jssor/img/kreuzfahrten.png) no-repeat;
  overflow: hidden;
  z-index: 100; }

.jssora05l {
  background-position: -10px -40px; }

.jssora05r {
  background-position: -70px -40px; }

.jssora05l:hover {
  background-position: -130px -40px; }

.jssora05r:hover {
  background-position: -190px -40px; }

.jssora05ldn {
  background-position: -250px -40px; }

.jssora05rdn {
  background-position: -310px -40px;
  /* jssor slider bullet navigator skin 03 css */
  /*
.jssorb03 div           (normal)
.jssorb03 div:hover     (normal mouseover)
.jssorb03 .av           (active)
.jssorb03 .av:hover     (active mouseover)
.jssorb03 .dn           (mousedown)
*/ }

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
  background: url(./../../../../Site/vs2/js/jqueryPlugins/jssor/img/bkreuzfahrten.png) no-repeat;
  overflow: hidden;
  cursor: pointer; }

.jssorb03 div {
  background-position: -5px -4px; }

.jssorb03 div:hover, .jssorb03 .av:hover {
  background-position: -35px -4px; }

.jssorb03 .av {
  background-position: -65px -4px; }

.jssorb03 .dn, .jssorb03 .dn:hover {
  background-position: -95px -4px;
  /* jssor slider bullet navigator skin 21 css */
  /*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/ }

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
  background: url(./../../../../Site/vs2/js/jqueryPlugins/jssor/img/bkreuzfahrten2.png) no-repeat;
  overflow: hidden;
  cursor: pointer; }

.jssorb21 div {
  background-position: -35px -5px; }

.jssorb21 div:hover, .jssorb21 .av:hover {
  background-position: -5px -5px; }

.jssorb21 .av {
  background-position: -65px -5px; }

.jssorb21 .av:hover {
  background-position: -95px -5px; }

.jssorb21 .dn, .jssorb21 .dn:hover {
  background-position: -95px -5px; }

.sliderHarbor {
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }
  .sliderHarbor > div {
    overflow: hidden;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px; }
  .sliderHarbor .jssort01 > div {
    overflow: hidden;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px; }
  .sliderHarbor .jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px; }
  .sliderHarbor .jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 120.47px;
    height: 80px;
    padding: 0px;
    margin: 0px; }
  .sliderHarbor .jssort01 .p:hover .c, .sliderHarbor .jssort01 .pav:hover .c, .sliderHarbor .jssort01 .pav .c {
    background: url(./../../../../Site/vs2/js/jqueryPlugins/jssor/img/t01.png) center center;
    border-width: 0px;
    top: 0px;
    left: 0px;
    width: 120.47px;
    height: 80px; }
  .sliderHarbor .jssort01 .p:hover .c, .sliderHarbor .jssort01 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 120.47px;
    height: 80px;
    border: #fff 1px solid; }
  .sliderHarbor .jssort01, .sliderHarbor .jssort01 div {
    overflow: hidden; }

.sliderShip {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  position: relative;
  height: 836px;
  width: 1024px;
  margin-bottom: 20px;
  overflow: hidden; }
  .sliderShip div {
    overflow: hidden;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px; }
  .sliderShip .caption {
    position: absolute;
    color: #fff;
    line-height: 80px;
    left: 0px;
    width: 1024px;
    height: 80px;
    background-color: #5cbfeb;
    padding-left: 30px;
    font-size: 40px;
    font-weight: bold; }
  .sliderShip .jssort01 {
    position: absolute;
    width: 1024px;
    height: 160px;
    left: 0px;
    top: 678px; }
  .sliderShip .jssort01, .sliderShip .jssort01 div {
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  .sliderShip .lnkShipPictureFullsize {
    right: 40px;
    top: 40px;
    display: none;
    position: absolute;
    float: right; }
  .sliderShip .lnkShipPictureDefault {
    float: right;
    display: none;
    right: 20px;
    top: 20px;
    position: absolute;
    float: right; }

.sliderDestination {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  position: relative;
  height: 880px;
  width: 896px;
  margin-bottom: 10px;
  overflow: hidden; }
  .sliderDestination div {
    overflow: hidden;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px; }
  .sliderDestination .jssort01, .sliderDestination .jssort01 div {
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  .sliderDestination .lnkDestinationPictureFullsize {
    right: 10px;
    top: 10px;
    display: none;
    right: 10px;
    top: 10px;
    position: absolute;
    float: right;
    display: none; }
  .sliderDestination .lnkDestinationPictureDefault {
    float: right;
    display: none;
    right: 10px;
    top: 10px;
    position: absolute;
    float: right;
    display: none; }

#SettingCruiseList {
  clear: both;
  float: right;
  width: 300px;
  margin-top: 5px;
  margin-bottom: 5px; }
  #SettingCruiseList .ButtonLeft {
    width: 100px;
    display: inline-block; }
  #SettingCruiseList .ButtonRight {
    width: 100px;
    display: inline-block; }

#SortingCruiseList {
  padding-top: 5px;
  padding-left: 5px;
  float: left;
  clear: left; }

.cruises #SortingCruiseList {
  /*! color: $cssSet13_color1; */
  background-color: #005077;
  color: #fff; }
  .cruises ul.ulTableCruiseList8 {
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px; }
  .cruises ul.ulTableCruiseList8 li {
    margin: 0px;
    padding: 0px; }
  .cruises ul.ulTableCruiseList8 li.header {
    height: 56px;
    width: 100%;
    vertical-align: bottom;
    /*! border: $cssSet13_borderColor2; */
    background-color: #ff8b00;
    /*! color: $cssSet13_color2; */
    border: 1px solid #005077;
    color: #fff; }
    .cruises ul.ulTableCruiseList8 li.header .group2 div {
      border-color: #005077;
      border-right-width: 1px;
      border-right-style: solid; }
    .cruises ul.ulTableCruiseList8 li.header .group3 .w33:not(:last-child) {
      border-color: #005077;
      border-right-width: 1px;
      border-right-style: solid; }
    .cruises ul.ulTableCruiseList8 li.header .Label {
      padding: 3px;
      color: white;
      font-weight: normal;
      font-size: 1.12em; }
  .cruises ul.ulTableCruiseList8 li.body {
    padding: 3px;
    position: relative; }
    .cruises ul.ulTableCruiseList8 li.body .PriceInnen a {
      font-weight: bold;
      font-size: 12px; }
    .cruises ul.ulTableCruiseList8 li.body .PriceAussen a {
      font-weight: bold;
      font-size: 12px; }
    .cruises ul.ulTableCruiseList8 li.body .PriceBalkon a {
      font-weight: bold;
      font-size: 12px; }
    .cruises ul.ulTableCruiseList8 li.body.oddRow {
      /*! border: $cssSet13_borderColor3; */
      background-color: #fff;
      /*! color: $cssSet13_color3; */
      border: 1px solid #005077;
      color: #005077;
      border-width: 1px;
      border-style: none solid solid solid; }
    .cruises ul.ulTableCruiseList8 li.body.oddRow a {
      color: #005077; }
    .cruises ul.ulTableCruiseList8 li.body.oddRow .Harbors {
      font-weight: bold;
      color: #89d1f1; }
    .cruises ul.ulTableCruiseList8 li.body.evenRow {
      /*! border: $cssSet13_borderColor4; */
      background-color: #fff;
      /*! color: $cssSet13_color4; */
      border: 1px solid #005077;
      color: #005077;
      border-width: 1px;
      border-style: none solid solid solid; }
    .cruises ul.ulTableCruiseList8 li.body.evenRow a {
      color: #005077; }
    .cruises ul.ulTableCruiseList8 li.body.evenRow .Harbors {
      font-weight: bold;
      color: #89d1f1; }
    .cruises ul.ulTableCruiseList8 li.body .Ship .RouteShipImage {
      clear: left;
      margin: 6px 5px 5px 0px;
      float: left; }
    .cruises ul.ulTableCruiseList8 li.body .Route .RouteHarborsDA {
      color: #89d1f1;
      font-weight: bold; }
    .cruises ul.ulTableCruiseList8 li.body .Route .TipRouteDetail {
      margin-left: 20px; }
    .cruises ul.ulTableCruiseList8 li.body .priceContainer {
      /*! color: $cssSet13_color7; */
      background-color: #e6e6e6;
      color: #005077; }
    .cruises ul.ulTableCruiseList8 li.body .priceContainer a {
      color: #005077; }
    .cruises ul.ulTableCruiseList8 li.body .PriceDif {
      color: #b00614;
      width: 65px;
      height: 30px;
      padding-top: 3px;
      padding-right: 3px;
      text-align: center;
      margin-top: 2px;
      float: left; }
    .cruises ul.ulTableCruiseList8 li.body .PriceDif .PriceDifSVG {
      position: absolute; }
    .cruises ul.ulTableCruiseList8 li.body .PriceDif span {
      font-size: 17px;
      font-weight: bolder;
      margin-left: 5px;
      margin-top: 3px;
      display: inline-block; }
    .cruises ul.ulTableCruiseList8 li.body .SpecialText {
      float: right;
      clear: both;
      padding: 5px;
      font-weight: bold;
      font-size: 12px;
      text-align: right;
      color: #b00614; }
    .cruises ul.ulTableCruiseList8 li.body .SpecialText ul {
      list-style: none; }
    .cruises ul.ulTableCruiseList8 li.body .SpecialText ul .separator {
      color: #005077;
      font-size: 10px; }
    .cruises ul.ulTableCruiseList8 li.body .uat {
      font-weight: bold;
      color: #b00614;
      clear: both;
      margin: 5px; }
    .cruises ul.ulTableCruiseList8 li.body .ButtonToCruise {
      /*! color: $cssSet4_color1; */
      background-color: #ff8b00;
      color: #fff;
      margin-top: 5px;
      float: right; }
    .cruises ul.ulTableCruiseList8 li.body .ButtonToCruise i, .cruises ul.ulTableCruiseList8 li.body .ButtonToCruise span.label {
      color: #fff; }
    .cruises ul.ulTableCruiseList8 li.body .ButtonToCruise .label {
      font-weight: bold; }
    .cruises ul.ulTableCruiseList8 li.body .ButtonToCruise.BookedUp {
      /*! color: $cssSet4_color4; */
      background-color: #b00614;
      color: #fff;
      width: 120px; }
    .cruises ul.ulTableCruiseList8 li.body .ButtonToCruise.BookedUp i, .cruises ul.ulTableCruiseList8 li.body .ButtonToCruise.BookedUp span.label {
      color: #fff; }
    .cruises ul.ulTableCruiseList8 li.body .vendorLogoDesktop {
      float: right; }
    .cruises ul.ulTableCruiseList8 li.body .vendorLogoDesktop img {
      height: 45px; }
    .cruises ul.ulTableCruiseList8 li.body .cruiseCode {
      clear: both;
      padding-top: 13px;
      color: red;
      font-weight: bold; }
  .cruises ul.ulTableCruiseList8 .Label {
    height: 100%;
    padding: 5px;
    color: white;
    font-weight: normal;
    font-size: 1.12em;
    vertical-align: top; }
  .cruises ul.ulTableCruiseList8 .noBorder {
    border: none; }
  .cruises ul.ulTableCruiseList8 .structure {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top; }
    .cruises ul.ulTableCruiseList8 .structure.h50 {
      height: 50%;
      text-align: center; }
    .cruises ul.ulTableCruiseList8 .structure.h50:not(:first-child) {
      text-align: right;
      padding-right: 10px; }
    .cruises ul.ulTableCruiseList8 .structure.w100 {
      width: 100%; }
    .cruises ul.ulTableCruiseList8 .structure.w33 {
      width: 33.33333%; }
    .cruises ul.ulTableCruiseList8 .structure.group1 {
      height: 100%; }
    .cruises ul.ulTableCruiseList8 .structure.group2 {
      height: 100%; }
    .cruises ul.ulTableCruiseList8 .structure.group3 {
      height: 100%; }
    .cruises ul.ulTableCruiseList8 .structure.group3 .hygIcon {
      float: right;
      margin-right: 25px; }
    .cruises ul.ulTableCruiseList8 .structure.priceSubDiv {
      margin-bottom: 5px; }
    .cruises ul.ulTableCruiseList8 .structure.group2 {
      width: 67%;
      float: left; }
    .cruises ul.ulTableCruiseList8 .structure.group2 .Ship {
      width: 32%;
      float: left; }
    .cruises ul.ulTableCruiseList8 .structure.group2 .Ship .vendorLogoMobile {
      display: none; }
    .cruises ul.ulTableCruiseList8 .structure.group2 .group1 {
      width: 68%; }
    .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .Route {
      width: 59%; }
    .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .DateDuration {
      width: 41%; }
    .cruises ul.ulTableCruiseList8 .structure.PricePP {
      width: 33%;
      float: right; }
    .cruises ul.ulTableCruiseList8 .structure.PricePP .longPriceLabel {
      display: none; }
    .cruises ul.ulTableCruiseList8 .structure.PricePP .BtnCruise {
      float: right;
      clear: both;
      margin-right: 3px; }
  @media only screen and (max-width: 728px) {
    .cruises ul.ulTableCruiseList8 .structure.group2 {
      width: 63%; }
      .cruises ul.ulTableCruiseList8 .structure.group2 .Ship {
        width: 45%; }
      .cruises ul.ulTableCruiseList8 .structure.group2 .group1 {
        width: 55%; }
        .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .Route {
          width: 100%;
          height: 50%; }
        .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .DateDuration {
          width: 100%;
          height: 50%; }
          .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .DateDuration .dateRange {
            font-weight: bold; }
        .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .DateDuration:not(.Label) {
          margin-top: 5px; }
      .cruises ul.ulTableCruiseList8 .structure.PricePP {
        width: 37%; } }
  @media only screen and (max-width: 670px) {
    .cruises ul.ulTableCruiseList8 li.header .Ship {
      display: none;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden; }
      .cruises ul.ulTableCruiseList8 li.header .Route {
        display: none;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      .cruises ul.ulTableCruiseList8 li.header .DateDuration {
        display: none;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      .cruises ul.ulTableCruiseList8 li.header .group2 {
        border-color: #005077;
        border-right-width: 1px;
        border-right-style: solid; }
      .cruises ul.ulTableCruiseList8 li.header .group1 {
        border-right-width: 0px; }
      .cruises ul.ulTableCruiseList8 .structure.group2 {
        width: 48%; }
        .cruises ul.ulTableCruiseList8 .structure.group2 .Ship {
          width: 100%;
          height: 33.3333%; }
        .cruises ul.ulTableCruiseList8 .structure.group2 .group1 {
          width: 100%;
          height: 66.6666%; }
          .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .Route {
            width: 100%;
            height: 50%; }
          .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .DateDuration {
            width: 100%;
            height: 50%; }
      .cruises ul.ulTableCruiseList8 .structure.PricePP {
        width: 52%; } }
  @media only screen and (max-width: 450px) {
    .cruises ul.ulTableCruiseList8 li.header.structure {
      height: 20px; }
      .cruises ul.ulTableCruiseList8 li.header.structure .Ship {
        display: none; }
      .cruises ul.ulTableCruiseList8 li.header.structure .Route {
        display: none; }
      .cruises ul.ulTableCruiseList8 li.header.structure .DateDuration {
        display: none; }
      .cruises ul.ulTableCruiseList8 li.header.structure .PricePP {
        display: none; }
      .cruises ul.ulTableCruiseList8 .vendorLogoDesktop {
        display: none; }
      .cruises ul.ulTableCruiseList8 .structure.group2 {
        width: 100%;
        float: none; }
        .cruises ul.ulTableCruiseList8 .structure.group2 .Ship {
          width: 100%;
          height: 33.3333%; }
          .cruises ul.ulTableCruiseList8 .structure.group2 .Ship .vendorLogoMobile {
            display: block;
            float: right; }
            .cruises ul.ulTableCruiseList8 .structure.group2 .Ship .vendorLogoMobile img {
              width: 100px; }
        .cruises ul.ulTableCruiseList8 .structure.group2 .group1 {
          width: 100%;
          height: 66.6666%; }
          .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .Route {
            width: 100%;
            height: 50%; }
          .cruises ul.ulTableCruiseList8 .structure.group2 .group1 .DateDuration {
            width: 100%;
            height: 50%; }
      .cruises ul.ulTableCruiseList8 .structure.PricePP {
        width: 100%;
        float: none; }
        .cruises ul.ulTableCruiseList8 .structure.PricePP .priceContainer {
          padding: 5px;
          margin-top: 5px;
          width: 100%;
          max-width: 280px;
          float: left; }
        .cruises ul.ulTableCruiseList8 .structure.PricePP .priceSpanDiv {
          float: right; }
        .cruises ul.ulTableCruiseList8 .structure.PricePP .longPriceLabel {
          display: inline; }
        .cruises ul.ulTableCruiseList8 .structure.PricePP .shortPriceLabel {
          display: none; }
        .cruises ul.ulTableCruiseList8 .structure.PricePP .BtnCruise {
          clear: none; } }
  @media only screen and (min-width: 450px) {
    .cruises ul.ulTableCruiseList8 .PricePP.structure .priceContainer {
      background-color: transparent; }
      .cruises ul.ulTableCruiseList8 .PricePP.structure .priceContainer .priceSubDiv div {
        text-align: right;
        padding-right: 10px; } }
  .cruises ul.ulTableCruiseList8 .structureNoSearch {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.h50 {
      height: 50%;
      text-align: center; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.w100 {
      width: 100%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.w33 {
      width: 33.33333%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group1 {
      height: 100%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 {
      height: 100%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group3 {
      height: 100%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.priceSubDiv {
      margin-bottom: 5px; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 {
      width: 75%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .Ship {
      width: 30%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 {
      width: 70%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .Route {
      width: 60%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .DateDuration {
      width: 40%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP {
      width: 25%; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .longPriceLabel {
      display: none; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .BtnCruise {
      float: right;
      clear: both;
      margin-right: 3px; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .vendorLogoDesktop {
      float: left; }
    .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .vendorLogoDesktop img {
      height: 45px; }
  @media only screen and (max-width: 728px) {
    .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 {
      width: 65%; }
      .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .Ship {
        width: 50%; }
      .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 {
        width: 50%; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .Route {
          width: 100%;
          height: 50%; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .DateDuration {
          width: 100%;
          height: 50%; }
          .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .DateDuration .dateRange {
            font-weight: bold; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .DateDuration:not(.Label) {
          margin-top: 5px; }
      .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP {
        width: 35%; } }
  @media only screen and (max-width: 600px) {
    .cruises ul.ulTableCruiseList8 li.header.structureNoSearch .Ship {
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden; }
      .cruises ul.ulTableCruiseList8 li.header.structureNoSearch .Route {
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      .cruises ul.ulTableCruiseList8 li.header.structureNoSearch .DateDuration {
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 {
        width: 60%; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .Ship {
          width: 100%;
          height: 33.3333%; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 {
          width: 100%;
          height: 66.6666%; }
          .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .Route {
            width: 100%;
            height: 50%; }
          .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .DateDuration {
            width: 100%;
            height: 50%; }
      .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP {
        width: 40%; } }
  @media only screen and (max-width: 450px) {
    .cruises ul.ulTableCruiseList8 li.header {
      height: 20px; }
      .cruises ul.ulTableCruiseList8 li.header .Ship {
        display: none; }
      .cruises ul.ulTableCruiseList8 li.header .Route {
        display: none; }
      .cruises ul.ulTableCruiseList8 li.header .DateDuration {
        display: none; }
      .cruises ul.ulTableCruiseList8 li.header .PricePP {
        display: none; }
      .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 {
        width: 100%; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .Ship {
          width: 100%;
          height: 33.3333%; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 {
          width: 100%;
          height: 66.6666%; }
          .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .Route {
            width: 100%;
            height: 50%; }
          .cruises ul.ulTableCruiseList8 .structureNoSearch.group2 .group1 .DateDuration {
            width: 100%;
            height: 50%; }
      .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP {
        width: 100%; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .priceContainer {
          padding: 5px;
          margin-top: 5px;
          width: 100%;
          max-width: 280px;
          float: left; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .priceSpanDiv {
          float: right; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .longPriceLabel {
          display: inline; }
        .cruises ul.ulTableCruiseList8 .structureNoSearch.PricePP .shortPriceLabel {
          display: none; } }
  @media only screen and (min-width: 450px) {
    .cruises ul.ulTableCruiseList8 .PricePP.structureNoSearch .priceContainer {
      background-color: transparent; } }

.cruiseListBottom {
  /*! color: $cssSet13_color1; */
  background-color: #005077;
  color: #fff;
  padding: 5px; }

.navigation {
  margin-top: 5px;
  /************************** ALTES CSS ENDE *******************/ }
  .navigation .buttonNext, .navigation .buttonPrev {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    text-decoration: none; }

.cruisesWrapper .cruises ul li .RouteShipRating {
  margin: 2px;
  float: left;
  width: calc(100% - 69px); }

@media only screen and (max-width: 450px) {
  .cruisesWrapper .cruises ul li .RouteShipRating {
    margin: 2px;
    float: left;
    width: calc(100% - 169px); } }

.cruisesFiltersWrapper {
  display: none; }
  .cruisesFiltersWrapper.show {
    display: block; }
  .cruisesFiltersWrapper > .cruisesFilters {
    /*! color: $cssSet14_color1; */
    background-color: #d2e0e6;
    color: #005077;
    float: left;
    width: 100%;
    margin-bottom: 10px; }
  .cruisesFiltersWrapper > .cruisesFilters .group {
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%; }
    .cruisesFiltersWrapper > .cruisesFilters .group > label {
      font-size: 15px;
      font-weight: bold;
      display: inline-block; }
  .cruisesFiltersWrapper > .cruisesFilters .btnCruisesFilterValuesSearch {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    float: right;
    text-align: right;
    text-decoration: none;
    margin: 10px 5px 10px 10px;
    cursor: pointer; }
    .cruisesFiltersWrapper > .cruisesFilters .btnCruisesFilterValuesSearch i, .cruisesFiltersWrapper > .cruisesFilters .btnCruisesFilterValuesSearch span.label {
      color: #fff; }
  .cruisesFiltersWrapper > .cruisesFilters .button.search {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    float: right; }
  .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter {
    overflow: hidden;
    width: 100%; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .header {
      /*! border: $cssSet14_borderColor2; */
      background-color: #fff;
      /*! color: $cssSet14_color2; */
      border: 1px solid #5cbfeb;
      color: #005077;
      border-width: 1px 0 0 0;
      border-style: solid none none none;
      font-size: 14px;
      padding: 4px; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .header a {
      color: #89d1f1; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .filter_search_top {
      overflow: hidden; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .selCruiseDurationIndividuell {
      width: 100%; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter select {
      width: 100%; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter.srcCruiseDate div {
      padding-bottom: 5px; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .srcPriceInnenMaxSlider, .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .srcPriceAussenMaxSlider, .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .srcPriceBalkonMaxSlider {
      margin-top: 5px;
      margin-bottom: 5px; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter .fa-calendar {
      font-size: 20px;
      cursor: pointer;
      margin-left: 5px;
      display: inline-block; }
  .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter.expand {
    position: relative;
    width: 100%;
    z-index: 100;
    background-color: white;
    border-color: #5cbfeb;
    border-style: solid;
    border-width: 1px;
    float: left; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter.expand .columnsContainer {
      columns: 185px 4;
      clear: both; }
    .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter.expand .values {
      width: 100%;
      display: inline-block; }
  .cruisesFiltersWrapper > .cruisesFilters #filterColumns {
    display: none; }
    .cruisesFiltersWrapper > .cruisesFilters #filterColumns:after {
      content: '1'; }
  @media only screen and (min-width: 480px) {
    .cruisesFiltersWrapper > .cruisesFilters #filterColumns:after {
      content: '2'; }
      .cruisesFiltersWrapper > .cruisesFilters .group {
        width: 47%;
        margin-right: 3%;
        position: relative; }
      .cruisesFiltersWrapper > .cruisesFilters .group:nth-child(odd) .cruisesFilter.expand {
        position: absolute;
        left: 0; }
      .cruisesFiltersWrapper > .cruisesFilters .group:nth-child(even) .cruisesFilter.expand {
        position: absolute;
        right: 0; }
      .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter.expand {
        width: 200%; } }
  @media only screen and (min-width: 630px) {
    .cruisesFiltersWrapper > .cruisesFilters #filterColumns:after {
      content: '2'; }
      .cruisesFiltersWrapper > .cruisesFilters .group {
        width: 31%;
        margin-right: 2%; }
      .cruisesFiltersWrapper > .cruisesFilters .group:nth-child(3n) .cruisesFilter.expand {
        position: absolute;
        left: 0;
        right: auto; }
      .cruisesFiltersWrapper > .cruisesFilters .group:nth-child(3n+1) .cruisesFilter.expand {
        position: absolute;
        left: 0;
        right: auto; }
      .cruisesFiltersWrapper > .cruisesFilters .group:nth-child(3n+2) .cruisesFilter.expand {
        position: absolute;
        left: auto;
        right: 0; }
      .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter.expand {
        width: 200%; } }
  @media only screen and (min-width: 980px) {
    .cruisesFiltersWrapper > .cruisesFilters #filterColumns:after {
      content: '4'; }
      .cruisesFiltersWrapper > .cruisesFilters .group {
        width: 100%;
        margin-right: 0; }
      .cruisesFiltersWrapper > .cruisesFilters .group:nth-child(n) .cruisesFilter.expand {
        left: auto;
        right: auto; }
      .cruisesFiltersWrapper > .cruisesFilters .cruisesFilter.expand {
        width: 900px; } }
  .cruisesFiltersWrapper > .cruisesFilters .btnCruisesFilterValues {
    text-decoration: none; }

.cruisesCriteriasWrapper > .cruisesCriterias {
  *zoom: 1;
  margin: 10px 0px; }
  .cruisesCriteriasWrapper > .cruisesCriterias:before, .cruisesCriteriasWrapper > .cruisesCriterias:after {
    content: " ";
    display: table; }
  .cruisesCriteriasWrapper > .cruisesCriterias:after {
    clear: both; }
  .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle {
    /*! color: $cssSet4_color6; */
    background-color: #2fade5;
    color: #fff;
    float: left;
    cursor: pointer;
    margin-right: 20px; }
  .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogleOverride {
    height: auto !important;
    line-height: normal !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
  .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesCriteriaRemove {
    margin-left: 3px;
    margin-right: 10px;
    cursor: pointer; }
  .cruisesCriteriasWrapper > .cruisesCriterias .cruisesCriteria {
    /*! color: $cssSet14_color4; */
    background-color: #5cbfeb;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
    margin: 1px; }
    .cruisesCriteriasWrapper > .cruisesCriterias .cruisesCriteria .Img {
      margin-bottom: -5px; }

@media only screen and (min-width: 980px) {
  .cruisesCriteriasWrapper {
    padding-left: 200px; }
    .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle {
      display: none; }
    .cruisesFiltersWrapper {
      display: block;
      float: left;
      width: 200px;
      padding-right: 10px; }
    .cruisesFiltersWrapper > .cruisesFilters {
      margin: 0px 10px 5px 0px; }
    .cruisesWrapper {
      float: left;
      width: calc(100% - 200px); }
    .cruisesWrapper #SortingCruiseList select {
      color: #005077; } }

#cluetip .routeItinerary {
  padding: 1px; }
  #cluetip .routeItinerary .routeMap {
    width: 280px;
    margin: 0 auto;
    margin-top: 5px;
    display: block; }
  #cluetip .routeItinerary .harbors {
    /*! border: $cssSet13_borderColor4; */
    background-color: #fff;
    /*! color: $cssSet13_color4; */
    border: 1px solid #005077;
    color: #005077;
    margin: 5px;
    padding: 5px; }
  #cluetip .routeItinerary .Table {
    width: 100%; }
    #cluetip .routeItinerary .Table .td1, #cluetip .routeItinerary .Table .td2, #cluetip .routeItinerary .Table .td1Hotel, #cluetip .routeItinerary .Table .td2Hotel {
      padding: 3px;
      vertical-align: top; }
    #cluetip .routeItinerary .Table .td1, #cluetip .routeItinerary .Table .td1Hotel {
      /*! color: $cssSet16_color1; */
      background-color: #fff;
      color: #005077; }
    #cluetip .routeItinerary .Table .td2, #cluetip .routeItinerary .Table .td2Hotel {
      /*! color: $cssSet16_color2; */
      background-color: #e4f5fc;
      color: #005077; }
  #cluetip .shipDescription {
    padding: 5px;
    overflow: hidden; }
  #cluetip .shipDescription img {
    border: 1px solid black;
    float: right;
    margin: 5px 5px 5px 5px;
    width: 250px; }

#ui-datepicker-div {
  background-color: white; }
  #ui-datepicker-div .ui-datepicker-header {
    /*! color: $cssSet14_color4; */
    background-color: #5cbfeb;
    color: #fff; }
  #ui-datepicker-div .ui-datepicker-calendar {
    color: black; }

form.search .Header {
  background-color: #ff8b00;
  color: #fff;
  padding: 5px; }
  form.search .Header .SearchTitle {
    text-align: left;
    font-weight: bold;
    font-size: 25px; }
  form.search .Header #ResetSearch {
    float: right; }
  form.search .searchFormBasic, form.search .searchFormExtended {
    background-color: #5cbfeb;
    color: #fff;
    padding: 0.1px;
    padding-left: 10px;
    padding-right: 10px; }
  form.search .searchFormBasic .Button.main, form.search .searchFormBasic .cruisesFiltersWrapper > .cruisesFilters .button.search.main, .cruisesFiltersWrapper > .cruisesFilters form.search .searchFormBasic .button.search.main, form.search .searchFormBasic .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle.main, .cruisesCriteriasWrapper > .cruisesCriterias form.search .searchFormBasic .btnCruisesFiltersToogle.main, form.search .searchFormExtended .Button.main, form.search .searchFormExtended .cruisesFiltersWrapper > .cruisesFilters .button.search.main, .cruisesFiltersWrapper > .cruisesFilters form.search .searchFormExtended .button.search.main, form.search .searchFormExtended .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle.main, .cruisesCriteriasWrapper > .cruisesCriterias form.search .searchFormExtended .btnCruisesFiltersToogle.main {
    border: 2px solid white;
    display: inline-block;
    height: 35px;
    width: 100%;
    text-align: center;
    /*! color: $cssSet4_color7; */
    background-color: #fff;
    color: #5cbfeb;
    color: #5cbfeb; }
  form.search .searchFormBasic .label, form.search .searchFormExtended .label {
    margin-left: 10px;
    font-size: 20px; }
  form.search .searchFormBasic .selection, form.search .searchFormExtended .selection {
    font-size: 15px;
    margin-left: 5px;
    display: inline-block; }
  form.search .searchFormBasic .selectionAll, form.search .searchFormExtended .selectionAll {
    font-size: 15px; }
  form.search .searchFormBasic .selectionItems, form.search .searchFormExtended .selectionItems {
    font-size: 12px; }
    form.search .searchFormBasic .selectionItems ul, form.search .searchFormExtended .selectionItems ul {
      margin: 0;
      padding-left: 10px;
      list-style: none; }
  form.search .searchFormExtended {
    display: none; }
  form.search .searchItemContainer {
    display: inline-block;
    text-align: left;
    width: 100%; }
  form.search .searchItemWrapper {
    width: 100%;
    display: inline-block;
    vertical-align: top; }
  form.search .searchItemWrapper .searchItem span.Button.main span.label, form.search .searchItemWrapper .searchItem .cruisesFiltersWrapper > .cruisesFilters span.button.search.main span.label, .cruisesFiltersWrapper > .cruisesFilters form.search .searchItemWrapper .searchItem span.button.search.main span.label, form.search .searchItemWrapper .searchItem .cruisesCriteriasWrapper > .cruisesCriterias span.btnCruisesFiltersToogle.main span.label, .cruisesCriteriasWrapper > .cruisesCriterias form.search .searchItemWrapper .searchItem span.btnCruisesFiltersToogle.main span.label {
    color: #5cbfeb;
    padding: 0; }
  form.search .searchItem {
    width: 100%;
    margin: 10px auto; }
  form.search .Footer .FooterSpacer {
    background-color: #5cbfeb;
    height: 10px; }
  form.search .Footer .FooterTop {
    background-color: #5cbfeb;
    height: 25px; }
  form.search .Footer .FooterBottom {
    background-color: #005077;
    height: 60px; }
  form.search .Footer .Button, form.search .Footer .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters form.search .Footer .button.search, form.search .Footer .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias form.search .Footer .btnCruisesFiltersToogle {
    display: inline-block;
    height: 50px;
    width: 190px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    border-radius: 27px;
    line-height: 50px; }
    form.search .Footer .Button i, form.search .Footer .cruisesFiltersWrapper > .cruisesFilters .button.search i, .cruisesFiltersWrapper > .cruisesFilters form.search .Footer .button.search i, form.search .Footer .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle i, .cruisesCriteriasWrapper > .cruisesCriterias form.search .Footer .btnCruisesFiltersToogle i {
      font-size: 36px; }
    form.search .Footer .Button .label, form.search .Footer .cruisesFiltersWrapper > .cruisesFilters .button.search .label, .cruisesFiltersWrapper > .cruisesFilters form.search .Footer .button.search .label, form.search .Footer .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle .label, .cruisesCriteriasWrapper > .cruisesCriterias form.search .Footer .btnCruisesFiltersToogle .label {
      font-size: 20px; }
  form.search .Footer .ExecuteSearch {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    float: left;
    margin-left: calc(50% - 95px); }
    form.search .Footer .ExecuteSearch span.label {
      padding: 0; }
  form.search .Footer .CruiseRobot {
    /*! color: $cssSet4_color6; */
    background-color: #2fade5;
    color: #fff;
    float: right;
    margin-right: 20px; }
    form.search .Footer .CruiseRobot span.label {
      padding: 0; }
  @media only screen and (min-width: 600px) {
  form.search .searchItemContainer {
    display: inline-block;
    text-align: left;
    width: 100%; }
    form.search .searchItemWrapper {
      width: 25%;
      display: inline-block; }

    form.search .searchItem {
      max-width: 155px;
      margin: 10px auto; }
      form.search .searchItem .label {
        font-size: 13px; } }
  @media only screen and (min-width: 780px) {
  form.search .searchItemContainer {
    display: inline-block;
    text-align: left;
    width: 100%; }
    form.search .searchItemWrapper {
      width: 25%;
      display: inline-block; }

    form.search .searchItem {
      max-width: 200px;
      margin: 10px auto; }
      form.search .searchItem .label {
        font-size: 20px; } }

#overlayAXSearch.ui-dialog-content .TypeSelector {
  background-color: #005077;
  color: #fff; }
  #overlayAXSearch.ui-dialog-content .TypeSelector label {
    display: inline-block;
    width: 33.33333%;
    height: 30px;
    line-height: 30px;
    border-right-width: 1px;
    border-right-style: solid;
    border-color: #5cbfeb; }
    #overlayAXSearch.ui-dialog-content .TypeSelector label input, #overlayAXSearch.ui-dialog-content .TypeSelector label span {
      vertical-align: middle; }
    #overlayAXSearch.ui-dialog-content .TypeSelector label i {
      display: none; }
  #overlayAXSearch.ui-dialog-content .TypeSelector label.disabled {
    color: #ccc; }
    #overlayAXSearch.ui-dialog-content .TypeSelector label.disabled input {
      display: none; }
    #overlayAXSearch.ui-dialog-content .TypeSelector label.disabled i {
      display: inline;
      margin: 0px 4px 0px 4px;
      font-size: 14px;
      position: relative;
      top: 2px; }
  #overlayAXSearch.ui-dialog-content .TypeSelector label:last-child {
    border: none; }
  #overlayAXSearch.ui-dialog-content .EntryContainer {
    padding-bottom: 45px;
    overflow: auto; }
  #overlayAXSearch.ui-dialog-content .EntryContainer label {
    width: 100%;
    display: inline-block; }
  #overlayAXSearch.ui-dialog-content .RegionEntry {
    padding-top: 2.5px;
    padding-bottom: 2.5px; }
  #overlayAXSearch.ui-dialog-content .RegionEntry:hover {
    background-color: rgba(0, 0, 0, 0.5); }
  #overlayAXSearch.ui-dialog-content .DestinationEntry {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    margin-left: 10px; }
  #overlayAXSearch.ui-dialog-content .DestinationEntry.closed {
    display: none; }
  #overlayAXSearch.ui-dialog-content .DestinationEntry:hover {
    background-color: rgba(0, 0, 0, 0.5); }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabFrom, #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabUntil {
    width: 94%;
    margin: 4px auto 0; }
    #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabFrom .displayDate, #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabUntil .displayDate {
      cursor: pointer; }
    #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabFrom .hidden, #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabUntil .hidden {
      display: none; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabDuration {
    height: 275px;
    width: 94%;
    margin: 4px auto 0; }
    #overlayAXSearch.ui-dialog-content #timeRangeTabs #tabDuration #durationAny {
      margin-bottom: 1em; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs .timeRangLabel {
    color: #fff;
    font-weight: bold; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs li {
    width: calc((100% / 3) - .2em); }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs .ui-datepicker {
    width: 100%; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs .displayDate {
    width: 100%;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.4);
    margin-bottom: 10px; }
    #overlayAXSearch.ui-dialog-content #timeRangeTabs .displayDate i {
      float: right;
      cursor: pointer; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs #durationPresetLeft {
    float: left;
    clear: left; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs #durationPresetRight {
    float: right; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs .ui-state-default {
    margin-top: 8px; }
  #overlayAXSearch.ui-dialog-content #timeRangeTabs .ui-state-active {
    padding-top: 8px;
    margin-top: 0; }
  #overlayAXSearch.ui-dialog-content .VendorEntry {
    padding-top: 2.5px;
    padding-bottom: 2.5px; }
  #overlayAXSearch.ui-dialog-content .VendorEntry:hover {
    background-color: rgba(0, 0, 0, 0.5); }
  #overlayAXSearch.ui-dialog-content .ShipEntry {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    margin-left: 10px; }
  #overlayAXSearch.ui-dialog-content .ShipEntry.closed {
    display: none; }
  #overlayAXSearch.ui-dialog-content .ShipEntry:hover {
    background-color: rgba(0, 0, 0, 0.5); }
  #overlayAXSearch.ui-dialog-content .footer {
    position: absolute;
    bottom: 3px;
    width: calc(100% - 0.4em); }
  #overlayAXSearch.ui-dialog-content .footer .Confirm {
    float: left;
    margin-left: calc(50% - 60px);
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff; }
  #overlayAXSearch.ui-dialog-content .footer .ButtonBackgroundTop {
    background-color: #5cbfeb;
    height: 15px;
    width: 100%; }
  #overlayAXSearch.ui-dialog-content .footer .ButtonBackgroundBottom {
    background-color: #005077;
    height: 30px;
    width: 100%; }
  #overlayAXSearch.ui-dialog-content #extendedTabs .SumoSelect {
    color: #005077; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #tabShip {
    height: 510px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #tabCruise {
    height: 420px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #tabRoute {
    height: 480px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs .ui-tabs-nav > li {
    width: calc((100% / 3) - .2em); }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcShipSizeSlider {
    width: 160px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcShipSizeDisplay {
    margin-top: 5px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcShipStarsSlider {
    width: 160px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcShipStarsDisplay > span {
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
    padding: 2px 2px 0px 2px; }
    #overlayAXSearch.ui-dialog-content #extendedTabs #srcShipStarsDisplay > span#Rating0 {
      padding: 2px 4px 2px 4px;
      background-color: transparent; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcPriceInnenMaxSlider {
    width: 160px;
    margin-top: 5px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcPriceInnenMaxDisplay {
    margin-top: 5px;
    margin-bottom: 10px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcPriceAussenMaxSlider {
    width: 160px;
    margin-top: 5px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcPriceAussenMaxDisplay {
    margin-top: 5px;
    margin-bottom: 10px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcPriceBalkonMaxSlider {
    width: 160px;
    margin-top: 5px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #srcPriceBalkonMaxDisplay {
    margin-top: 5px;
    margin-bottom: 10px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs .SelectBox {
    padding: 1px 8px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs .SumoSelect > .optWrapper {
    z-index: 1100; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #tabCruise input {
    margin-left: 20px;
    margin-bottom: 10px; }
  #overlayAXSearch.ui-dialog-content #extendedTabs #tabRoute input {
    margin-left: 5px;
    margin-bottom: 10px;
    width: 130px; }
    #overlayAXSearch.ui-dialog-content #extendedTabs #tabRoute .pleaseWait {
      display: none;
      position: absolute;
      background-color: white;
      margin-left: 20px;
      margin-top: -10px;
      padding: 3px;
      /*! border: $cssSet7_borderColor2; */
      background-color: #fff;
      /*! color: $cssSet7_color2; */
      border: 1px solid #005077;
      color: #005077; }
    #overlayAXSearch.ui-dialog-content #extendedTabs #tabRoute .notFound {
      display: none;
      position: absolute;
      background-color: white;
      margin-left: 20px;
      margin-top: -10px;
      padding: 3px;
      /*! border: $cssSet7_borderColor2; */
      background-color: #fff;
      /*! color: $cssSet7_color2; */
      border: 1px solid #005077;
      color: #005077; }

ul.ui-autocomplete {
  max-height: 200px;
  overflow: auto; }
  ul.ui-autocomplete li a {
    cursor: pointer; }

.clickable {
  cursor: pointer; }

.tablediv {
  display: table; }

.tablerowdiv {
  display: table-row; }

.tablecelldiv {
  display: table-cell; }

.schoetexWrapper > .schoetex {
  *zoom: 1; }
  .schoetexWrapper > .schoetex:before, .schoetexWrapper > .schoetex:after {
    content: " ";
    display: table; }
  .schoetexWrapper > .schoetex:after {
    clear: both; }

#specialContainer {
  /*! color: $cssSet12_color1; */
  background-color: #fff;
  color: #005077; }
  #specialContainer #specialHeader {
    padding: 10px 0px 5px 0px;
    text-align: left;
    font-weight: bold;
    font-size: 20px; }
  #specialContainer .specialItem {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
    cursor: pointer;
    /*! border: $cssSet12_borderColor2; */
    background-color: #fff;
    /*! color: $cssSet12_color2; */
    border: 1px solid #005077;
    color: #005077; }
  #specialContainer .specialItem a {
    color: #005077; }
  #specialContainer .specialItemHeader {
    text-align: center;
    font-weight: bold;
    /*! color: $cssSet12_color3; */
    background-color: #5cbfeb;
    color: #fff;
    padding: 5px 0px; }
  #specialContainer .specialItemHeader a {
    text-decoration: none;
    color: #fff; }
  #specialContainer .specialItemImage {
    float: left;
    min-height: 90px;
    width: 50%;
    padding: 5px; }
  #specialContainer .specialItemPrice {
    width: 50%;
    float: right;
    padding: 5px;
    text-align: right; }
  #specialContainer .specialItemPrice .priceRegular {
    margin-right: 10px; }
  #specialContainer .specialItemPrice .priceBox {
    /*! color: $cssSet12_color4; */
    background-color: #e4f5fc;
    color: #005077;
    display: inline-block;
    padding: 10px;
    font-weight: bold; }
  #specialContainer .specialItemDescription {
    clear: both;
    margin-left: 5px;
    margin-bottom: 15px; }
  #specialContainer .specialItemFooter {
    padding: 5px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%; }
  #specialContainer .specialItemFooter .specialItemFooterLeft {
    float: left; }
    #specialContainer .specialItemFooter .specialItemFooterLeft a {
      display: inline-block;
      text-decoration: none;
      /*! color: $cssSet4_color1; */
      background-color: #ff8b00;
      color: #fff; }
  #specialContainer .specialItemFooter .specialItemFooterRight {
    float: right; }
    #specialContainer .specialItemFooter .specialItemFooterRight a {
      display: inline-block;
      text-decoration: none;
      background-color: #1bcb23;
      color: white; }
  @media only screen and (min-width: 600px) {
  #specialContainer .wrapper {
    display: table;
    width: 100%;
    border-spacing: 10px; }
    #specialContainer .specialRow {
      overflow: hidden;
      display: table-row; }

    #specialContainer .specialItem {
      display: table-cell;
      width: 33.33%; } }

#specialContainer .ruefa_special_items {
  padding-left: 0;
  list-style: none; }
  #specialContainer .ruefa_special_items li {
    width: 100%;
    display: inline-block;
    border: 0;
    margin-left: 0;
    padding-bottom: 6px; }
    #specialContainer .ruefa_special_items li a {
      position: relative;
      overflow: hidden;
      padding-right: 8px;
      display: block;
      text-decoration: none;
      max-width: 330px;
      margin: 0 auto;
      width: 95%; }
    #specialContainer .ruefa_special_items li a img {
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      width: 100%;
      height: 180px; }
    #specialContainer .ruefa_special_items li a span {
      display: block;
      font-size: 13px;
      line-height: 20px; }
    #specialContainer .ruefa_special_items li a .placeholder {
      display: block;
      height: 180px;
      border: 1px solid silver; }
    #specialContainer .ruefa_special_items li a .description {
      display: block;
      height: 160px;
      background: #eee;
      position: relative;
      top: -10px;
      padding: 5px 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      border: solid 1px #e6e6e6; }
    #specialContainer .ruefa_special_items li a .description .title {
      color: #e20026;
      font-size: 15px;
      line-height: 20px;
      font-weight: bold;
      display: block; }
    #specialContainer .ruefa_special_items li a .description .infos .region {
      font-weight: bold; }
    #specialContainer .ruefa_special_items li a .description .infos .abreise .dauer {
      width: 60%; }
    #specialContainer .ruefa_special_items li a .description .preisbox {
      background: url(../../../css/images/bgPreis.png) no-repeat;
      right: -7px;
      top: 60px;
      font-size: 12px;
      font-weight: bold;
      width: 118px;
      height: 85px;
      position: absolute;
      padding-left: 22px; }
    #specialContainer .ruefa_special_items li a .description .preisbox .preistext {
      padding-top: 22px;
      color: #898989; }
    #specialContainer .ruefa_special_items li a .description .preisbox .preis {
      color: #e20026;
      font-size: 15px; }

@media only screen and (min-width: 425px) {
  #specialContainer .ruefa_special_items li {
    width: 95%;
    margin-left: 10px; } }

@media only screen and (min-width: 650px) {
  #specialContainer .ruefa_special_items li {
    width: 48%; } }

@media only screen and (min-width: 980px) {
  #specialContainer .ruefa_special_items li {
    width: 32%; } }

.image_circular, .cruises ul.ulTableCruiseList8 li.body .Ship .RouteShipImage, #vendorOffers ul li.body .Ship .RouteShipImage {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .image_circular img, .cruises ul.ulTableCruiseList8 li.body .Ship .RouteShipImage img, #vendorOffers ul li.body .Ship .RouteShipImage img {
    width: auto;
    height: 100%;
    margin-left: -14px; }

.image_circular_90 {
  display: inline-block;
  position: relative;
  width: 90px;
  height: 90px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .image_circular_90 img {
    width: auto;
    height: 100%;
    margin-left: -24px; }

.ui-dialog.ui-widget-content {
  background: none;
  border: none;
  /*! color: $cssSet10_color2; */
  background-color: #5cbfeb;
  color: #fff; }

.ui-widget-content {
  background: none;
  /*! color: $cssSet10_color2; */
  background-color: #5cbfeb;
  color: #fff; }

.ui-widget-content.ui-dialog-content, .ui-widget-content.ui-tabs {
  /*! color: $cssSet10_color2; */
  background-color: #5cbfeb;
  color: #fff;
  padding: 0;
  border: none; }

.ui-widget-content.ui-dialog-content {
  overflow: auto !important; }

.ui-widget-header {
  border: none;
  background: none; }

.ui-tabs-nav {
  /*! color: $cssSet11_color1; */
  background-color: #ff8b00;
  color: #fff;
  border-radius: 0px; }
  .ui-tabs-nav li.ui-state-default {
    background-image: none;
    /*! border: $cssSet11_borderColor3; */
    background-color: #005077;
    /*! color: $cssSet11_color3; */
    border: 1px solid #005077;
    color: #fff; }
  .ui-tabs-nav li.ui-state-default.ui-state-active {
    /*! border: $cssSet11_borderColor2; */
    background-color: #5cbfeb;
    /*! color: $cssSet11_color2; */
    border: 1px solid #005077;
    color: #fff; }
    .ui-tabs-nav li.ui-state-default.ui-state-active a {
      color: #fff; }
  .ui-tabs-nav li.ui-state-default a {
    color: #fff;
    display: inline-block;
    width: 100%; }

.ui-datepicker {
  background-color: rgba(255, 255, 255, 0.4); }

.ui-dialog-titlebar.ui-widget-header {
  /*! color: $cssSet10_color1; */
  background-color: #ff8b00;
  color: #fff;
  border-radius: 0px; }

.ui-dialog.ui-widget-content {
  /*! color: $cssSet10_color3; */
  background-color: #005077;
  color: #fff;
  clear: both; }

ul.ui-autocomplete {
  padding-left: 4px;
  width: 165px;
  background-color: white; }
  ul.ui-autocomplete li {
    list-style: none; }

.ui-accordion-header.ui-state-default {
  background: none;
  border: none;
  /*! color: $cssSet17_color1; */
  background-color: #fff;
  color: #005077; }

.ui-accordion-header.ui-state-active {
  background: none;
  border: none;
  /*! color: $cssSet17_color2; */
  background-color: #e4f5fc;
  color: #005077; }

.ui-accordion-header.ui-state-active a, .ui-accordion-header.ui-state-default a {
  color: inherit; }

#cluetip .ui-cluetip-header {
  /*! color: $cssSet10_color1; */
  background-color: #ff8b00;
  color: #fff;
  padding: 5px; }
  #cluetip .ui-cluetip-content {
    /*! color: $cssSet10_color2; */
    background-color: #5cbfeb;
    color: #fff;
    padding: 5px; }

#CruiseContentLeistungen #CruiseNav {
  margin: 0px;
  padding: 0px;
  position: relative; }
  #CruiseContentLeistungen #CruiseNav input {
    width: 22px;
    height: 26px;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 10;
    opacity: 0;
    cursor: pointer; }
  #CruiseContentLeistungen #CruiseNav input:checked ~ .MenuContainer {
    display: block; }
  #CruiseContentLeistungen #CruiseNav .MenuButtonContainer {
    /*! color: $cssSet1_color1; */
    background-color: #ff8b00;
    color: #fff; }
    #CruiseContentLeistungen #CruiseNav .MenuButtonContainer i {
      cursor: pointer; }
  #CruiseContentLeistungen #CruiseNav .MenuContainer {
    display: none;
    /*! color: $cssSet1_color1; */
    background-color: #ff8b00;
    color: #fff; }
  #CruiseContentLeistungen #CruiseNav .selected, #CruiseContentLeistungen #CruiseNav .aktive, #CruiseContentLeistungen #CruiseNav .deaktive {
    height: auto;
    text-align: left; }
  #CruiseContentLeistungen #CruiseNav a {
    text-decoration: none;
    font-size: 12px; }
  #CruiseContentLeistungen #CruiseNav ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center; }
    #CruiseContentLeistungen #CruiseNav ul li {
      text-align: center;
      padding-top: 3px;
      min-height: 21px; }
    #CruiseContentLeistungen #CruiseNav ul li a {
      font-size: 12px;
      color: #fff; }
    #CruiseContentLeistungen #CruiseNav ul li.selected {
      padding: 3px 0 0 0;
      margin: 0;
      min-height: 21px;
      /*! color: $cssSet1_color2; */
      background-color: #ffd199;
      color: #0072aa; }
    #CruiseContentLeistungen #CruiseNav ul li.selected a {
      color: #0072aa; }
    #CruiseContentLeistungen #CruiseNav ul li:hover {
      background-color: #ffd199; }
  @media only screen and (min-width: 450px) {
    #CruiseContentLeistungen #CruiseNav .MenuButtonContainer {
      display: none; }
      #CruiseContentLeistungen #CruiseNav .MenuContainer {
        display: block; }
      #CruiseContentLeistungen #CruiseNav .selected, #CruiseContentLeistungen #CruiseNav .aktive, #CruiseContentLeistungen #CruiseNav .deaktive {
        text-align: center; }
      #CruiseContentLeistungen #CruiseNav input {
        display: none; } }

.cruiseNavRapper .cruiseNav .MenuContainer li {
  width: 100%;
  display: inline-block;
  text-align: center;
  cursor: pointer; }

@media only screen and (min-width: 460px) {
  .cruiseNavRapper .cruiseNav .MenuContainer li {
    width: 33%; }
    .cruiseNavRapper .cruiseNav .MenuContainer.count1 {
      width: 100%; }
    .cruiseNavRapper .cruiseNav .MenuContainer.count2 {
      width: 50%; } }

@media only screen and (min-width: 700px) {
  .cruiseNavRapper .cruiseNav .MenuContainer.count3 li, .cruiseNavRapper .cruiseNav .MenuContainer.count6 li, .cruiseNavRapper .cruiseNav .MenuContainer.count9 li, .cruiseNavRapper .cruiseNav .MenuContainer.count12 li {
    width: 33%; }
    .cruiseNavRapper .cruiseNav .MenuContainer.count4 li, .cruiseNavRapper .cruiseNav .MenuContainer.count8 li, .cruiseNavRapper .cruiseNav .MenuContainer.count5 li, .cruiseNavRapper .cruiseNav .MenuContainer.count7 li, .cruiseNavRapper .cruiseNav .MenuContainer.count10 li, .cruiseNavRapper .cruiseNav .MenuContainer.count11 li {
      width: 25%; } }

@media only screen and (min-width: 1024px) {
  .cruiseNavRapper .cruiseNav .MenuContainer.count5 li, .cruiseNavRapper .cruiseNav .MenuContainer.count9 li, .cruiseNavRapper .cruiseNav .MenuContainer.count10 li, .cruiseNavRapper .cruiseNav .MenuContainer.count11 li, .cruiseNavRapper .cruiseNav .MenuContainer.count12 li {
    width: 20%; } }

#CruiseContentLeistungen #CruiseNav.V4 input:checked ~ .MenuContainer {
  display: flex; }
  #CruiseContentLeistungen #CruiseNav.V4 .MenuButtonContainer {
    margin-bottom: 5px; }
  #CruiseContentLeistungen #CruiseNav.V4 .MenuContainer {
    background-color: transparent;
    flex-wrap: wrap;
    justify-content: space-between; }
  #CruiseContentLeistungen #CruiseNav.V4 ul li {
    background-color: #005077;
    padding: 10px;
    margin-bottom: 5px; }
    #CruiseContentLeistungen #CruiseNav.V4 ul li.selected {
      background-color: #ff8b00;
      padding: 10px;
      margin-bottom: 5px; }
    #CruiseContentLeistungen #CruiseNav.V4 ul li.selected a {
      color: #fff; }
    #CruiseContentLeistungen #CruiseNav.V4 ul li a {
      font-size: 17px; }
  @media only screen and (min-width: 450px) {
    #CruiseContentLeistungen #CruiseNav.V4 .MenuContainer {
      display: flex; }
      #CruiseContentLeistungen #CruiseNav.V4 ul li {
        margin-bottom: 20px; }
        #CruiseContentLeistungen #CruiseNav.V4 ul li.selected {
          margin-bottom: 20px; } }

@media only screen and (min-width: 450px) {
  .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count1 li {
    width: 100%; }
    .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count2 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count3 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count4 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count5 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count6 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count7 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count8 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count9 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count10 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count11 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count12 li {
      width: 47%; } }

@media only screen and (min-width: 700px) {
  .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count3 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count6 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count9 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count10 li {
    width: 31%; }
    .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count4 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count5 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count7 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count8 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count11 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count12 li {
      width: 23%; } }

@media only screen and (min-width: 1024px) {
  .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count5 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count9 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count10 li, .cruiseNavRapper .cruiseNav.V4 .MenuContainer.count11 li {
    width: 18%; } }

.vendorsWrapper .vendors {
  max-width: 600px;
  margin: 0 auto; }
  .vendorsWrapper .vendors h1 {
    /*! border: $cssSet16_borderColor3; */
    background-color: #005077;
    /*! color: $cssSet16_color3; */
    border: 1px solid #005077;
    color: #fff;
    padding: 10px; }
  .vendorsWrapper .vendors table {
    display: block;
    border-spacing: 0; }
    .vendorsWrapper .vendors table tr {
      display: block;
      padding: 10px; }
    .vendorsWrapper .vendors table tr.odd {
      /*! color: $cssSet16_color1; */
      background-color: #fff;
      color: #005077; }
    .vendorsWrapper .vendors table tr.even {
      /*! color: $cssSet16_color2; */
      background-color: #e4f5fc;
      color: #005077; }
    .vendorsWrapper .vendors table tr td {
      display: inline-block;
      vertical-align: top; }
    .vendorsWrapper .vendors table tr td.name {
      width: 50%; }
    .vendorsWrapper .vendors table tr td.image {
      width: 50%;
      padding-left: 10px; }
    .vendorsWrapper .vendors table tr td.image img {
      width: 100px; }
    .vendorsWrapper .vendors table tr td.linkbutton {
      width: 100%;
      padding-top: 10px;
      text-align: right; }
    .vendorsWrapper .vendors table tr td.linkbutton .Button, .vendorsWrapper .vendors table tr td.linkbutton .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters .vendorsWrapper .vendors table tr td.linkbutton .button.search, .vendorsWrapper .vendors table tr td.linkbutton .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias .vendorsWrapper .vendors table tr td.linkbutton .btnCruisesFiltersToogle {
      /*! color: $cssSet4_color1; */
      background-color: #ff8b00;
      color: #fff;
      display: inline-block;
      text-decoration: none; }
  @media only screen and (min-width: 600px) {
    .vendorsWrapper .vendors table {
      display: table;
      width: 100%;
      border-spacing: 0; }
      .vendorsWrapper .vendors table tr {
        display: table-row; }
        .vendorsWrapper .vendors table tr.odd {
          /*! color: $cssSet16_color1; */
          background-color: #fff;
          color: #005077; }
        .vendorsWrapper .vendors table tr.even {
          /*! color: $cssSet16_color2; */
          background-color: #e4f5fc;
          color: #005077; }
        .vendorsWrapper .vendors table tr td {
          display: table-cell;
          vertical-align: top; }
          .vendorsWrapper .vendors table tr td.name {
            width: auto;
            padding: 10px 0 10px 10px; }
          .vendorsWrapper .vendors table tr td.image {
            width: auto;
            padding: 10px; }
            .vendorsWrapper .vendors table tr td.image img {
              width: 100px; }
          .vendorsWrapper .vendors table tr td.linkbutton {
            width: 100%;
            padding: 10px 10px 10px 50px; }
            .vendorsWrapper .vendors table tr td.linkbutton a {
              color: inherit; } }

.shipsWrapper .ships {
  margin: 0 auto; }
  .shipsWrapper .ships h1 {
    /*! border: $cssSet16_borderColor3; */
    background-color: #005077;
    /*! color: $cssSet16_color3; */
    border: 1px solid #005077;
    color: #fff;
    padding: 10px; }
  .shipsWrapper .ships .table .tableRow {
    padding: 10px; }
    .shipsWrapper .ships .table .tableRow.odd {
      /*! color: $cssSet16_color1; */
      background-color: #fff;
      color: #005077; }
    .shipsWrapper .ships .table .tableRow.even {
      /*! color: $cssSet16_color2; */
      background-color: #e4f5fc;
      color: #005077; }
    .shipsWrapper .ships .table .tableRow .tableCell {
      display: inline-block;
      vertical-align: top; }
    .shipsWrapper .ships .table .tableRow .tableCell.name {
      width: calc(100% - 100px);
      padding-left: 10px; }
    .shipsWrapper .ships .table .tableRow .tableCell.name > label > span {
      white-space: nowrap; }
    .shipsWrapper .ships .table .tableRow .tableCell.image {
      width: 100px; }
    .shipsWrapper .ships .table .tableRow .tableCell.image img {
      width: 100px; }
    .shipsWrapper .ships .table .tableRow .tableCell.logoVendor {
      display: none; }
    .shipsWrapper .ships .table .tableRow .tableCell.linkbutton {
      width: 100%;
      padding-top: 10px;
      text-align: right; }
    .shipsWrapper .ships .table .tableRow .tableCell.linkbutton .Button, .shipsWrapper .ships .table .tableRow .tableCell.linkbutton .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters .shipsWrapper .ships .table .tableRow .tableCell.linkbutton .button.search, .shipsWrapper .ships .table .tableRow .tableCell.linkbutton .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias .shipsWrapper .ships .table .tableRow .tableCell.linkbutton .btnCruisesFiltersToogle {
      /*! color: $cssSet4_color1; */
      background-color: #ff8b00;
      color: #fff;
      display: inline-block;
      text-decoration: none; }
  .shipsWrapper .ships .Button, .shipsWrapper .ships .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters .shipsWrapper .ships .button.search, .shipsWrapper .ships .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias .shipsWrapper .ships .btnCruisesFiltersToogle {
    /*! color: $cssSet4_color5; */
    background-color: #878787;
    color: #fff;
    display: inline-block;
    text-decoration: none; }
  @media only screen and (min-width: 600px) {
    .shipsWrapper .ships .table {
      display: table;
      width: 100%; }
      .shipsWrapper .ships .table .tableRow {
        display: table-row; }
        .shipsWrapper .ships .table .tableRow.odd {
          /*! color: $cssSet16_color1; */
          background-color: #fff;
          color: #005077; }
        .shipsWrapper .ships .table .tableRow.even {
          /*! color: $cssSet16_color2; */
          background-color: #e4f5fc;
          color: #005077; }
        .shipsWrapper .ships .table .tableRow .tableCell {
          display: table-cell;
          vertical-align: top; }
          .shipsWrapper .ships .table .tableRow .tableCell.image {
            width: auto;
            padding: 10px 0 10px 10px; }
            .shipsWrapper .ships .table .tableRow .tableCell.image img {
              width: 100px; }
          .shipsWrapper .ships .table .tableRow .tableCell.name {
            width: auto;
            padding: 10px 0 10px 10px; }
          .shipsWrapper .ships .table .tableRow .tableCell.logoVendor {
            display: table-cell;
            padding: 10px 0 10px 10px; }
            .shipsWrapper .ships .table .tableRow .tableCell.logoVendor img {
              width: 80px; }
          .shipsWrapper .ships .table .tableRow .tableCell.content {
            padding: 10px 0 10px 10px; }
          .shipsWrapper .ships .table .tableRow .tableCell.linkbutton {
            padding: 10px 10px 10px 10px;
            width: 180px; }
            .shipsWrapper .ships .table .tableRow .tableCell.linkbutton a {
              color: inherit; } }

#vendorOffers ul {
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px; }
  #vendorOffers ul li {
    margin: 0px;
    padding: 0px; }
  #vendorOffers ul li.header {
    height: 56px;
    width: 100%;
    vertical-align: bottom;
    /*! border: $cssSet13_borderColor2; */
    background-color: #ff8b00;
    /*! color: $cssSet13_color2; */
    border: 1px solid #005077;
    color: #fff; }
    #vendorOffers ul li.header .group2 div {
      border-color: #005077;
      border-right-width: 1px;
      border-right-style: solid; }
    #vendorOffers ul li.header .group2 div.cruise {
      height: 100%; }
    #vendorOffers ul li.header .group3 .w33:not(:last-child) {
      border-color: #005077;
      border-right-width: 1px;
      border-right-style: solid; }
    #vendorOffers ul li.header .Label {
      padding: 3px;
      color: white;
      font-weight: normal;
      font-size: 1.12em; }
  #vendorOffers ul li.body {
    padding: 3px;
    position: relative; }
    #vendorOffers ul li.body .PriceInnen a {
      font-weight: bold;
      font-size: 12px; }
    #vendorOffers ul li.body .PriceAussen a {
      font-weight: bold;
      font-size: 12px; }
    #vendorOffers ul li.body .PriceBalkon a {
      font-weight: bold;
      font-size: 12px; }
    #vendorOffers ul li.body.oddRow {
      /*! border: $cssSet13_borderColor3; */
      background-color: #fff;
      /*! color: $cssSet13_color3; */
      border: 1px solid #005077;
      color: #005077;
      border-width: 1px;
      border-style: none solid solid solid; }
    #vendorOffers ul li.body.oddRow a {
      color: #005077; }
    #vendorOffers ul li.body.oddRow .Harbors {
      font-weight: bold;
      color: #89d1f1; }
    #vendorOffers ul li.body.evenRow {
      /*! border: $cssSet13_borderColor4; */
      background-color: #fff;
      /*! color: $cssSet13_color4; */
      border: 1px solid #005077;
      color: #005077;
      border-width: 1px;
      border-style: none solid solid solid; }
    #vendorOffers ul li.body.evenRow a {
      color: #005077; }
    #vendorOffers ul li.body.evenRow .Harbors {
      font-weight: bold;
      color: #89d1f1; }
    #vendorOffers ul li.body .Ship .RouteShipImage {
      clear: left;
      margin: 6px 5px 5px 0px;
      float: left; }
    #vendorOffers ul li.body .RouteShipRating {
      margin: 2px;
      float: left;
      width: calc(100% - 69px); }
    #vendorOffers ul li.body .Route .RouteHarborsDA {
      color: #89d1f1;
      font-weight: bold; }
    #vendorOffers ul li.body .Route .TipRouteDetail {
      margin-left: 20px; }
    #vendorOffers ul li.body .priceContainer {
      /*! color: $cssSet13_color7; */
      background-color: #e6e6e6;
      color: #005077; }
    #vendorOffers ul li.body .priceContainer a {
      color: #005077; }
    #vendorOffers ul li.body .PriceDif {
      color: #b00614;
      width: 65px;
      height: 30px;
      padding-top: 3px;
      padding-right: 3px;
      text-align: center;
      margin-top: 2px;
      float: left; }
    #vendorOffers ul li.body .PriceDif .PriceDifSVG {
      position: absolute; }
    #vendorOffers ul li.body .PriceDif span {
      font-size: 17px;
      font-weight: bolder;
      margin-left: 5px;
      margin-top: 3px;
      display: inline-block; }
    #vendorOffers ul li.body .SpecialText {
      float: right;
      clear: both;
      padding: 5px;
      font-weight: bold;
      font-size: 12px;
      text-align: right;
      margin-right: 20px;
      color: #b00614; }
    #vendorOffers ul li.body .uat {
      font-weight: bold;
      color: #b00614;
      clear: both;
      margin: 5px; }
    #vendorOffers ul li.body .ButtonToCruise {
      /*! color: $cssSet4_color1; */
      background-color: #ff8b00;
      color: #fff;
      margin-top: 5px;
      float: right; }
    #vendorOffers ul li.body .ButtonToCruise i, #vendorOffers ul li.body .ButtonToCruise span.label {
      color: #fff; }
    #vendorOffers ul li.body .ButtonToCruise .label {
      font-weight: bold; }
    #vendorOffers ul li.body .ButtonToCruise.BookedUp {
      /*! color: $cssSet4_color4; */
      background-color: #b00614;
      color: #fff;
      width: 120px; }
    #vendorOffers ul li.body .ButtonToCruise.BookedUp i, #vendorOffers ul li.body .ButtonToCruise.BookedUp span.label {
      color: #fff; }
  #vendorOffers ul .Label {
    height: 100%;
    padding: 5px;
    color: white;
    font-weight: normal;
    font-size: 1.12em;
    vertical-align: top; }
  #vendorOffers ul .noBorder {
    border: none; }
  #vendorOffers ul .structure {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top; }
    #vendorOffers ul .structure.h50 {
      height: 50%;
      text-align: center; }
    #vendorOffers ul .structure.h50:not(:first-child) {
      text-align: right;
      padding-right: 10px; }
    #vendorOffers ul .structure.w100 {
      width: 100%; }
    #vendorOffers ul .structure.w33 {
      width: 33.33333%; }
    #vendorOffers ul .structure.group1 {
      height: 100%; }
    #vendorOffers ul .structure.group2 {
      height: 100%; }
    #vendorOffers ul .structure.group3 {
      height: 100%; }
    #vendorOffers ul .structure.priceSubDiv {
      margin-bottom: 5px; }
    #vendorOffers ul .structure.group2 {
      width: 67%;
      float: left; }
    #vendorOffers ul .structure.group2 .cruise {
      display: block;
      overflow: hidden; }
    #vendorOffers ul .structure.group2 .cruise .Ship {
      width: 32%;
      float: left; }
    #vendorOffers ul .structure.group2 .cruise .group1 {
      width: 68%; }
    #vendorOffers ul .structure.group2 .cruise .group1 .Route {
      width: 59%; }
    #vendorOffers ul .structure.group2 .cruise .group1 .DateDuration {
      width: 41%; }
    #vendorOffers ul .structure.PricePP {
      width: 33%;
      float: right; }
    #vendorOffers ul .structure.PricePP .longPriceLabel {
      display: none; }
    #vendorOffers ul .structure.PricePP .BtnCruise {
      float: right;
      clear: both;
      margin-right: 3px; }
  @media only screen and (max-width: 728px) {
    #vendorOffers ul .structure.group2 {
      width: 63%; }
      #vendorOffers ul .structure.group2 .cruise .Ship {
        width: 45%; }
        #vendorOffers ul .structure.group2 .cruise .group1 {
          width: 55%; }
          #vendorOffers ul .structure.group2 .cruise .group1 .Route {
            width: 100%;
            height: 50%; }
          #vendorOffers ul .structure.group2 .cruise .group1 .DateDuration {
            width: 100%;
            height: 50%; }
            #vendorOffers ul .structure.group2 .cruise .group1 .DateDuration .dateRange {
              font-weight: bold; }
          #vendorOffers ul .structure.group2 .cruise .group1 .DateDuration:not(.Label) {
            margin-top: 5px; }
      #vendorOffers ul .structure.PricePP {
        width: 37%; } }
  @media only screen and (max-width: 670px) {
    #vendorOffers ul li.header .Ship {
      display: none;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden; }
      #vendorOffers ul li.header .Route {
        display: none;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      #vendorOffers ul li.header .DateDuration {
        display: none;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      #vendorOffers ul li.header .group2 {
        border-color: #005077;
        border-right-width: 1px;
        border-right-style: solid; }
      #vendorOffers ul li.header .group1 {
        border-right-width: 0px; }
      #vendorOffers ul .structure.group2 {
        width: 48%; }
        #vendorOffers ul .structure.group2 .cruise .Ship {
          width: 100%;
          height: 33.3333%; }
          #vendorOffers ul .structure.group2 .cruise .group1 {
            width: 100%;
            height: 66.6666%; }
            #vendorOffers ul .structure.group2 .cruise .group1 .Route {
              width: 100%;
              height: 50%; }
            #vendorOffers ul .structure.group2 .cruise .group1 .DateDuration {
              width: 100%;
              height: 50%; }
      #vendorOffers ul .structure.PricePP {
        width: 52%; } }
  @media only screen and (max-width: 450px) {
    #vendorOffers ul li.header.structure {
      height: 20px; }
      #vendorOffers ul li.header.structure .Ship {
        display: none; }
      #vendorOffers ul li.header.structure .Route {
        display: none; }
      #vendorOffers ul li.header.structure .DateDuration {
        display: none; }
      #vendorOffers ul li.header.structure .PricePP {
        display: none; }
      #vendorOffers ul .structure.group2 {
        width: 100%;
        float: none; }
        #vendorOffers ul .structure.group2 .cruise .Ship {
          width: 100%;
          height: 33.3333%; }
          #vendorOffers ul .structure.group2 .cruise .group1 {
            width: 100%;
            height: 66.6666%; }
            #vendorOffers ul .structure.group2 .cruise .group1 .Route {
              width: 100%;
              height: 50%; }
            #vendorOffers ul .structure.group2 .cruise .group1 .DateDuration {
              width: 100%;
              height: 50%; }
      #vendorOffers ul .structure.PricePP {
        width: 100%;
        float: none; }
        #vendorOffers ul .structure.PricePP .priceContainer {
          padding: 5px;
          margin-top: 5px;
          width: 100%;
          max-width: 280px;
          float: left; }
        #vendorOffers ul .structure.PricePP .priceSpanDiv {
          float: right; }
        #vendorOffers ul .structure.PricePP .longPriceLabel {
          display: inline; }
        #vendorOffers ul .structure.PricePP .shortPriceLabel {
          display: none; }
        #vendorOffers ul .structure.PricePP .BtnCruise {
          clear: none; } }
  @media only screen and (min-width: 450px) {
    #vendorOffers ul .PricePP.structure .priceContainer {
      background-color: transparent; }
      #vendorOffers ul .PricePP.structure .priceContainer .priceSubDiv div {
        text-align: right;
        padding-right: 10px; } }
  #vendorOffers ul .structureNoSearch {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top; }
    #vendorOffers ul .structureNoSearch.h50 {
      height: 50%;
      text-align: center; }
    #vendorOffers ul .structureNoSearch.w100 {
      width: 100%; }
    #vendorOffers ul .structureNoSearch.w33 {
      width: 33.33333%; }
    #vendorOffers ul .structureNoSearch.group1 {
      height: 100%; }
    #vendorOffers ul .structureNoSearch.group2 {
      height: 100%; }
    #vendorOffers ul .structureNoSearch.group3 {
      height: 100%; }
    #vendorOffers ul .structureNoSearch.priceSubDiv {
      margin-bottom: 5px; }
    #vendorOffers ul .structureNoSearch.group2 {
      width: 75%; }
    #vendorOffers ul .structureNoSearch.group2 .cruise .Ship {
      width: 30%; }
    #vendorOffers ul .structureNoSearch.group2 .cruise .group1 {
      width: 70%; }
    #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .Route {
      width: 60%; }
    #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .DateDuration {
      width: 40%; }
    #vendorOffers ul .structureNoSearch.PricePP {
      width: 25%; }
    #vendorOffers ul .structureNoSearch.PricePP .longPriceLabel {
      display: none; }
    #vendorOffers ul .structureNoSearch.PricePP .BtnCruise {
      float: right;
      clear: both;
      margin-right: 3px; }
  @media only screen and (max-width: 728px) {
    #vendorOffers ul .structureNoSearch.group2 {
      width: 65%; }
      #vendorOffers ul .structureNoSearch.group2 .cruise .Ship {
        width: 50%; }
        #vendorOffers ul .structureNoSearch.group2 .cruise .group1 {
          width: 50%; }
          #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .Route {
            width: 100%;
            height: 50%; }
          #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .DateDuration {
            width: 100%;
            height: 50%; }
            #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .DateDuration .dateRange {
              font-weight: bold; }
          #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .DateDuration:not(.Label) {
            margin-top: 5px; }
      #vendorOffers ul .structureNoSearch.PricePP {
        width: 35%; } }
  @media only screen and (max-width: 600px) {
    #vendorOffers ul li.header.structureNoSearch .Ship {
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden; }
      #vendorOffers ul li.header.structureNoSearch .Route {
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      #vendorOffers ul li.header.structureNoSearch .DateDuration {
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden; }
      #vendorOffers ul .structureNoSearch.group2 {
        width: 60%; }
        #vendorOffers ul .structureNoSearch.group2 .cruise .Ship {
          width: 100%;
          height: 33.3333%; }
          #vendorOffers ul .structureNoSearch.group2 .cruise .group1 {
            width: 100%;
            height: 66.6666%; }
            #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .Route {
              width: 100%;
              height: 50%; }
            #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .DateDuration {
              width: 100%;
              height: 50%; }
      #vendorOffers ul .structureNoSearch.PricePP {
        width: 40%; } }
  @media only screen and (max-width: 450px) {
    #vendorOffers ul li.header {
      height: 20px; }
      #vendorOffers ul li.header .Ship {
        display: none; }
      #vendorOffers ul li.header .Route {
        display: none; }
      #vendorOffers ul li.header .DateDuration {
        display: none; }
      #vendorOffers ul li.header .PricePP {
        display: none; }
      #vendorOffers ul li .RouteShipRating {
        margin: 2px;
        float: left;
        width: calc(100% - 169px); }
      #vendorOffers ul .structureNoSearch.group2 {
        width: 100%; }
        #vendorOffers ul .structureNoSearch.group2 .cruise .Ship {
          width: 100%;
          height: 33.3333%; }
          #vendorOffers ul .structureNoSearch.group2 .cruise .group1 {
            width: 100%;
            height: 66.6666%; }
            #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .Route {
              width: 100%;
              height: 50%; }
            #vendorOffers ul .structureNoSearch.group2 .cruise .group1 .DateDuration {
              width: 100%;
              height: 50%; }
      #vendorOffers ul .structureNoSearch.PricePP {
        width: 100%; }
        #vendorOffers ul .structureNoSearch.PricePP .priceContainer {
          padding: 5px;
          margin-top: 5px;
          width: 100%;
          max-width: 280px;
          float: left; }
        #vendorOffers ul .structureNoSearch.PricePP .priceSpanDiv {
          float: right; }
        #vendorOffers ul .structureNoSearch.PricePP .longPriceLabel {
          display: inline; }
        #vendorOffers ul .structureNoSearch.PricePP .shortPriceLabel {
          display: none; } }
  @media only screen and (min-width: 450px) {
    #vendorOffers ul .PricePP.structureNoSearch .priceContainer {
      background-color: transparent; } }

.routesWrapper-2019 {
  /******* temporary *********/
  font-size: 16px;
  padding: 0 10px;
  /****************/
  background: #d2e0e6;
  max-width: 1000px; }
  .routesWrapper-2019 .routes > ul {
    padding-left: 0; }
    .routesWrapper-2019 .routes > ul > li {
      margin-bottom: 30px; }
  .routesWrapper-2019 li {
    list-style: none; }
  .routesWrapper-2019 a {
    color: inherit; }
  .routesWrapper-2019 .hidden {
    display: none; }
  .routesWrapper-2019.Wait {
    opacity: 0.3; }
  .routesWrapper-2019 .routesCruise-2019 {
    border: 1px solid #00225f;
    position: relative;
    color: #005077; }
  .routesWrapper-2019 .left > a {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block; }
  .routesWrapper-2019 .left .vendorPic {
    position: absolute;
    width: 33%;
    padding: 5px;
    margin-top: 10px;
    background-color: #fff; }
  .routesWrapper-2019 .left .placeholderPic {
    width: 60%;
    margin: 20px; }
  .routesWrapper-2019 .left .shipPic {
    width: 100%; }
  .routesWrapper-2019 .right {
    padding: 10px 10px 0 10px; }
  .routesWrapper-2019 .right ul li {
    margin-bottom: 10px; }
  .routesWrapper-2019 .right .ship {
    display: flex;
    margin: 0 0 10px; }
    .routesWrapper-2019 .right .ship a {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 7px;
      text-decoration: none; }
    .routesWrapper-2019 .right .ship a:hover {
      text-decoration: underline; }
    .routesWrapper-2019 .right .ship > div {
      display: inline-block;
      width: auto; }
    .routesWrapper-2019 .right .ship .rating {
      display: inline-block; }
    .routesWrapper-2019 .right .ship .rating .fa-info-circle {
      margin-right: 5px; }
    .routesWrapper-2019 .right .ship .rating .fa-square-full {
      margin-left: -3px; }
    .routesWrapper-2019 .right .ship .discountWrapper {
      position: absolute;
      top: 0;
      right: 0;
      background: transparent;
      width: auto; }
    .routesWrapper-2019 .right .ship .discountWrapper:after, .routesWrapper-2019 .right .ship .discountWrapper:before {
      top: -4px;
      left: -29px;
      border: solid transparent;
      content: " ";
      position: absolute;
      pointer-events: none; }
    .routesWrapper-2019 .right .ship .discountWrapper:after {
      border-color: transparent #a30000 transparent transparent;
      border-width: 0 60px 50px 0; }
    .routesWrapper-2019 .right .ship .discountWrapper:before {
      border-color: transparent rgba(0, 0, 0, 0.25) transparent transparent;
      border-width: 0 67px 57px 0;
      top: -6px;
      left: -33px;
      filter: blur(2px); }
    .routesWrapper-2019 .right .ship .discountWrapper .discount {
      min-width: 27px;
      position: relative;
      z-index: 1;
      padding: 5px 0 0 0;
      font-size: 14px;
      color: #fff; }
    .routesWrapper-2019 .right .ship .axCookieFavorites {
      display: inline-block;
      width: 24px;
      margin-left: auto;
      cursor: pointer; }
    .routesWrapper-2019 .right .ship .axCookieFavorites .fa-heart {
      font-size: 24px; }
    .routesWrapper-2019 .right .ship .axCookieFavorites.isFavorite, .routesWrapper-2019 .right .ship .axCookieFavorites:hover {
      color: #b00614; }
    .routesWrapper-2019 .right .ship .axCookieFavorites.isFavorite .far, .routesWrapper-2019 .right .ship .axCookieFavorites:hover .far {
      display: none; }
    .routesWrapper-2019 .right .ship .axCookieFavorites.isFavorite .fas, .routesWrapper-2019 .right .ship .axCookieFavorites:hover .fas {
      display: inline-block; }
  .routesWrapper-2019 .right .routeName {
    font-weight: bold;
    margin-bottom: 3px; }
  .routesWrapper-2019 .right .date {
    font-weight: bold; }
    .routesWrapper-2019 .right .date .fa-ship {
      margin-right: 5px; }
  .routesWrapper-2019 .right .themes .Img {
    margin: 0;
    vertical-align: bottom; }
  .routesWrapper-2019 .right .promos {
    margin-bottom: 15px; }
    .routesWrapper-2019 .right .promos > div {
      color: #b00614;
      font-size: 13px; }
    .routesWrapper-2019 .right .promos ul {
      list-style: none;
      padding: 0px; }
    .routesWrapper-2019 .right .promos ul .separator {
      color: #005077;
      font-size: 10px; }
  .routesWrapper-2019 .right .rightWrapper {
    float: right;
    display: inline-block;
    width: 100%; }
    .routesWrapper-2019 .right .rightWrapper .prices {
      margin-bottom: 0;
      float: left; }
    .routesWrapper-2019 .right .rightWrapper .prices > a {
      position: relative;
      display: inline-block;
      border: 2px solid #5772b1;
      padding: 5px 10px;
      font-size: 14px;
      cursor: pointer; }
    .routesWrapper-2019 .right .rightWrapper .prices > a:first-of-type {
      margin-right: 20px;
      border: 2px solid #005077; }
    .routesWrapper-2019 .right .rightWrapper .prices > a .fas {
      position: absolute;
      top: -10px;
      right: -8px;
      z-index: 1;
      background: #fff;
      padding: 3px; }
    .routesWrapper-2019 .right .rightWrapper .prices > a .priceTeaser {
      vertical-align: sub; }
    .routesWrapper-2019 .right .rightWrapper .prices > a .price {
      float: right;
      margin-left: 5px; }
    .routesWrapper-2019 .right .rightWrapper .prices > a .price > span {
      font-weight: bold;
      font-size: 18px;
      display: inline-block; }
      .routesWrapper-2019 .right .rightWrapper .prices > a .price > span:first-of-type {
        font-size: 14px; }
    .routesWrapper-2019 .right .rightWrapper .prices > a + a {
      margin-top: 15px; }
    .routesWrapper-2019 .right .rightWrapper .hygIcon {
      float: right;
      width: calc(50% - 3px);
      margin-right: 5px; }
    .routesWrapper-2019 .right .rightWrapper .hygIcon > a > img {
      width: 55px;
      height: 55px;
      float: right; }
  .routesWrapper-2019 .bottom {
    position: relative;
    clear: both; }
  .routesWrapper-2019 .bottom .spoilers {
    font-size: 0;
    margin: 5px 0 0;
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: flex-start; }
    .routesWrapper-2019 .bottom .spoilers span, .routesWrapper-2019 .bottom .spoilers div {
      display: inline-block;
      flex-grow: 1;
      padding: 10px 0;
      margin: 4px 1px 0 0;
      font-size: 14px;
      background: #5cbfeb;
      color: #fff;
      text-align: center;
      cursor: pointer; }
    .routesWrapper-2019 .bottom .spoilers span:hover, .routesWrapper-2019 .bottom .spoilers div:hover {
      text-decoration: underline; }
    .routesWrapper-2019 .bottom .spoilers span.dates, .routesWrapper-2019 .bottom .spoilers div.dates {
      width: 42%; }
    .routesWrapper-2019 .bottom .spoilers span .fa-chevron-up, .routesWrapper-2019 .bottom .spoilers div .fa-chevron-up {
      display: none; }
    .routesWrapper-2019 .bottom .spoilers span.active, .routesWrapper-2019 .bottom .spoilers div.active {
      background: #005077;
      padding-top: 14px;
      margin-top: 0; }
    .routesWrapper-2019 .bottom .spoilers span.active .fa-chevron-up, .routesWrapper-2019 .bottom .spoilers div.active .fa-chevron-up {
      display: inline-block; }
    .routesWrapper-2019 .bottom .spoilers span.active .fa-chevron-down, .routesWrapper-2019 .bottom .spoilers div.active .fa-chevron-down {
      display: none; }
    .routesWrapper-2019 .bottom .spoilers span.showPrices, .routesWrapper-2019 .bottom .spoilers div.showPrices {
      margin-right: 0; }
    .routesWrapper-2019 .bottom .spoilers span.cta, .routesWrapper-2019 .bottom .spoilers div.cta {
      color: #fff;
      background: #ff8b00;
      width: 100%; }
    .routesWrapper-2019 .bottom .spoilers span.cta a, .routesWrapper-2019 .bottom .spoilers div.cta a {
      text-decoration: none; }
    .routesWrapper-2019 .bottom .spoilers span.cta .bookedUp, .routesWrapper-2019 .bottom .spoilers div.cta .bookedUp {
      background: #b00614; }
    .routesWrapper-2019 .bottom .spoilers div {
      margin-right: 0; }
  .routesWrapper-2019 .ajaxContent {
    margin: -1px 0 0; }
  .routesWrapper-2019 .ajaxContent .customDropDown {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #005077;
    padding: 0; }
    .routesWrapper-2019 .ajaxContent .customDropDown li {
      width: 100%;
      min-height: 0;
      padding: 8px 15px 3px;
      cursor: pointer; }
    .routesWrapper-2019 .ajaxContent .customDropDown li:last-of-type {
      border-bottom: 0; }
    .routesWrapper-2019 .ajaxContent .customDropDown li:hover {
      background: lightgray; }
    .routesWrapper-2019 .ajaxContent .customDropDown li span:last-of-type {
      float: right; }
  .routesWrapper-2019 .ajaxContent .NameDepartHarbor h2, .routesWrapper-2019 .ajaxContent .NameArriveHarbor h2 {
    font-size: 16px; }
  .routesWrapper-2019 .ajaxContent .routeItineraryWrapper {
    margin-top: 2px;
    border: 1px solid #005077; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .header {
      display: block;
      min-height: 30px;
      padding: 10px;
      color: #fdfcfd;
      vertical-align: bottom;
      background-color: #005077; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .mapCruiseRoute {
      width: 100%;
      min-height: 299px;
      margin: 0; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table {
      border: 0;
      width: 100%; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table thead tr th {
      display: none;
      vertical-align: top;
      background-color: #005077;
      color: #fdfcfd; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td {
      display: inline-block;
      width: 100%;
      float: none;
      text-align: left;
      background: #fff;
      color: #005077;
      border-bottom: 1px solid #005077; }
      .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td:last-of-type {
        margin-bottom: 15px; }
      .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td label {
        display: inline-block; }
      .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td a {
        font-weight: bold;
        text-decoration: none; }
        .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td a:hover {
          text-decoration: underline; }
      .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr:last-of-type td {
        border-bottom: 0; }
  .routesWrapper-2019 .ajaxContent .price {
    border: 1px solid #005077; }
    .routesWrapper-2019 .ajaxContent .price ul {
      padding: 0; }
    .routesWrapper-2019 .ajaxContent .price ul li {
      border-bottom: 1px solid #005077;
      font-weight: bold;
      color: #005077; }
    .routesWrapper-2019 .ajaxContent .price ul li:last-of-type {
      border: 0; }
    .routesWrapper-2019 .ajaxContent .price ul li:hover {
      background: lightgrey; }
    .routesWrapper-2019 .ajaxContent .price ul li a {
      display: block;
      padding: 10px 15px;
      text-decoration: none; }
    .routesWrapper-2019 .ajaxContent .price ul li span {
      float: right; }
    .routesWrapper-2019 .ajaxContent .price strong {
      min-width: 70%; }
  .routesWrapper-2019 .pagination {
    margin-bottom: 25px;
    text-align: center; }
  .routesWrapper-2019 .pagination .limit {
    width: 100%;
    font-size: 16px;
    padding: 8px 4px; }
  .routesWrapper-2019 .pagination .navigation {
    display: inline-block;
    float: none;
    margin: 20px 0; }
    .routesWrapper-2019 .pagination .navigation.top {
      margin-bottom: 0; }
    .routesWrapper-2019 .pagination .navigation a {
      font-size: 16px;
      font-weight: bold;
      padding: 5px 8px;
      margin-right: 5px;
      cursor: pointer;
      text-decoration: none; }
    .routesWrapper-2019 .pagination .navigation a:last-of-type {
      margin-right: 0; }
    .routesWrapper-2019 .pagination .navigation a.first, .routesWrapper-2019 .pagination .navigation a.last {
      display: none; }
    .routesWrapper-2019 .pagination .navigation a:hover {
      text-decoration: underline; }
    .routesWrapper-2019 .pagination .navigation .currentPage {
      color: #fff;
      background: #005077; }
  .routesWrapper-2019 .orderBy {
    display: none;
    float: right;
    margin-bottom: 9px; }

@media only screen and (min-width: 425px) {
  .routesWrapper-2019 .right .rightWrapper {
    width: 100%; }
    .routesWrapper-2019 .right .rightWrapper .prices {
      width: calc(50% - 3px); }
    .routesWrapper-2019 .bottom .spoilers span, .routesWrapper-2019 .bottom .spoilers div {
      width: calc(23% - 4px); }
      .routesWrapper-2019 .bottom .spoilers span.dates, .routesWrapper-2019 .bottom .spoilers div.dates {
        width: calc(31%); }
      .routesWrapper-2019 .bottom .spoilers span.showPrices, .routesWrapper-2019 .bottom .spoilers div.showPrices {
        margin-right: 1px; }
      .routesWrapper-2019 .bottom .spoilers span.cta, .routesWrapper-2019 .bottom .spoilers div.cta {
        width: auto; }
    .routesWrapper-2019 .bottom .spoilers span:first-of-type {
      display: inline-block; }
    .routesWrapper-2019 .pagination .navigation a.first, .routesWrapper-2019 .pagination .navigation a.last {
      display: inline; } }

@media only screen and (min-width: 600px) {
  .routesWrapper-2019 .routesCruise-2019 {
    position: relative;
    display: flex;
    flex-direction: column; }
    .routesWrapper-2019 .left {
      width: 40%;
      position: absolute;
      left: 0;
      right: 40%;
      top: 0;
      bottom: 37px; }
      .routesWrapper-2019 .left .shipPic {
        object-fit: cover;
        height: 100%; }
    .routesWrapper-2019 .right {
      width: calc(60% - 5px);
      margin-left: auto; }
      .routesWrapper-2019 .right .ship .discountWrapper + .axCookieFavorites {
        margin-right: 50px; }
      .routesWrapper-2019 .right .prices {
        width: calc(50% - 3px); }
      .routesWrapper-2019 .right .hygIcon {
        text-align: left; }
    .routesWrapper-2019 .bottom .spoilers div.cta {
      min-width: 23%; }
    .routesWrapper-2019 .ajaxContent .customDropDown {
      width: 60%;
      margin-left: auto; }
      .routesWrapper-2019 .ajaxContent .price {
        width: 60%;
        margin-left: auto; }
    .routesWrapper-2019 .pagination {
      text-align: right; }
      .routesWrapper-2019 .pagination form {
        display: inline-block; }
      .routesWrapper-2019 .pagination .limit {
        max-width: 200px; }
      .routesWrapper-2019 .pagination .navigation {
        float: right;
        margin-top: 10px; }
        .routesWrapper-2019 .pagination .navigation.top {
          float: none; } }

@media only screen and (min-width: 768px) {
  .routesWrapper-2019 .right .date, .routesWrapper-2019 .right ul > .themes {
    display: inline-block;
    width: calc(50% - 3px); }
    .routesWrapper-2019 .right .date > div, .routesWrapper-2019 .right ul > .themes > div {
      margin-left: 20px; }
    .routesWrapper-2019 .right .rightWrapper {
      width: calc(50% - 3px);
      display: inline-block; }
    .routesWrapper-2019 .right .rightWrapper .prices {
      vertical-align: top;
      float: none;
      width: 100%; }
      .routesWrapper-2019 .right .rightWrapper .prices > a {
        width: calc(100% - 20px);
        margin: 0 0 0 20px;
        text-decoration: none; }
        .routesWrapper-2019 .right .rightWrapper .prices > a:first-of-type {
          margin-right: 0; }
        .routesWrapper-2019 .right .rightWrapper .prices > a:hover {
          text-decoration: underline; }
    .routesWrapper-2019 .right .rightWrapper .hygIcon {
      text-align: right;
      margin-top: 15px; }
    .routesWrapper-2019 .right .promos {
      display: inline-block;
      width: calc(50% - 3px); }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .map {
      width: 40%;
      margin-right: -5px;
      display: inline-block;
      vertical-align: top; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .header {
      font-size: 15px; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .mapCruiseRoute {
      width: 100%;
      min-height: 299px; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .itinerary {
      width: 60%;
      display: inline-block;
      vertical-align: top; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table thead tr th {
      display: table-cell;
      font-size: 15px;
      font-weight: normal;
      padding: 10px 5px; }
      .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td {
        display: table-cell;
        width: auto;
        font-size: 15px;
        padding: 6px 5px; }
        .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td:first-of-type {
          text-align: center; }
        .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td:first-of-type label, .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td:nth-child(4) label, .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItinerary table tbody tr td:last-of-type label {
          display: none; }
    .routesWrapper-2019 .ajaxContent .routeItineraryWrapper .routeItineraryContinue {
      cursor: pointer; } }

@media only screen and (min-width: 900px) {
  .routesWrapper-2019 .left {
    bottom: 0; }
    .routesWrapper-2019 .bottom {
      width: 60%;
      margin-left: auto; }
    .routesWrapper-2019 .pagination {
      max-width: none; }
    .routesWrapper-2019 > .pagination {
      width: 100%; } }

@media only screen and (min-width: 980px) {
  .routesWrapper-2019 {
    width: calc(100% - 200px);
    display: inline-block; }
    .routesWrapper-2019 .pagination {
      display: inline-block;
      text-align: left; }
    .routesWrapper-2019 .orderBy {
      display: inline-block; }
      .routesWrapper-2019 .orderBy select {
        padding: 8px; } }

.inline {
  display: inline-block; }

.vAlignCenter {
  vertical-align: middle; }

#Header #wrapperVasLogin {
  padding: 5px; }
  #Header #wrapperVasLogin .vasLogin {
    /*! color: $cssSet4_color6; */
    background-color: #2fade5;
    color: #fff;
    display: inline-block;
    text-decoration: none; }
  #Header #wrapperVasCruiseRobot {
    padding: 5px;
    float: right; }
  #Header #wrapperVasCruiseRobot .vasCruiseRobot {
    /*! color: $cssSet4_color6; */
    background-color: #2fade5;
    color: #fff;
    display: inline-block;
    text-decoration: none; }

.vasWrapper #tabLogin {
  position: relative;
  /*! color: $cssSet10_color2; */
  background-color: #5cbfeb;
  color: #fff; }
  .vasWrapper #tabLogin .loginError {
    display: none;
    background-color: red;
    position: absolute;
    padding: 10px;
    width: 250px;
    left: calc(50% - 125px);
    top: 40px; }
  .vasWrapper .vasBtnLogin {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    display: inline-block;
    text-decoration: none; }
  .vasWrapper .iframeRegister {
    height: 500px;
    width: 100%; }

.vasRegistrationWrapper, .vasAccountWrapper {
  /*! color: $cssSet10_color2; */
  background-color: #5cbfeb;
  color: #fff;
  position: relative; }
  .vasRegistrationWrapper .MsgErr, .vasAccountWrapper .MsgErr {
    background-color: red;
    position: absolute;
    padding: 10px;
    width: 250px;
    left: calc(50% - 125px);
    top: 160px; }
  .vasRegistrationWrapper .vasBtnRegister, .vasAccountWrapper .vasBtnRegister {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    display: inline-block;
    text-decoration: none; }
  .vasRegistrationWrapper #vasFileUploadButton, .vasAccountWrapper #vasFileUploadButton, .vasRegistrationWrapper #vasFileUploadButton2, .vasAccountWrapper #vasFileUploadButton2 {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    display: inline-block; }
  .vasRegistrationWrapper #vasFileUploadButton.focus, .vasAccountWrapper #vasFileUploadButton.focus, .vasRegistrationWrapper #vasFileUploadButton2.focus, .vasAccountWrapper #vasFileUploadButton2.focus {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px; }
  .vasRegistrationWrapper #vasFileUploadInput, .vasAccountWrapper #vasFileUploadInput, .vasRegistrationWrapper #vasFileUploadInput2, .vasAccountWrapper #vasFileUploadInput2 {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute; }
  .vasRegistrationWrapper #formRegistration input, .vasAccountWrapper #formRegistration input {
    height: 21px;
    font-size: 12px; }
  .vasRegistrationWrapper .messageInvalidType, .vasAccountWrapper .messageInvalidType {
    display: none;
    color: red;
    padding: 5px; }

.vasAccountWrapper {
  padding: 10px;
  overflow: hidden; }
  .vasAccountWrapper #changeAccountData {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    display: inline-block; }
  .vasAccountWrapper table td:first-of-type {
    font-weight: bold;
    line-height: 25px; }

.cruiseRobotWrapper {
  padding: 5px; }

.Button.activateRobot, .cruisesFiltersWrapper > .cruisesFilters .button.search.activateRobot, .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle.activateRobot {
  /*! color: $cssSet4_color1; */
  background-color: #ff8b00;
  color: #fff;
  display: inline-block;
  cursor: pointer; }

.newsletterWrapperVAS {
  color: #4a4a4a;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; }
  .newsletterWrapperVAS h1 {
    font-size: 24px;
    font-family: 'Source Serif Pro', serif;
    font-weight: 400;
    color: #1b437c; }
  .newsletterWrapperVAS h2 {
    font-size: 20px;
    font-family: 'Source Serif Pro', serif;
    font-weight: 400;
    color: #1b437c; }
  .newsletterWrapperVAS .h4 {
    color: #1080ce; }
  .newsletterWrapperVAS .highlight {
    color: #1080ce;
    font-size: 20px; }

.vasCruiseRobotDeactivateWrapper .header {
  /*! color: $cssSet10_color1; */
  background-color: #ff8b00;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: bold; }
  .vasCruiseRobotDeactivateWrapper .main {
    /*! color: $cssSet10_color2; */
    background-color: #5cbfeb;
    color: #fff;
    padding: 5px; }
  .vasCruiseRobotDeactivateWrapper .main .Button, .vasCruiseRobotDeactivateWrapper .main .cruisesFiltersWrapper > .cruisesFilters .button.search, .cruisesFiltersWrapper > .cruisesFilters .vasCruiseRobotDeactivateWrapper .main .button.search, .vasCruiseRobotDeactivateWrapper .main .cruisesCriteriasWrapper > .cruisesCriterias .btnCruisesFiltersToogle, .cruisesCriteriasWrapper > .cruisesCriterias .vasCruiseRobotDeactivateWrapper .main .btnCruisesFiltersToogle {
    /*! color: $cssSet4_color1; */
    background-color: #ff8b00;
    color: #fff;
    text-decoration: none;
    display: inline-block; }

.contactInfoBlock {
  padding: 40px; }

.callbackWrapper {
  padding: 40px; }
  .callbackWrapper h1 {
    margin-bottom: 20px;
    font-size: 30px; }
  .callbackWrapper .callbackFormElement, .callbackWrapper .callbackErrorWrapper .callbackFormElement, .callbackWrapper .callbackConfirmWrapper .callbackFormElement {
    padding: 5px 0px 20px 0px; }
  .callbackWrapper .callbackFormElement label span.frontlabel, .callbackWrapper .callbackErrorWrapper .callbackFormElement label span.frontlabel, .callbackWrapper .callbackConfirmWrapper .callbackFormElement label span.frontlabel {
    margin-bottom: 5px;
    display: block; }
  .callbackWrapper input[type="text"], .callbackWrapper .callbackErrorWrapper input[type="text"], .callbackWrapper .callbackConfirmWrapper input[type="text"] {
    height: 30px;
    width: 100%; }
  .callbackWrapper input[type="email"], .callbackWrapper .callbackErrorWrapper input[type="email"], .callbackWrapper .callbackConfirmWrapper input[type="email"] {
    height: 30px;
    width: 100%; }
  .callbackWrapper select {
    height: 30px;
    margin-right: 10px; }
  .callbackWrapper input.callback_tel_land, .callbackWrapper .callbackErrorWrapper input.callback_tel_land, .callbackWrapper .callbackConfirmWrapper input.callback_tel_land {
    width: 30px; }
  .callbackWrapper input.callback_tel_ort, .callbackWrapper input.callback_telefon {
    width: calc(50% - 20px);
    margin-left: 5px; }
  .callbackWrapper .callback_day, .callbackWrapper .callback_time {
    display: inline-block; }
  .callbackWrapper .callback_day span, .callbackWrapper .callback_time span {
    display: block; }
  .callbackWrapper .callback_day select, .callbackWrapper .callback_time select {
    width: 100%; }
  .callbackWrapper .callback_day {
    width: 65%; }
  .callbackWrapper .callback_time {
    width: calc(35% - 10px);
    margin-left: 10px; }
  .callbackWrapper .callback_time_info {
    margin-top: 5px; }
  .callbackWrapper .child-age {
    margin-bottom: 10px; }
  .callbackWrapper .callback_nachricht {
    width: 100%;
    height: 150px; }
  .callbackWrapper .dataprocessing {
    vertical-align: top; }
  .callbackWrapper .dataprocessing_text {
    display: inline-block;
    width: calc(100% - 30px);
    margin-left: 10px; }
  .callbackWrapper .callbackFormElement {
    max-width: 600px; }

.extendedHeaderBlock .ehb_TopLine {
  overflow: hidden; }
  .extendedHeaderBlock .ehb_TopLine h1 {
    font-size: 30px; }
  .extendedHeaderBlock .ehb_TopLine .ehb_VendorLogo {
    float: right; }
    .extendedHeaderBlock .ehb_TopLine .ehb_VendorLogo img {
      max-height: 70px; }
  .extendedHeaderBlock .ehb_CruiseInfo {
    width: 100%; }
  .extendedHeaderBlock .ehb_CruiseInfo .ehb_Info {
    padding-left: 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: bottom;
    width: 100%; }
    .extendedHeaderBlock .ehb_CruiseInfo .ehb_Info:not(.noBorder) {
      border: 1px solid #005077;
      border-bottom: none; }
    .extendedHeaderBlock .ehb_CruiseInfo .ehb_Info i, .extendedHeaderBlock .ehb_CruiseInfo .ehb_Info > span {
      display: inline-block;
      height: 100%; }
    .extendedHeaderBlock .ehb_CruiseInfo .ehb_Info i {
      padding-right: 5px;
      margin-right: 5px;
      border-right: inherit;
      width: 30px;
      line-height: 30px;
      text-align: center; }
  .extendedHeaderBlock .ehb_CruiseInfo .infoLeft, .extendedHeaderBlock .ehb_CruiseInfo .infoMid, .extendedHeaderBlock .ehb_CruiseInfo .infoRight {
    width: 100%;
    display: inline-block; }
  .extendedHeaderBlock .ehb_CruiseInfo .infoRight .infoBottom {
    border-bottom: 1px solid #005077; }
  .extendedHeaderBlock .ehb_CruiseInfo .infoMid {
    display: none; }
  @media (min-width: 500px) {
    .extendedHeaderBlock .ehb_CruiseInfo .infoLeft, .extendedHeaderBlock .ehb_CruiseInfo .infoRight {
      width: 50%; }

    .extendedHeaderBlock .ehb_CruiseInfo .ehb_Info.infoBottom {
      border-bottom: 1px solid #005077; }

    .extendedHeaderBlock .ehb_CruiseInfo .infoRight .ehb_Info {
      border-left: none; } }
  @media (min-width: 800px) {
    .extendedHeaderBlock .ehb_CruiseInfo .infoLeft, .extendedHeaderBlock .ehb_CruiseInfo .infoRight {
      width: calc(50% - 75px); }

    .extendedHeaderBlock .ehb_CruiseInfo .infoMid {
      display: inline-block;
      width: 150px; }

    .extendedHeaderBlock .ehb_CruiseInfo .infoMid .ehb_Info {
      border-left: none;
      border-right: none; }

    .extendedHeaderBlock .ehb_CruiseInfo .infoRight .ehb_Info {
      border-left: 1px solid #005077; } }
  .extendedHeaderBlock .ehb_Buttons {
    text-align: center;
    padding: 10px; }
  .extendedHeaderBlock .ehb_Buttons .ButtonBooking {
    /*! color: $cssSet4_color2; */
    background-color: #ff8b00;
    color: #fff;
    line-height: 30px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none; }
  @media (min-width: 1000px) {
  .extendedHeaderBlock .ehb_MainLine {
    margin-bottom: 10px; }
  .extendedHeaderBlock .ehb_CruiseInfo {
    display: inline-block;
    vertical-align: bottom;
    width: 60%; }
  .extendedHeaderBlock .ehb_Buttons {
    display: inline-block;
    vertical-align: bottom;
    width: 40%;
    text-align: left;
    padding: 0 0 0 10px; } }
  .extendedHeaderBlock .ehb_Prices {
    margin: 20px 0 20px 0; }
  .extendedHeaderBlock .ehb_Prices .ehb_Price {
    border: 1px solid #005077;
    margin-bottom: 10px; }
    .extendedHeaderBlock .ehb_Prices .ehb_Price .ehb_PriceLabel {
      /*! border: $cssSet16_borderColor3; */
      background-color: #005077;
      /*! color: $cssSet16_color3; */
      border: 1px solid #005077;
      color: #fff;
      border-width: 0 0 1px;
      text-align: center;
      padding: 5px;
      text-transform: uppercase; }
    .extendedHeaderBlock .ehb_Prices .ehb_Price .ehb_PriceAmount {
      text-align: center;
      padding: 20px;
      font-size: 20px; }
  .extendedHeaderBlock .ehb_Prices .ehb_PriceInfo {
    border: 1px solid #005077;
    padding: 10px;
    text-align: center;
    text-transform: uppercase; }
  @media (min-width: 550px) {
  .extendedHeaderBlock .ehb_Price {
    display: inline-block;
    width: 33.33333%;
    margin-bottom: 0;
    border-left: none; }
    .extendedHeaderBlock .ehb_Price:first-child {
      border-left: 1px solid #005077; }
  .extendedHeaderBlock .ehb_PriceInfo {
    border-top: none; } }
  .extendedHeaderBlock .ehb_Pictures {
    position: relative; }
  .extendedHeaderBlock .PicturesMain {
    width: 100%; }
  .extendedHeaderBlock .PicturesMain img {
    width: 100%;
    vertical-align: bottom; }
  .extendedHeaderBlock .PicturesMain .mainPictureWrapper {
    position: relative;
    vertical-align: bottom; }
  .extendedHeaderBlock .PicturesMain .mainPictureTitle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 15px 50px;
    font-size: 20px; }
  .extendedHeaderBlock .PicturesThumbs {
    height: 20vw; }
  @media (min-width: 700px) {
  .extendedHeaderBlock .PicturesMain {
    width: 50%; }
  .extendedHeaderBlock .PicturesThumbs {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .extendedHeaderBlock .PicturesThumbs {
    height: auto; } }
  @media (min-width: 1000px) {
  .extendedHeaderBlock .PicturesMain {
    width: 50%; }
  .extendedHeaderBlock .PicturesThumbs {
    width: 50%; } }
  .extendedHeaderBlock .slick-prev:before, .extendedHeaderBlock .slick-next:before {
    color: #ff8b00;
    position: relative;
    top: -2px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 30px; }
  .extendedHeaderBlock .slick-prev {
    left: 5px; }
  .extendedHeaderBlock .slick-prev:before {
    content: '\f32a'; }
  .extendedHeaderBlock .slick-next {
    right: 5px; }
  .extendedHeaderBlock .slick-next:before {
    content: '\f32b'; }
  .extendedHeaderBlock .slick-prev, .extendedHeaderBlock .slick-next {
    background-color: white;
    z-index: 10;
    border-radius: 3px;
    width: 26px;
    height: 26px;
    opacity: 0.3; }
  .extendedHeaderBlock .slick-slider:hover .slick-prev, .extendedHeaderBlock .slick-slider:hover .slick-next {
    opacity: 1; }
  .extendedHeaderBlock .slick-prev:hover, .extendedHeaderBlock .slick-next:hover, .extendedHeaderBlock .slick-prev:focus, .extendedHeaderBlock .slick-next:focus {
    background-color: white; }
  .extendedHeaderBlock .slickthumbs .slick-list {
    height: 100%; }
  .extendedHeaderBlock .slickthumbs .slick-track {
    height: 100%; }
  .extendedHeaderBlock .slickthumbs .slick-slide > div {
    height: 100%; }
  @media (min-width: 700px) {
  .extendedHeaderBlock .slickthumbs .slick-slide > div {
    height: 50%; } }
  .extendedHeaderBlock .slickthumbs .slick-slide > div:first-child {
    margin-bottom: 2px; }
  .extendedHeaderBlock .slickthumbs .slick-slide > div:last-child {
    margin-top: 2px; }
  .extendedHeaderBlock .thumbWrapper {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid white;
    border-right: 1px solid white; }
  .extendedHeaderBlock .thumbWrapper:first-child {
    border-left: 2px solid white; }
  .extendedHeaderBlock .thumbWrapper:last-child {
    border-right: 2px solid white; }
  .extendedHeaderBlock .thumbWrapper img {
    margin-left: 50%;
    transform: translate(-50%);
    height: 100%;
    vertical-align: bottom; }

#specialContainer, #CruiseContentLeistungen, .CruiseRouteItinerary, .PrinterLink, .ShipInformation, .CruiseSection, .CruiseFooter, .Cruise2Content {
  background-color: #d2e0e6; }