:root {
	
	/* NEW */
--primary-900: #1a2c16;
--primary-rgb-900: 26, 44, 22;
--primary-800: #1f2f1e;
--primary-rgb-800: 31, 47, 30;
--primary-700: #2d4b26;
--primary-rgb-700: 45, 75, 38;
--primary-600: #4a7e3e;
--primary-rgb-600: 74, 126, 62;
--primary-500: #609255;
--primary-rgb-500: 96, 146, 85;
--primary-400: #7faa6b;
--primary-rgb-400: 127, 170, 107;
--primary-300: #a6c68a;
--primary-rgb-300: 166, 198, 138;
--primary-200: #c4d8a7;
--primary-rgb-200: 196, 216, 167;
--primary-100: #e1f0c6;
--primary-rgb-100: 225, 240, 198;
--primary-50: #f5f9ed;
--primary-rgb-50: 245, 249, 237;	

--secondary-900: #1a2c16;
--secondary-rgb-900: 26, 44, 22;
--secondary-800: #1f2f1e;
--secondary-rgb-800: 31, 47, 30;
--secondary-700: #2d4b26;
--secondary-rgb-700: 45, 75, 38;
--secondary-600: #4a7e3e;
--secondary-rgb-600: 74, 126, 62;
--secondary-500: #609255;
--secondary-rgb-500: 96, 146, 85;
--secondary-400: #7faa6b;
--secondary-rgb-400: 127, 170, 107;
--secondary-300: #a6c68a;
--secondary-rgb-300: 166, 198, 138;
--secondary-200: #c4d8a7;
--secondary-rgb-200: 196, 216, 167;
--secondary-100: #e1f0c6;
--secondary-rgb-100: 225, 240, 198;
--secondary-50: #f5f9ed;
--secondary-rgb-50: 245, 249, 237;	

--tertiary-900: #1a2c16;
--tertiary-rgb-900: 26, 44, 22;
--tertiary-800: #1f2f1e;
--tertiary-rgb-800: 31, 47, 30;
--tertiary-700: #2d4b26;
--tertiary-rgb-700: 45, 75, 38;
--tertiary-600: #4a7e3e;
--tertiary-rgb-600: 74, 126, 62;
--tertiary-500: #609255;
--tertiary-rgb-500: 96, 146, 85;
--tertiary-400: #7faa6b;
--tertiary-rgb-400: 127, 170, 107;
--tertiary-300: #a6c68a;
--tertiary-rgb-300: 166, 198, 138;
--tertiary-200: #c4d8a7;
--tertiary-rgb-200: 196, 216, 167;
--tertiary-100: #e1f0c6;
--tertiary-rgb-100: 225, 240, 198;
--tertiary-50: #f5f9ed;
--tertiary-rgb-50: 245, 249, 237;	

--primary_variable-50: #FFFFFF;
--primary_variable-rgb-50: 255, 255, 255;
--primary_variable-100: #FFFFFF;
--primary_variable-rgb-100: 255, 255, 255;
--primary_variable-200: #FFFFFF;
--primary_variable-rgb-200: 255, 255, 255;
--primary_variable-300: #FFFFFF;
--primary_variable-rgb-300: 255, 255, 255;
--primary_variable-400: #FFFFFF;
--primary_variable-rgb-400: 255, 255, 255;
--primary_variable-500: #FFFFFF;
--primary_variable-rgb-500: 255, 255, 255;
--primary_variable-600: #ebeef0;
--primary_variable-rgb-600: 235, 238, 240;
--primary_variable-700:  #d8dde0;
--primary_variable-rgb-700: 216, 221, 224;
--primary_variable-800: #b5c2ca;
--primary_variable-rgb-800: 0, 81, 132;

--secondary_variable-50: #FFFFFF;
--secondary_variable-rgb-50: 255, 255, 255;
--secondary_variable-100: #FFFFFF;
--secondary_variable-rgb-100: 255, 255, 255;
--secondary_variable-200: #FFFFFF;
--secondary_variable-rgb-200: 255, 255, 255;
--secondary_variable-300: #FFFFFF;
--secondary_variable-rgb-300: 255, 255, 255;
--secondary_variable-400: #FFFFFF;
--secondary_variable-rgb-400: 255, 255, 255;
--secondary_variable-500: #FFFFFF;
--secondary_variable-rgb-500: 255, 255, 255;
--secondary_variable-600: #ebeef0;
--secondary_variable-rgb-600: 235, 238, 240;
--secondary_variable-700:  #d8dde0;
--secondary_variable-rgb-700: 216, 221, 224;
--secondary_variable-800: #b5c2ca;
--secondary_variable-rgb-800: 0, 81, 132;

--special-50: #fdcbcb;
--special-rgb-50: 253, 203, 203;
--special-100: #e97171;
--special-rgb-100: 233, 113, 113;
--special-200: #e46161;
--special-rgb-200: 228, 97, 97;
--special-300: #d33333;
--special-rgb-300: 211, 51, 51;
--special-400: #df2a2a;
--special-rgb-400: 223, 42, 42;
--special-500: #db1c1c;
--special-rgb-500: 219, 28, 28;
--special-600: #CA0000;
--special-rgb-600: 202, 0, 0;
--special-700: #A30000;
--special-rgb-700: 163, 0, 0;
--special-800: #7A0000;
--special-rgb-800: 122, 0, 0;
--special-900: #4D0000;
--special-rgb-900: 77, 0, 0;


 /* The default TW colors slate/gray are overridden in some brands,
   so we need to define the defaults in all themes.
  */
  --slate-900: #0f172a;
  --slate-rgb-900: 15, 23, 42;
  --slate-800: #1e293b;
  --slate-rgb-800: 30, 41, 59;
  --slate-700: #334155;
  --slate-rgb-700: 51, 65, 85;
  --slate-600: #475569;
  --slate-rgb-600: 71, 85, 105;
  --slate-500: #64748b;
  --slate-rgb-500: 100, 116, 139;
  --slate-400: #94a3b8;
  --slate-rgb-400: 148, 163, 184;
  --slate-300: #cbd5e1;
  --slate-rgb-300: 203, 213, 225;
  --slate-200: #e2e8f0;
  --slate-rgb-200: 226, 232, 240;
  --slate-100: #f1f5f9;
  --slate-rgb-100: 241, 245, 249;
  --slate-50: #f8fafc;
  --slate-rgb-50: 248, 250, 252;
  
  --gray-900: rgb(17, 24, 39);
  --gray-rgb-900: 17, 24, 39;
  --gray-800: #1f2937;
  --gray-rgb-800: 31, 41, 55;
  --gray-700: #374151;
  --gray-rgb-700: 55, 65, 81;
  --gray-600: #4b5563;
  --gray-rgb-600: 75, 85, 99;
  --gray-500: #6b7280;
  --gray-rgb-500: 107, 114, 128;
  --gray-400: #9ca3af;
  --gray-rgb-400: 156, 163, 175;
  --gray-300: #d1d5db;
  --gray-rgb-300: 209, 213, 219;
  --gray-200: #e5e7eb;
  --gray-rgb-200: 229, 231, 235;
  --gray-100: #f3f4f6;
  --gray-rgb-100: 243, 244, 246;
  --gray-50: #f9fafb;
  --gray-rgb-50: 249, 250, 251;

    /* "--default-" are global urlex classes */
--default-body-text-color: #111111;
--default-body-text-color-rgb: 17, 17, 17;

--default-font-size: 16px;


/* Default Gradient Colorts */
--default-gradient1-start: #FFFADA;
--default-gradient1-start-rgb: 204, 251, 241;
--default-gradient1-end: #ffebf5;
--default-gradient1-end-rgb: 255, 235, 245;
--default-gradient2-start: #bbd8ea;
--default-gradient2-start-rgb: 187, 216, 234;
--default-gradient2-end: #ffebf5;
--default-gradient2-end-rgb: 255, 235, 245;

	--bs-body-color: #000;



    /* hanseat */
    --bs-primary-op-25: rgba(74, 126, 62, 0.25);
    --bs-primary-op-50: rgba(74, 126, 62, 0.5);
    --bs-primary-op-75: rgba(74, 126, 62, 0.75);
    --bs-primary-hover: #59974c;
    --bs-primary-dark: rgb(45, 75, 38);
    /* hanseat */
    --bs-primary:  #4a7e3e;
    --bs-secondary: #ffffff;
    --bs-secondary-hover: rgba(255, 255, 255, 0.842);
    --bs-success: #65a30d;
    --bs-info: #0891b2;
    --bs-warning: #d97706;
    --bs-danger: #dc2626;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-primary-rgb::  rgb(74, 126, 62);
    --bs-secondary-rgb: 255, 243, 130;
    --bs-success-rgb: 101, 163, 13;
    --bs-info-rgb: 8, 145, 178;
    --bs-warning-rgb: 217, 119, 6;
    --bs-danger-rgb: 220, 38, 38;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 52, 58, 64;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 240, 242, 245;
    --bs-font-sans-serif: "Montserrat", system-ui, -apple-system, "Segoe UI",
      Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  
    --hs-blue-light:#eff9ff;
    --hs-yellow-light:#fffdeb;
    
    --bs-root-font-size: 15px;
    --bs-body-font-family: "Montserrat", system-ui, -apple-system, Segoe UI,
      Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif,
      Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --bs-body-font-size: 0.938rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 28px;
     --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e9e9e9;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #080808;
    --bs-link-hover-color: rgb(var(--primary-rgb-700));
    --bs-link-gray-color: #e7e9ea;
    --bs-link-gray-hover-color:#edf4f7;
    --bs-link-secondary-color: #ffffff;
    --bs-link-secondary-hover-color: #fff6a1;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-nav-pills-link-active-bg: none !important;
    --bs-heading-color: #4a7e3e;
    --bs-table-bg: var(--bs-primary);
    --bs-tab-bg: #e3e2d5;
    /*FORMS*/
    --bs-form-control-bg:transparent;
    --hs-primary-darker: #2f5028;
    /* ccm19 */
    --ccm-bg-green-1: var(--bs-primary)!important;
    --ccm-bg-green-2: var(--bs-primary)!important;
    --ccm-bg-green-3: var(--bs-primary)!important;
    /* captcha */
    --icon-captcha-color: var(--bs-primary-op-50);
    --icon-captcha-color-hover: var(--bs-primary-op-75);
    --icon-captcha-color-active: var(--bs-primary);
  }
/* BRAND OVERWRITE */  
.textLight a.desktopLink {
    color: unset;
}
.textLight a.desktopLink:hover {
    color: unset;
}
  /* HAz Specific Style */
  /* Affiliate Specific CSS */
  .input-select {
    color: rgba(var(--default-body-text-color));
  }
  .highlights .text-primary-600 {
    color: rgba(var(--default-body-text-color));
  }
  
/* 
  .static-line {
      height: 0!important;
  }
  body{
      color:#000;
  }
  a {
      color:var(--bs-primary);
  }
  a:hover, a:active{
      color: var(--bs-primary-hover);
      transition-duration: 0.5s;
  }

  .footer{
      font-size:15px;
  }
  .footer ul.navi li{
      list-style-type: none;
  }
  .footer .navi a {
      color: #000;
      display: block;
      padding: 0.3rem 0;
      transition: 0.3s;
      font-size:15px;
      text-decoration: underline;
  }
  .footer .navi a:hover {
      color: var(--bs-primary-hover);
      transition: 0.3s;
  }
  .cruise-nav > li > a {
    display: block;
    font-weight: 700;
    font-size: 0.7em;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 60px;
    height: 60px;
    list-style-type: none;
    cursor: pointer;
    position: relative;
    color: #4a7e3e;
    transition: border-bottom-width 0.1s;
    border-bottom: 0 solid var(--bs-secondary);
}
.highlight-box{
    padding: 16px 0 16px 0;
}
.highlight-box i::before{
    color: var(--bs-primary);
}
.text-primary{
    color: var(--bs-link-color)!important;
}
.bg-primary {
    --bs-bg-opacity: 0;
    background-color: var(--bs-primary)!important;
}
.btn-hanseat {
    text-transform: uppercase;
    border-radius: 50px;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    padding: 9px 20px;
    font-weight: 700;
    font-size: 11px;
    line-height: 21px;
    border: 0; 
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    display: inline-block;
    text-decoration: none;
    background-color: var(--bs-primary);
    color: var(--bs-white)!important;
    transition: 0.4s;
}
.bg-primary .btn-hanseat:hover {
    color: var(--bs-link-color);
    background-color: var(--bs-secondary-hover);
    border-color: var(--bs-secondary-hover);
}
.bg-primary .btn-hanseat{
    color: var(--bs-primary)!important;
    background-color: var(--bs-white);
}
.bg-primary .btn-hanseat:hover{
    color: var(--bs-primary)!important;
    background-color: var(--bs-link-gray-hover-color);
}
.bg-highlight {
    color: var(--bs-highlight-bg);
}
.bg-booking-button{
    color: #fff!important;
    background-color: var(--bs-primary)!important;
}
.bg-booking-button .cruise-link{
    color: #fff!important;
}

.bubble-size {
    width: 146px;
}
.btn-hanseat .icon-hanseat{
    font-family: hanseat_v2 !important;
    content: '\f101';
}
#close_request_button {
    color: var(--bs-primary)!important;
    background-color: var(--bs-white)!important;
}
#close_request_button:hover, #close_request_button:active {
    color: var(--bs-primary-hover)!important;
    background-color: var(--bs-white)!important;
}
.copy{
    font-size:13px;
    font-weight:400;
    color: #aeaeae!important;
}
.cruise-nav > li > a {
    color: #000000;
    border-bottom: 0 solid var(--bs-primary);
}
.hr-icon-fullwrap-100 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    font-size: 40px;
    color: #fff;
    background: linear-gradient(180deg,#5fa3d8 0,#4a7e3e);
    transition: all .2s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    box-shadow: 0;
    border: 3px solid #ffffff;
}
.hr-icon-fullwrap-100:hover {
    transition: all .2s ease-out;
    background: linear-gradient(180deg,#6bb2e9 0,#076ead);
    border: 0;
}
.border-fine {
    border: 1px solid #fff095;
}

.card.grid-card-offer{
    color:var(--bs-body-color);
}
.card.grid-card-offer .offer_price,
.card.grid-card-offer .offer_price_notice{
    color:var(--bs-body-color);
}

.ccm-root .button.ccm--button-primary,
.ccm-root .button.ccm--button-primary:hover,
.ccm-root .button.ccm--button-primary:focus, 
.ccm-root button.ccm--button-primary:hover,
.ccm-root button.ccm--button-primary:focus,
.ccm-root .button.ccm--decline-cookies, .ccm-root button.ccm--decline-cookies {

}
.ccm-widget--buttons button.ccm--button-primary, .ccm-widget--buttons .button.ccm--button-primary {
    text-shadow:0;
}
.ccm-root .button.ccm--decline-cookies:hover, .ccm-root .button.ccm--decline-cookies:focus, .ccm-root button.ccm--decline-cookies:hover, .ccm-root button.ccm--decline-cookies:focus {

}

#cruise-summary-nav .cruise-nav li:nth-child(3) {
    display:none!important;
}
.search_result_item a:hover{
    text-decoration: none;
}
#cruise-summary-nav{
    z-index:1;
}

.carousel {
    border-bottom: 0;
}
.hanseat-isolate-footer{
        border-top: 1px solid #000;
}
#breadcrumb h1{
        font-size: 1em;
        display: inline-block;
        font-weight: normal;
        text-transform: initial;
}
.nav-main .nav-main__toggle-sub {
    line-height: 1.15!important;
}
.hal-footer-nav{
    display:flex;
    flex-direction: row;
}
.hal-footer-nav li{
    font-size:12px;
    list-style: none;
    padding:0 5px 0 5px ;
}
@font-face{
    font-family:"icon-font";
    font-style:normal;
    font-weight:normal;src:url(/assets/fonts/morgenpost/icon-font.woff2) format("woff2") , url(/assets/fonts/morgenpost/icon-font.woff) format("woff");
}

@media (max-width: 1000px) {
    .affiliate-header header{
        text-align:center;
    }
    .affiliate-header header a{
        width:100%;
    }
    .affiliate-header img.logo{
        margin-left: auto;
        margin-right: auto;
    }
    .btn-hanseat.search-button:active,
    .btn-hanseat.search-button,
    .btn-hanseat.search-button:active{
        background-color: var(--bs-secondary)!important;
        color: var(--bs-primary)!important;
        border-left:1px solid var(--bs-primary)!important;
    }
    .travel-search .btn-hanseat.search-button:hover,
    .btn-hanseat.search-button:focus, 
    .btn-hanseat.search-button:hover{
        background-color: var(--bs-secondary)!important;
        color: var(--bs-primary-hover)!important;
        border-left:1px solid var(--bs-primary)!important;
    }
}
@media (min-width: 1025px) {
    .stage_fix {
        height: 30vh;
    }
    .stage_fix > .dark-op-drop {
        min-height: 30vh;
    }
}

.-ml-\[10000px\] {
    margin-left: -10000px;
}

.block-link-pop {
   background-color: #FFF;
}
.search_result_item{
    border-bottom:2px solid #ebebeb;
}
.search_result_item .journey {
    border-right: 2px solid #e5e4e7;
}
.search_result_item .booking {
    border-width: 0;
}
nav span.font-bold.text-gray-400{
    display:none;
}
.tspIbc, .tspObv {
    z-index: 1500!important;
} */