/* Isolierte Darstellung der unveränderten Städte-Sektion aus der Startseite. */
/* Aus index.html: premium.css */
body.cruise-page .consultation-section{padding-top:0;padding-bottom:34px}
body.cruise-page .consultation-section .consultation-card{padding:clamp(28px,4vw,42px);border:1px solid rgba(29,29,31,.08);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(247,247,245,.95),rgba(238,238,236,.84));box-shadow:0 18px 48px rgba(29,29,31,.08)}
body.cruise-page .consultation-section .consultation-intro{display:grid;gap:10px;margin-bottom:28px}
body.cruise-page .consultation-section .consultation-intro h2{margin:0;font-size:clamp(2rem,4.2vw,4.25rem);line-height:.98;letter-spacing:-.045em;font-weight:630}
body.cruise-page .consultation-section .consultation-intro p:not(.eyebrow){margin:0;color:var(--muted);max-width:56ch;line-height:1.5}
body.cruise-page .consultation-section .city-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid rgba(29,29,31,.08);border-radius:calc(var(--radius-lg) + 6px);overflow:hidden;background:rgba(255,255,255,.68)}
body.cruise-page .consultation-section .city-panel{padding:34px 28px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;background:rgba(247,247,245,.58)}
body.cruise-page .consultation-section .city-panel+.city-panel{border-left:1px solid rgba(29,29,31,.08)}
body.cruise-page .consultation-section .city-panel h3{margin:0 0 24px;color:var(--accent-strong);font-size:clamp(1.6rem,2.2vw,2.35rem);line-height:1.04;letter-spacing:-.035em}
body.cruise-page .consultation-section .city-address{margin:0 0 24px;font-size:1rem;line-height:1.5;color:var(--text)}
body.cruise-page .consultation-section .city-note{margin:0;color:var(--muted);font-weight:550;line-height:1.45}
@media (max-width:820px){
body.cruise-page .consultation-section{padding-bottom:24px}
body.cruise-page .consultation-section .city-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
body.cruise-page .consultation-section .city-panel+.city-panel{border-left:1px solid rgba(29,29,31,.08)}
}
@media (max-width:560px){
body.cruise-page .consultation-section .consultation-intro h2{font-size:clamp(1.9rem,9vw,3.2rem)}
body.cruise-page .consultation-section .city-panels{grid-template-columns:1fr}
body.cruise-page .consultation-section .city-panel{padding:24px 20px}
body.cruise-page .consultation-section .city-panel+.city-panel{border-left:0;border-top:1px solid rgba(29,29,31,.08)}
}
body.cruise-page .consultation-section .city-panels{gap:14px;overflow:visible;border:0;border-radius:0;background:transparent}
body.cruise-page .consultation-section .city-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:calc(var(--radius-lg) + 2px);background-color:#343536;background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;box-shadow:0 14px 30px rgba(29,29,31,.14);text-shadow:0 1px 13px rgba(0,0,0,.36)}
body.cruise-page .consultation-section .city-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,19,20,.52),rgba(18,19,20,.86))}
body.cruise-page .consultation-section .city-panel:nth-child(1){background-image:url("../assets/city-berlin.webp")}
body.cruise-page .consultation-section .city-panel:nth-child(2){background-image:url("../assets/city-muenchen.webp")}
body.cruise-page .consultation-section .city-panel:nth-child(3){background-image:url("../assets/city-hamburg.webp")}
body.cruise-page .consultation-section .city-panel:nth-child(4){background-image:url("../assets/city-duesseldorf.webp")}
body.cruise-page .consultation-section .city-panel+.city-panel{border-left:1px solid rgba(255,255,255,.2)}
body.cruise-page .consultation-section .city-panel h3,
body.cruise-page .consultation-section .city-address,
body.cruise-page .consultation-section .city-note{color:#fff}
body.cruise-page .consultation-section .city-note{color:rgba(255,255,255,.84)}
@media (max-width:560px){
body.cruise-page .consultation-section .city-panel+.city-panel{border-top:1px solid rgba(255,255,255,.2)}
}
body.cruise-page .consultation-section .city-panel:nth-child(1)::before{background:linear-gradient(180deg,rgba(236,181,112,.16),rgba(132,84,46,.48));}
body.cruise-page .consultation-section .city-panel:nth-child(2)::before{background:linear-gradient(180deg,rgba(132,173,211,.15),rgba(49,81,118,.48));}
body.cruise-page .consultation-section .city-panel:nth-child(3)::before{background:linear-gradient(180deg,rgba(104,181,176,.15),rgba(36,92,96,.48));}
body.cruise-page .consultation-section .city-panel:nth-child(4)::before{background:linear-gradient(180deg,rgba(176,155,197,.15),rgba(82,64,108,.48));}
body.cruise-page .consultation-section .city-panel:nth-child(1):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(1):focus-visible::before{background:linear-gradient(180deg,rgba(236,181,112,.12),rgba(132,84,46,.42));}
body.cruise-page .consultation-section .city-panel:nth-child(2):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):focus-visible::before{background:linear-gradient(180deg,rgba(132,173,211,.11),rgba(49,81,118,.42));}
body.cruise-page .consultation-section .city-panel:nth-child(3):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):focus-visible::before{background:linear-gradient(180deg,rgba(104,181,176,.11),rgba(36,92,96,.42));}
body.cruise-page .consultation-section .city-panel:nth-child(4):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):focus-visible::before{background:linear-gradient(180deg,rgba(176,155,197,.11),rgba(82,64,108,.42));}
body.cruise-page .consultation-section .city-panel:nth-child(1)::before{background:linear-gradient(180deg,rgba(255,172,63,.28),rgba(190,86,14,.52));}
body.cruise-page .consultation-section .city-panel:nth-child(2)::before{background:linear-gradient(180deg,rgba(62,153,255,.27),rgba(19,84,179,.52));}
body.cruise-page .consultation-section .city-panel:nth-child(3)::before{background:linear-gradient(180deg,rgba(45,200,195,.26),rgba(7,111,119,.52));}
body.cruise-page .consultation-section .city-panel:nth-child(4)::before{background:linear-gradient(180deg,rgba(180,105,238,.26),rgba(100,45,157,.52));}
body.cruise-page .consultation-section .city-panel:nth-child(1):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(1):focus-visible::before{background:linear-gradient(180deg,rgba(255,172,63,.22),rgba(190,86,14,.46));}
body.cruise-page .consultation-section .city-panel:nth-child(2):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):focus-visible::before{background:linear-gradient(180deg,rgba(62,153,255,.21),rgba(19,84,179,.46));}
body.cruise-page .consultation-section .city-panel:nth-child(3):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):focus-visible::before{background:linear-gradient(180deg,rgba(45,200,195,.20),rgba(7,111,119,.46));}
body.cruise-page .consultation-section .city-panel:nth-child(4):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):focus-visible::before{background:linear-gradient(180deg,rgba(180,105,238,.20),rgba(100,45,157,.46));}
body.cruise-page .consultation-section .city-panel:nth-child(1)::before,
body.cruise-page .consultation-section .city-panel:nth-child(2)::before,
body.cruise-page .consultation-section .city-panel:nth-child(3)::before,
body.cruise-page .consultation-section .city-panel:nth-child(4)::before{background:linear-gradient(180deg,rgba(12,16,20,.045),rgba(12,16,20,.28));}
body.cruise-page .consultation-section .city-panel:nth-child(1):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(1):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):focus-visible::before{background:linear-gradient(180deg,rgba(12,16,20,.03),rgba(12,16,20,.22));}
body.cruise-page .consultation-section .city-panel:nth-child(1)::before,
body.cruise-page .consultation-section .city-panel:nth-child(2)::before,
body.cruise-page .consultation-section .city-panel:nth-child(3)::before,
body.cruise-page .consultation-section .city-panel:nth-child(4)::before{background:linear-gradient(180deg,rgba(8,10,12,.03),rgba(8,10,12,.18));}
body.cruise-page .consultation-section .city-panel:nth-child(1):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(1):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):focus-visible::before{background:linear-gradient(180deg,rgba(8,10,12,.02),rgba(8,10,12,.14));}
body.cruise-page .consultation-section .city-panel:nth-child(1)::before,
body.cruise-page .consultation-section .city-panel:nth-child(2)::before,
body.cruise-page .consultation-section .city-panel:nth-child(3)::before,
body.cruise-page .consultation-section .city-panel:nth-child(4)::before{background: linear-gradient(180deg, rgba(10,12,14,.04), rgba(10,12,14,.20));}
body.cruise-page .consultation-section .city-panel:nth-child(1):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(1):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(2):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(3):focus-visible::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):hover::before,
body.cruise-page .consultation-section .city-panel:nth-child(4):focus-visible::before{background: linear-gradient(180deg, rgba(10,12,14,.03), rgba(10,12,14,.15));}
@media (max-width:899px){
body.cruise-page .consultation-section .city-panels{display:flex !important;
    grid-template-columns:none !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:0 12% 8px 0;}
body.cruise-page .consultation-section .city-panels::-webkit-scrollbar{display:none;}
body.cruise-page .consultation-section .city-panel{box-sizing:border-box;
    flex:0 0 88% !important;
    width:88% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1 / 1;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    padding:24px 20px !important;
    justify-content:center;
    border-radius:20px;}
body.cruise-page .consultation-section .city-panel + .city-panel{border-left:1px solid rgba(255,255,255,.2) !important;
    border-top:1px solid rgba(255,255,255,.2) !important;}
}
@media (max-width:899px) and (orientation:landscape) and (max-height:600px){
body.cruise-page .consultation-section .city-panels{padding-right:40%;}
body.cruise-page .consultation-section .city-panel{flex-basis:60% !important;
    width:60% !important;}
}
body.cruise-page .consultation-section .consultation-intro h2{font-size:clamp(2.35rem,5vw,5rem) !important;}

/* Aus index.html: travel-browser-geprueft-260913.css */
@media (max-width:560px){
body.cruise-page .consultation-section .consultation-card{padding:24px 20px;}
body.cruise-page .consultation-section .city-panel{box-sizing:border-box;
    /* Wie index.html: die spätere spezifischere Quadrat-Regel hat Vorrang. */
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1 / 1;
    padding:20px;
    border-radius:20px;
    justify-content:center;}
body.cruise-page .consultation-section .city-panel h3{margin-bottom:10px;
    font-size:clamp(1.55rem,2.2vw,1.95rem);}
body.cruise-page .consultation-section .city-address{margin-bottom:10px;
    line-height:1.4;}
body.cruise-page .consultation-section .city-note{font-size:.92rem;
    line-height:1.3;}
}

/* Aus index.html: city-colors-260919.css */
body.cruise-page .consultation-section .city-panel:nth-child(1){background-image:url("../assets/city-berlin-260919-final.png");}
body.cruise-page .consultation-section .city-panel:nth-child(2){background-image:url("../assets/city-muenchen-260919-final.png");}
body.cruise-page .consultation-section .city-panel:nth-child(3){background-image:url("../assets/city-hamburg-260919-final.png?v=260919-grau-freigegeben");}
body.cruise-page .consultation-section .city-panel:nth-child(4){background-image:url("../assets/city-duesseldorf-260919-final.png");}
body.cruise-page .consultation-section .city-panel::before,
body.cruise-page .consultation-section .city-panel:hover::before,
body.cruise-page .consultation-section .city-panel:focus-visible::before{background:none!important;}

/* Aus index.html: heading-unification-260927.css */
body.cruise-page .consultation-section #consultation-title{font-size: clamp(2rem, 4.2vw, 4.25rem) !important;}

/* Aus index.html: kacheln-farben-261004.css */
body.cruise-page .consultation-section .city-panel,
body.cruise-page .consultation-section .city-panel + .city-panel,
body.cruise-page .consultation-section .city-panel:hover,
body.cruise-page .consultation-section .city-panel:focus-visible{border:0 !important;
  box-shadow:none !important;}
body.cruise-page .consultation-section .city-panel:nth-child(4),
body.cruise-page .consultation-section .city-panel:nth-child(4):hover,
body.cruise-page .consultation-section .city-panel:nth-child(4):focus-visible{background-color:#286F73 !important;
  background-blend-mode:luminosity !important;}

/* Aus index.html: bildharmonie-261004.css */
body.cruise-page .consultation-section .city-panel{position:relative;isolation:isolate;overflow:hidden;}
body.cruise-page .consultation-section .city-panel > .city-harmony-image{position:absolute;inset:0;display:block;z-index:0;pointer-events:none;
 background:inherit;background-blend-mode:inherit;border-radius:inherit;}
body.cruise-page .consultation-section .city-panel > h3,
body.cruise-page .consultation-section .city-panel > p{position:relative;z-index:1;}
body.cruise-page .consultation-section .city-panel:nth-child(1) > .city-harmony-image{filter:saturate(.78) contrast(.94) brightness(.90);}
body.cruise-page .consultation-section .city-panel:nth-child(2) > .city-harmony-image{filter:saturate(.72) contrast(.92) brightness(1.06);}
body.cruise-page .consultation-section .city-panel:nth-child(3) > .city-harmony-image{filter:saturate(.83) contrast(.95) brightness(.96);}
body.cruise-page .consultation-section .city-panel:nth-child(4) > .city-harmony-image{filter:saturate(.90) contrast(.96) brightness(.96);}
