.elementor-3664 .elementor-element.elementor-element-aabe8fe{--swiper-slides-to-display:4;--swiper-slides-gap:40px;padding:0% 0% 0% 0%;--swiper-pagination-size:12px;--swiper-pagination-spacing:36px;}.elementor-3664 .elementor-element.elementor-element-aabe8fe .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:9px;--swiper-pagination-bullet-vertical-gap:9px;}@media(max-width:1024px){.elementor-3664 .elementor-element.elementor-element-aabe8fe{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-3664 .elementor-element.elementor-element-aabe8fe{--swiper-slides-to-display:1;--swiper-slides-gap:15px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--swiper-pagination-size:10px;--swiper-pagination-spacing:23px;}.elementor-3664 .elementor-element.elementor-element-aabe8fe .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:7px;--swiper-pagination-bullet-vertical-gap:7px;}}/* Start custom CSS *//* Hotelkarten: Bild zoomt und Pfeil rückt beim Überfahren */
.ph-hotel-card:hover .ph-hotel-card__img, .ph-hotel-card:focus-visible .ph-hotel-card__img { transform: scale(1.06); }
.ph-hotel-card:hover .ph-hotel-card__more, .ph-hotel-card:focus-visible .ph-hotel-card__more { gap: 14px; }
.ph-hotel-card:focus-visible { outline: 3px solid #C1DED8; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ph-hotel-card__img, .ph-hotel-card__more { transition: none; } .ph-hotel-card:hover .ph-hotel-card__img { transform: none; } }
/* Highlight-Icons: Elementor setzt beim SVG-Widget fill=currentColor, die Icons sind aber reine Linien */
.ph-highlight__icon svg, .ph-highlight__icon svg * { fill: none !important; }
/* Partnerkarten (Schon gewusst?): Bild zoomt, Pfeil rückt; mobil wischbar ohne sichtbare Scrollleiste */
.ph-partner-card:hover .ph-partner-card__img, .ph-partner-card:focus-visible .ph-partner-card__img { transform: scale(1.05); }
.ph-partner-card:hover .ph-partner-card__more, .ph-partner-card:focus-visible .ph-partner-card__more { gap: 14px; }
.ph-partner-card:focus-visible { outline: 3px solid #0C5A49; outline-offset: 3px; }
.ph-partner-grid { scrollbar-width: none; }
.ph-partner-grid::-webkit-scrollbar { display: none; }
@media (prefers-reduced-motion: reduce) { .ph-partner-card__img, .ph-partner-card__more { transition: none; } .ph-partner-card:hover .ph-partner-card__img { transform: none; } }
/* Hero-Claim mobil: „Direkt buchen und bis zu“ deutlich kleiner in einer Zeile darüber, „15 % sparen!“ groß darunter */
@media (max-width: 767px) { .ph-stack > .ph-display span { display: inline-block; font-size: 0.5em; white-space: nowrap; margin-block-end: 0.15em; } }
/* Intro-H2 „Drei Hotels. Eine Haltung. Hamburg pur.“: Zeilenumbrüche nur mobil */
@media (min-width: 768px) { .elementor-element-7e4501e3 .ph-h2 br { display: none; } }
/* Karten-Platzhalter (ohne Zustimmung zu OpenStreetMap): ausblenden, sobald Leaflet die Karte aufgebaut hat */
.elementor-element-31925f15:has(.leaflet-container) .ph-map-consent { display: none; }/* End custom CSS */