body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */
@media screen,projection{.ym-grid{display:table;width:100%;table-layout:fixed;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g15{width:15%}.ym-g20{width:20%}.ym-g25{width:25%}.ym-g30{width:30%}.ym-g33{width:33.333%}.ym-g35{width:35%}.ym-g38{width:38.2%}.ym-g40{width:40%}.ym-g45{width:45%}.ym-g50{width:50%}.ym-g55{width:55%}.ym-g60{width:60%}.ym-g62{width:61.8%}.ym-g65{width:65%}.ym-g66{width:66.666%}.ym-g70{width:70%}.ym-g75{width:75%}.ym-g80{width:80%}.ym-g85{width:85%}.ym-gbox{padding:0 10px}.ym-gbox-left{padding:0 10px 0 0}.ym-gbox-right{padding:0 0 0 10px}.ym-equalize{overflow:hidden}.ym-equalize>[class*="ym-g"]{display:table-cell;float:none;margin:0;vertical-align:top}.ym-equalize>[class*="ym-g"]>[class*="ym-gbox"]{padding-bottom:10000px;margin-bottom:-10000px}}@media print{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table}}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/****************************************************************

* Files

*****************************************************************/

/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('/files/fonts/roboto-slab-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/roboto-slab-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/roboto-slab-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/roboto-slab-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/roboto-slab-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/roboto-slab-v23-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/roboto-slab-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/roboto-slab-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/roboto-slab-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/roboto-slab-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/roboto-slab-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/roboto-slab-v23-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* karla-regular - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/karla-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/karla-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/karla-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/karla-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/karla-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/karla-v22-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */
}



/*******************************************************************
 *
 *  reset
 *
 *******************************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
fieldset {border: 0;}
ul, li { list-style-type:none; }



/*******************************************************************
 *
 *  basics
 *
 *******************************************************************/
html { height:101%; }
body {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	line-height: 1.4;
	background: url(../../files/images/css/background_sea_3.jpg) fixed;
	background-size: cover;
	color:#000;
}
h1, h2, h3 { color:#39748b; }
h1 { font-size:16pt; margin-top:10px; margin-bottom:12px; }
h2 { font-size:12pt; margin-top:10px; margin-bottom:12px; }
h3 { font-size:10pt; margin-bottom:12px;}
.subteaser h3 { color:#000; }
p { margin-bottom:12px; }
a { color:#39748b; }
th, td { padding:8px 6px; vertical-align:top; }



/*******************************************************************
 *
 *  layout
 *
 *******************************************************************/
#wrapper { max-width: 1180px; min-width:1000px; margin: 0 auto;}

#header { background: white; margin: 20px 20px 0;}
#headerlink { position:absolute; display:block; height:80px; width:300px; }
#logo { background: url(../../files/images/css/logo.png) no-repeat scroll 20px 10px; display:block; position:absolute; width:38%; height:50px; }

#container { background-color:#fff; margin: 0 20px; padding:24px; }

#footer { background-color:#39748b; margin: 0 20px 20px;}
#footer ul { width:330px; margin:0 auto; padding-top:20px; }
#footer ul li { display:block; float:left; }
#footer ul li a { text-decoration:none; color:#fff; padding:0 10px; }

.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}


/*******************************************************************
 *
 *   header
 *
 *******************************************************************/
.hotline {
	position: absolute;
	left: 42%;
	top: 14px;
}

.hotline__head {
	font-weight: 700;
	margin-bottom: 2px;
	font-size: 13pt;
	letter-spacing: 1px;
}

.hotline__body {
	font-size: 10pt;
}

.hotline__day {
	display: inline-block;
	
}

.headerbanner {
	position: absolute;
	background-image: url(/files/images/logos/partner-stoerer2025.png);
	width: 394px;
	height: 90px;
	right: 27px;
	top: -12px;
	z-index: 2;
}



/*******************************************************************
 *
 *   navigation
 *
 *******************************************************************/

/*******************************************************************
 * mainnavigation
 *******************************************************************/
#mainnav { font-family: Roboto, Helvetica, Arial, sans-serif; background-color: #39748b; height: 42px; position: relative; top: 90px; }
#mainnav ul li { height: 42px; display: block; float: left; border-right: 1px solid #fff; }
#mainnav ul li a, #mainnav ul li strong {
	display:block;
	color: #fff;
	font-size: 12pt;
	padding: 10px 20px;
	text-decoration: none;
	letter-spacing: 1px;
}

#mainnav ul li a:hover,
#mainnav ul li.active {
	background-color: #fe8607;
}

/*******************************************************************
 * sub navigation
 *******************************************************************/
.subnav { position:relative; width:100%; height:100%; overflow: visible; z-index:999; margin-bottom:18px; }
.subnav ul.level_1 { position:relative; width:100%; height:24px }
.subnav ul.level_1 li { display:block; float:left; margin-right:12px; margin-bottom: 12px; height:24px; }

.subnav ul.level_1 > li > a,
.subnav ul.level_1 > li > strong { background:#39748b; color:#fff; text-decoration:none; border: 1px solid #ccc; padding:6px 12px; }
.subnav ul.level_1 > li > a.active, 
.subnav ul.level_1 > li > strong.active, 
.subnav ul.level_1 > li > a:hover { background:#fe8607; color:#fff; }

.subnav ul.level_1 li ul.level_2 { display:none; position:absolute; background: #e5f5ff; border: 1px solid #39748b; padding: 12px; top:24px; }
.subnav ul.level_1 li ul.level_2 > li { float:none; }
.subnav ul li:hover ul.level_2 { display:block; }



/*******************************************************************
 *
 *  startpage
 *
 *******************************************************************/

/*******************************************************************
 * search form
 *******************************************************************/
.searchform { padding: 12px; background-color: #bae4f1; }

#kreuzfahrtsuche .formbody {display: flex; flex-wrap: wrap; }

.flex-1 { order: 1; }
.flex-2 { order: 2; }
.flex-3 { order: 2; }
.flex-4 { order: 4; }
.flex-5 { order: 3; }
.flex-6 { order: 6; }

#kreuzfahrtsuche .widget {
	width:50%;
	box-sizing: border-box;
	margin-bottom: 12px;
}

#kreuzfahrtsuche div.widget-left {
	width: calc(50% - 9px);
	margin-right: 9px;
}

#kreuzfahrtsuche div.widget-right {
	width: calc(50% - 9px);
	margin-left: 9px;
}

#kreuzfahrtsuche .widget-radio {
	padding: 6px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#kreuzfahrtsuche .widget-radio label,
#kreuzfahrtsuche .widget-radio input[type="radio"] {
	cursor: pointer;
}

#kreuzfahrtsuche select,
#kreuzfahrtsuche input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	padding: 6px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fafafa;
}

#kreuzfahrtsuche div.widget-left.flex-1 {
	margin-right: 40px;
}

/* Button */
#kreuzfahrtsuche .submit_container { width:100%; }
#kreuzfahrtsuche input[type="submit"] {
	width: 100%;
	background: #39748b;
	color: #fff;
	font-weight:500;
	font-size:10pt;
	text-decoration:none;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding:8px 16px;
	text-align: center;
	cursor: pointer;
}
#kreuzfahrtsuche input[type="submit"]:hover { background:#fe8607; }
#kreuzfahrtsuche input[type=submit]:disabled {
	background:#e3e3e3; cursor: default; color: #39748b; font-weight: 400;
}

.button_orange { 
	display:inline-block; 
	background:#fe8607; 
	width:95%;
	border: 1px solid #fe8607; 
	padding:8px 16px; 
	text-align: left; 
	margin: 0 0 12px 0; 
	cursor: pointer;
	}

.button_orange a {
	color:#fff; 
	font-size: 12pt !important;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none; 
	letter-spacing: 1px;
	}	


.tt_btn {
	margin-bottom:20px;
}

.tt_btn a, .tt_button-bar-stepnumber {
  background-color: #39748b;
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  color: #fff;
}
.tt_btn a {
  display: inline-block;
  width: 100%;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: #39748b;
  border: 1px solid #39748b;
  padding: .475rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: color 0.15s;
  text-decoration:none;
}
.tt_radius a {
  border-radius: .25rem;
}

/* Icons */
div.icon {
	position: relative;
}

div.icon::before {
	position: absolute;
	box-sizing: border-box;
	width: 32px;
	height: 28px;
	padding: 2px 3px;
	background: #fafafa;
	/* border: 1px solid #ccc; */
	border-radius: 6px;
	top: 1px;
	left: 1px;
}

div.icon__ship::before {
	content: url(../../files/images/css/icon_directions_boat_24px.svg);
}

div.icon__destination::before {
	content: url(../../files/images/css/icon_my_location_24px.svg);
}

div.icon__calendar::before {
	content: url(../../files/images/css/icon_event_note_24px.svg);
}


/*******************************************************************
 * vendors & ships navigation
 *******************************************************************/
.submenu_start {
	margin-bottom: 24px;
}

.subsubmenu_start a,
.subsubmenu_start span {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display:block;
	width: calc(50% - 17px);
	margin-right: 1px;
	padding: 8px;
	text-decoration:none;
	border-top:1px solid #fff;
    float: left;
    background: #bae4f1;
    font-size: 12px;
	color: #39748b;
	font-weight: 500;
}

.subsubmenu_start a.fullsize,
.subsubmenu_start strong.fullsize {
	width: 100%;
}

.subsubmenu_start a:hover {
	background:#ffd9ba;
	
}

.submenu_neu_start {
	margin-bottom: 24px;
}

.subsubmenu_neu_start a,
.subsubmenu_neu_start span {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display:block;
	width: calc(25% - 17px);
	margin-right: 1px;
	padding: 8px;
	text-decoration:none;
	border-top:1px solid #fff;
    float: left;
    background: #bae4f1;
    font-size: 12px;
	color: #39748b;
	font-weight: 500;
}



.subsubmenu_start a:hover {
	background:#ffd9ba;
	
}


.guthaben {
	color:red;
	display:block;
	font-weight:700;
}


/*******************************************************************
 * subteaser
 *******************************************************************/
.subteaser {
	width:calc(50% - 10px);
	/*border:1px solid #ccc; */
	margin-bottom:20px;
	box-sizing: border-box;
}
.subteaser img { width: 100%}
.subteaser h3 { font-weight:normal; padding: 8px; margin-bottom: 0;}
.subteaser li { width:340px; height:260px; float:left; margin-bottom:10px; }
.subteaser .subteaser_content { border:1px solid #ccc; width:338px; height:226px; }
.subteaser .guthaben {
	padding: 8px;
	display: inline-block;
	width: 67%;
	box-sizing: border-box;
	min-height: 50px;
}
.subteaser .subteaser_preis {
	background: #ff0000;
	color: #fff;
	float: right;
	padding: 4px;
	margin-bottom: 0;
	box-sizing: border-box;
	margin-top: 10px;
}


/*******************************************************************
 * offers
 *******************************************************************/
.offer_link { display:block; height:224px; position:absolute; width:688px; }
.offer_content:hover { border:1px solid #ff0000; }
.offer_content { border:1px solid #ccc; width:688px; }
.offer_image { }
.offer_advantages { float:right; width:50%; list-style-image:url(../../files/images/css/check.png); width:320px; padding:20px 10px 0 0; }
.offer_price_wrapper { height:26px; width:690px; }
.offer_price { width:50px; background:#ff0000; color:#fff; float:right; height:18px; padding:4px; position:relative; top:-1px; }


/*******************************************************************
 * ?
 *******************************************************************/
.boxlink { position:relative; display:block; float:left; }
.boxlink:hover .tooltip_reedereien, .firetooltip:hover + .tooltip_schiff, .firetooltip:hover + .tooltip_dany { display:block; }
.firetooltip { cursor:help; }
.tooltip_reedereien { display:none; background: none repeat scroll 0 0 #FFFFFF;
	left:200px; top:0; padding: 10px;
	position: absolute; text-align: left; width: 300px; z-index:30;
	background-color:#fff;
	border-width: 0;
	border-color:#999999;
	-moz-box-shadow:0px 3px 5px #999999;
	-webkit-box-shadow:0px 3px 5px #999999;
	box-shadow:0px 3px 5px #999999;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(top, #ffffff, #eeeeee);
}
.tooltip_schiff { display:none; background: none repeat scroll 0 0 #FFFFFF;
	left:668px; top:0; padding: 10px;
	position: absolute; text-align: left; width: 250px; z-index:30;
	background-color:#fff;
	border-width: 0;
	border-color:#999999;
	-moz-box-shadow:0px 3px 5px #999999;
	-webkit-box-shadow:0px 3px 5px #999999;
	box-shadow:0px 3px 5px #999999;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(top, #ffffff, #eeeeee);
}



/*******************************************************************
 *
 *  kreuzfahrt details
 *
 *******************************************************************/
.box_details { margin-bottom:20px; border:1px solid #ccc; padding:10px; }
.box_details_blue { margin-bottom:20px; border:1px solid #39748b; padding:10px; }
.box_details_red { margin-bottom:20px; border:1px solid red; padding:10px; }
.box_details_red h2 { color:red; }
.box_details_red td { padding-left:0; }

.box_details, .box_details_blue, .box_details_red { line-height: 14pt; }
.box_details table, .box_details_blue table, .box_details_red table { margin-bottom: 6px; }
.box_details td, .box_details_blue td, .box_details_red td { padding: 0 3px 0 0; }

.box_details ul { margin-bottom:20px; }
.box_details ul li { background:url(../../files/images/css/check.png) no-repeat scroll 0 4px; padding-left:22px; line-height:16pt; }
.description { margin-bottom:20px; }

.longdescription { clear:both; }
.prices { clear:both; display:none; }
.ship { clear:both; display:none; }
.subcr ul { margin-bottom:12px; }

.subnavi { font-weight:600; clear:both; height:30px; padding-top:6px; margin-bottom: 12px; }
.subnavi li { display:block; float:left; margin-right:10px; }
.subnavi li a { background:#39748b; color:#fff; font-weight:500; text-decoration:none; border: 1px solid #ccc; padding: 6px 12px; }
.subnavi li a.active, .subnavi li a:hover { background:#fe8607; color:#fff; }


/*******************************************************************
 * schiff details
 *******************************************************************/
.pdf_link { position:relative; left:920px; top:24px; z-index:100; }


/*******************************************************************
 * Hapag Lloyd details
 *******************************************************************/
.reise-hapag .c33r { height: 225px; background-color: #e3e3e3; box-sizing: border-box; padding: 13px; }
img.u-mb { display:none; }
.productDetail__itineraryTable { border-collapse: collapse; }
.productDetail__itineraryTable tr:nth-child(2n) { background-color: #dedede; }
.productDetail__itineraryTable td { padding: 10px; }
.productDetail__itineraryTable__itemContent__teaser { width: 114px; }
.productDetail__itineraryTable td p { margin-bottom: 0; }

/* Hapag Lloyd details after relaunch of HL website */
.travel-history-station .gi {
	width: 48%;
	float: left;
	padding:1%;
	
}

/*******************************************************************
 * AIDA overview
 *******************************************************************/
#stage {
	z-index: 1;
	margin-bottom: 4px;
}
#stage-pager img {
	padding: 2px;
}
#stage-pager .cycle-pager-active,
#stage-pager img:hover {
	padding: 0;
	border: 2px solid #fe8607;
}
.logo_aida {
	position: absolute;
	z-index: 40;
	right: -18px;
	opacity: 0.9;
}


/*******************************************************************
 * reiseberichte
 *******************************************************************/
.mod_newslist .layout_short { margin-bottom:20px; }




/*******************************************************************
 *
 *  team
 *
 *******************************************************************/
div.team_member {
	width: calc(50% - 24px - 9px);
	display: inline-block;
	padding: 12px;
	vertical-align: top;
}

.team_member img {
	width: 100%;
	height: 100%;
}



/*******************************************************************
 *
 *  jcarousels
 *
 *******************************************************************/
.carousel_preis {
    display:block;
    padding:6px;
    float:right;
    text-align:right;
    font-size: 14pt;
    color:#fff;
    background:red;
}

/*******************************************************************
 * images
 *******************************************************************/
.mod_article img {

}

#phoenix-reisen img,
#hapag-lloyd-kreuzfahrten img,

[id^=ms-europa-] img,
[id^=ms-europa-2-] img,
[id^=ms-hanseatic-nature-] img,
[id^=ms-hanseatic-inspiration-] img,
[id^=ms-hanseatic-spirit-] img,
[id^=ms-bremen-] img {
	width: 100%;
	height: 100%;
}

/* img with 100% (id^=...) kills hover-images on kreuzfahrtprogramm */
/* override so that img in tables behave normal */
.ce_table img { 
	width: inherit !important;
	height: inherit !important; 
}

/*******************************************************************
 * tables
 *******************************************************************/
.details table, .hl_journeys { width:100%; border:1px solid #ccc; border-collapse:collapse; margin-bottom:20px; }
.details th, .hl_journeys th { color: #fff; background-color: #39748b; min-width: 80px;}
.details .even td { background:#fff; }
.details .odd td { background:#e3e3e3; }

.details.deutschland a,
.details.phoenix a { text-decoration:none; color:#000; }
.details.deutschland td,
.details.phoenix td { vertical-align:middle; }

.details.deutschland .col_last { text-align: right; }

.phoenix .col_2, .phoenix .col_5 { white-space:nowrap; }

.bordguthaben table td, .bordguthaben table th { width:100px; }
table#table_1777 td { text-align:right; }
table#table_3131 td { text-align:right; }
table#table_3705 td { text-align:right; }
table#table_3722 td { text-align:right; }
table#table_3756 td { text-align:right; }
table#table_3739 td { text-align:right; }
td.headline { }
.details table .caption {display:none;}


/*******************************************************************
 * forms
 *******************************************************************/
input, select, textarea { margin-bottom:4px; }
input.text { width:300px; padding:2px; }
textarea { width:510px; padding:2px; border:1px solid #ccc; }
select { }
#bookingform h2 { border-bottom:1px solid #ccc; padding-bottom:5px; }
#bookingform label, .bookingform label { display: block; float: left; width: 150px; }
.row { margin-bottom:6px;padding-bottom:6px; border-bottom:1px solid #ccc; }


/*******************************************************************
 * lists
 *******************************************************************/
.disc { margin-bottom:20px; }
.disc li { list-style-type:disc; margin-left:20px; } 


/*******************************************************************
 * downloads
 *******************************************************************/
.ce_download, .ce_downloads { margin-bottom:30px; }


/*******************************************************************
 * buttons
 *******************************************************************/
.button { display:inline-block; background:#39748b; color:#fff; font-weight:500; font-size:10pt; text-decoration:none; border: 1px solid #ccc; padding:8px 16px; text-align: center; margin: 0 18px 12px 0; cursor: pointer; }
.button:hover { background:#fe8607; color:#fff; }
.button-full { width:100%; padding: 8px 0; }
.button-low { height: 10px; line-height: 10px; }
.button-topright { position: absolute; top:0; right: 0; margin-right: 0; }


/*******************************************************************
 * cruise portal
 *******************************************************************/
#CPIFrame {
	position:relative;
	z-index:20;
}


/*******************************************************************
 * Exit intent popup
 *******************************************************************/
#bio_ep {
    width: 680px;
    height: 406px;
    background: url(../../files/images/css/europa_2_nl_teaser.jpg);
    border: 4px solid #39748B;
}

#bio_ep_close {
    background-color: #39748b; 
    padding: 5px;
    line-height: 20px;
    top: -10px;
}

#bio_ep_inner {
	padding: 20px 20px 20px 216px;
}

#bio_ep_headline {
	font-size: 26px;
	color: #fff;
}

#bio_ep_text {
	font-size: 11px;
	color: #fff;
}

#bio_ep_text a {
	color: #ffffff;
}

#bio_ep input.text {
	padding: 6px;
}

#bio_ep input.submit {
	display: inline-block;
	position: relative;
	left: -5px;
    background: #39748b;
    color: #fff;
    font-weight: 500;
    font-size: 10pt;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 8px 16px;
    text-align: center;
    margin: 0 18px 12px 0;
    cursor: pointer;
}

/*******************************************************************
 * helpers
 *******************************************************************/
.box { border:1px solid #ccc; padding:12px; margin-bottom:20px; clear:both; }
.box h1 { border-bottom:1px solid #ccc; padding-bottom:12px; }
.box h2, .tooltip_schiff h2 { border-bottom:1px solid #ccc; padding-bottom:12px; }
#gruppenreisen .box h2 { border-bottom:0; padding-bottom:0; border-top:1px solid #ccc; padding-top:12px;}
#gruppenreisen .box h2:first-of-type { border-top:0; padding-top:0; }
.clearfix { clear:both; }
.error, .price, .red { color:red; }
.redright { color:red; text-align:right !important;}
.floatleft { float:left; }
.relative { position:relative; }
.infobox { border:1px solid #1f6191; margin-bottom:20px; background:#e5f5ff; }
.infobox p { margin:20px; background:url(../../files/images/css/information.png) no-repeat transparent; padding-left:25px; }
.left { float:left; margin:0 20px 20px 0; }
.right { float:right; }
.clear { clear:both; }
.widthauto { width: auto; }
.pl-17 {padding-left: 17px; }

.one-line { height: 48px; padding-top: 24px; }
.one-line-left { float: left; }
.one-line-right li { float: right !important; }

.border { border:1px solid #ccc; }
.noborder { border:none !important; }
.marginbottom { margin-bottom:12px; }

#scrollToTop_button {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999999;
    padding: 12px;
    color: white;
    opacity: 0.7;
    background: #333;
    cursor: pointer;
    transition: opacity 250ms;
    -o-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -webkit-transition: opacity 250ms;
}

#scrollToTop_button:hover {
    opacity: 0.9;
}

.shift-column { overflow: visible; }
.shift-column .c25r, .shift-column .c62r { margin-top: -49px; }

.phoenix .col_0, .deutschland .col_0 { position: relative; }
.triggershowonhover { display: block; }
.showonhover { display:none; position: absolute; z-index: 1;}
.phoenix .showonhover { left: 124px; top: -200px; }
.deutschland .showonhover { left: 124px; top: -100px; }
.triggershowonhover:hover .showonhover { display: block; }

.trennlinie {
    width: 80%;
    height: 1px; /* Höhe der Trennlinie */
    background-color: #ccc; /* Graue Farbe */
    margin: 30px auto; /* Abstand oben und unten */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Schatten */
}
#footer ul {
    width: 450px !important;
}
.hotline__head a {
    text-decoration:none;
    color:#000;
}
.cookiebar {
    font-size:12px;
}
.cookiebar__button {
    background-color:#206597;
    border:1px solid #fff;
    border-radius:5px;
}
table caption,
.tt_poweredby {
    display:none !important;
}
.preis {
    float:right;
    display:block;
    margin-top:15px;
    margin-right:10px;
    padding:6px;
    text-align:right;
    background-color:#f00;
    font-size:14pt;
    color:#fff;
}
.preis p {
    margin-bottom:0;
    color:#fff;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../../files/images/css/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../../files/images/css/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../../files/images/css/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../../files/images/css/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../../files/images/css/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../files/images/css/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../../files/images/css/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../../files/styles/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../../files/images/css/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../files/images/css/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../../files/images/css/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../../files/images/css/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../../files/images/css/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../../files/images/css/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../../files/images/css/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../../files/images/css/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../../files/images/css/fancybox.png') -55px -90px no-repeat;
}


/*******************************************************************
 * AIDA Werbung Responsive Positioning
 *******************************************************************/

/* Standard-Styling für AIDA Werbung */
#aidawerbung {
    position: relative;
    z-index: 10;
    transition: all 0.3s ease;
}

/* Für Bildschirme größer als 1480px: Werbung rechts außerhalb des Containers */
@media screen and (min-width: 1481px) {
    #aidawerbung {
        position: fixed;
        left: calc(50% + 570px + 20px); /* 50% + halbe Webseitenbreite (590px) + 20px Abstand */
        top: 40%;
        transform: translateY(-50%);
        z-index: 1000;
        max-width: 300px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        overflow: hidden;
    }
    
    #aidawerbung img {
        width: 100%;
        height: auto;
        display: block;
    }
}

/* Für Bildschirme zwischen 1000px und 1480px: Werbung in der rechten Spalte */
@media screen and (max-width: 1480px) and (min-width: 1000px) {
    #aidawerbung {
        position: relative;
        float: right;
        margin: 0 0 20px 20px;
        max-width: 250px;
        clear: right;
    }
    
    #aidawerbung img {
        width: 100%;
        height: auto;
        display: block;
    }
}

/* Für sehr kleine Bildschirme unter 1000px: Werbung zentriert */
@media screen and (max-width: 999px) {
    #aidawerbung {
        position: relative;
        margin: 20px auto;
        text-align: center;
        max-width: 280px;
        clear: both;
    }
    
    #aidawerbung img {
        width: 100%;
        height: auto;
        display: block;
    }
}
.rs-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 22px; /* hier stellst du den Abstand ein */
}

.rs-column {
  margin: 0; /* alle Margins aus */
  flex: 1;
}
/*******************************************************************
 * FINALE LAYOUT-KORREKTUREN FÜR KREUZFAHRT1000.DE
 * Container Abstand und Submenu Umbruch-Probleme beheben
 *******************************************************************/