:root { --ischgl-header-h: 120px; --ischgl-header-h-scrolled: 68px; }
@media (max-width: 781px) { :root { --ischgl-header-h: 108px; --ischgl-header-h-scrolled: 60px; } }
header.wp-block-template-part:has(.ischgl-header) {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.admin-bar header.wp-block-template-part:has(.ischgl-header) { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) {
.admin-bar.ischgl-scrolled header.wp-block-template-part:has(.ischgl-header) { top: 0; }
}
.ischgl-header { transition: background-color .35s ease, box-shadow .35s ease; }
.ischgl-header-bar { min-height: var(--ischgl-header-h); transition: min-height .35s ease; }
.ischgl-logo a { display: block; } .ischgl-logo img { display: block; width: 170px !important; height: auto; transition: width .35s ease; }
.ischgl-header-tools a { white-space: nowrap; } body:has(.ischgl-hero, .ischgl-page-cover):not(.ischgl-scrolled) .ischgl-header {
background-color: transparent !important;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
} .ischgl-scrolled .ischgl-header-bar { min-height: var(--ischgl-header-h-scrolled); }
.ischgl-scrolled .ischgl-logo img { width: 104px !important; }
.ischgl-scrolled .ischgl-header { box-shadow: 0 1px 0 rgba(255, 255, 255, .08); }
@keyframes ischgl-slide-in { from { transform: translateY(-100%); } to { transform: none; } }
body.ischgl-scrolled:has(.ischgl-hero, .ischgl-page-cover) header.wp-block-template-part:has(.ischgl-header) { animation: ischgl-slide-in .45s ease; } .ischgl-hero { min-height: 100svh !important; } .ischgl-hero,
.ischgl-page-cover { padding-top: calc(var(--ischgl-header-h) + var(--wp--preset--spacing--40)) !important; }
@media (max-width: 600px) {
.ischgl-hero .has-large-font-size { font-size: var(--wp--preset--font-size--medium) !important; }
} .ischgl-page-cover.ischgl-video-cover { min-height: 100svh !important; }
.ischgl-video-cover .wp-block-cover__background { background-image: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 55%); } .ischgl-hero .wp-block-cover__background { background-image: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 55%); } body:not(:has(.ischgl-hero, .ischgl-page-cover)) .wp-site-blocks { padding-top: var(--ischgl-header-h); }
@media (max-width: 781px) {
.ischgl-logo { flex-shrink: 0; }
.ischgl-logo img { width: 150px !important; }
.ischgl-scrolled .ischgl-logo img { width: 92px !important; }
} .ischgl-nav .wp-block-navigation-item__content { padding-block: .25rem; border-bottom: 1px solid transparent; }
.ischgl-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content:hover,
.ischgl-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .current-menu-item > .wp-block-navigation-item__content { border-bottom-color: currentColor; }
.ischgl-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .ischgl-nav-extra { display: none; }
@media (min-width: 600px) and (max-width: 1199px) {
.ischgl-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
.ischgl-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
@media (min-width: 1200px) {
.ischgl-header-tools > .ischgl-nav { margin-right: var(--wp--preset--spacing--30); }
}
@media (max-width: 1199px) {
.ischgl-header-tools > .ischgl-nav { order: 3; }
} .ischgl-lang { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; }
.ischgl-lang a {
color: var(--wp--preset--color--accent-1);
font-family: var(--wp--preset--font-family--heading);
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
letter-spacing: .12em;
text-transform: uppercase;
text-decoration: none;
}
.ischgl-lang a:hover { color: var(--wp--preset--color--base); } .ischgl-nav .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }
.ischgl-nav .wp-block-navigation__responsive-container.is-menu-open {
padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}
.ischgl-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
align-items: flex-start;
padding-top: var(--wp--preset--spacing--50);
}
.ischgl-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
font-size: var(--wp--preset--font-size--x-large);
font-weight: 400;
letter-spacing: .04em;
gap: .6rem;
align-items: flex-start;
}
.ischgl-nav .is-menu-open .wp-block-navigation-item { font-size: var(--wp--preset--font-size--x-large); }
.ischgl-nav .is-menu-open .wp-block-navigation-item__content { border-bottom: 1px solid transparent; }
.ischgl-header :focus-visible,
.ischgl-nav :focus-visible { outline: 2px solid var(--wp--preset--color--base); outline-offset: 3px; }
.ischgl-nav .is-menu-open .wp-block-navigation-item__content:hover { border-bottom-color: currentColor; }
@media (max-width: 420px) { .ischgl-header-bar { gap: 12px !important; }
.ischgl-header-tools { gap: 8px !important; }
.ischgl-header-cta .wp-block-button__link { padding-left: 11px !important; padding-right: 11px !important; }
} .wp-block-gallery.ischgl-gallery.has-nested-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.wp-block-gallery.ischgl-gallery.has-nested-images > figure.wp-block-image { width: auto !important; margin: 0 !important; }
.wp-block-gallery.ischgl-gallery.has-nested-images > figure.wp-block-image img { width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.wp-block-gallery.ischgl-gallery.has-nested-images > figure.wp-block-image:first-child { grid-column: 1 / -1; }
.wp-block-gallery.ischgl-gallery.has-nested-images > figure.wp-block-image:first-child img { aspect-ratio: 16 / 9; } .wp-block-gallery.ischgl-gallery:has(> figure:first-child:nth-last-child(2n)) > figure:last-child { grid-column: 1 / -1; }
@media (min-width: 782px) {
.wp-block-gallery.ischgl-gallery.has-nested-images { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.wp-block-gallery.ischgl-gallery.has-nested-images > figure.wp-block-image { grid-column: span 2; }
.wp-block-gallery.ischgl-gallery.has-nested-images > figure.wp-block-image:first-child { grid-column: 1 / -1; }
.wp-block-gallery.ischgl-gallery:has(> figure:first-child:nth-last-child(2n)) > figure:last-child { grid-column: span 2; } .wp-block-gallery.ischgl-gallery:has(> figure:first-child:nth-last-child(3n)) > figure:nth-last-child(-n+2) { grid-column: span 3; }
.wp-block-gallery.ischgl-gallery:has(> figure:first-child:nth-last-child(3n+2)) > figure:last-child { grid-column: 1 / -1; }
} .ischgl-credit-logo { display: inline-block; margin-top: var(--wp--preset--spacing--30); }
.ischgl-credit-logo img { display: block; width: 144px; height: auto; } .ischgl-footer a { text-decoration: none; overflow-wrap: normal; word-break: normal; }
.ischgl-footer a:hover { text-decoration: underline; }
.ischgl-footer .wp-block-column { min-width: 11rem; } .ischgl-more a {
font-family: var(--wp--preset--font-family--heading);
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
letter-spacing: .12em;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: .15rem;
}
.ischgl-more a::after { content: " →"; transition: margin .2s; }
.ischgl-more a:hover::after { margin-left: .25rem; } .ischgl-card .wp-block-image { overflow: hidden; margin-bottom: 0; }
.ischgl-card .wp-block-image img { transition: transform .6s ease; }
.ischgl-card:hover .wp-block-image img { transform: scale(1.04); } .wp-block-image.ischgl-zoom { overflow: hidden; }
.wp-block-image.ischgl-zoom img { transition: transform .6s ease; }
.wp-block-image.ischgl-zoom a:hover img,
.wp-block-image.ischgl-zoom a:focus-visible img { transform: scale(1.04); } @media (max-width: 781px) {
.ischgl-reverse-mobile { flex-direction: column-reverse; }
}  .ischgl-booking { min-height: 600px; }
.ischgl-booking dw-app-container,
.ischgl-booking dwapp-accommodation { display: block; width: 100%; } .ischgl-page-cover:not(:has(img, video)) { min-height: 32vh !important; }
.ischgl-page-cover:not(:has(img, video)) .wp-block-cover__background { opacity: 1 !important; } .ischgl-tile { border-top: 1px solid var(--wp--preset--color--accent-5); padding-top: var(--wp--preset--spacing--30); }
.ischgl-tile > * + * { margin-top: .5rem; } .ischgl-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ischgl-table table { min-width: 760px; border-collapse: separate; border-spacing: 0; font-size: var(--wp--preset--font-size--small); }
.ischgl-table th, .ischgl-table td { border: 0; border-bottom: 1px solid var(--wp--preset--color--accent-5); padding: .9rem .75rem; text-align: left; vertical-align: top; }
.ischgl-table thead th {
font-family: var(--wp--preset--font-family--heading);
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
border-bottom: 2px solid var(--wp--preset--color--contrast);
}
.ischgl-table-sub { font-family: var(--wp--preset--font-family--body); font-weight: 350; letter-spacing: 0; text-transform: none; color: var(--wp--preset--color--accent-4); font-size: var(--wp--preset--font-size--x-small); }
.ischgl-table tbody tr:hover { background: var(--wp--preset--color--accent-2); } .ischgl-filemeta { color: var(--wp--preset--color--accent-4); font-size: var(--wp--preset--font-size--x-small); } .frm-fluent-form .ff-el-input--label label { font-family: var(--wp--preset--font-family--heading); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; font-size: var(--wp--preset--font-size--small); }
.frm-fluent-form .ff-el-form-control {
border-radius: 0 !important;
border: 1px solid var(--wp--preset--color--accent-5) !important;
font-family: inherit;
font-size: var(--wp--preset--font-size--medium) !important;
padding: .75rem .9rem !important;
}
.frm-fluent-form .ff-el-form-control:focus { border-color: var(--wp--preset--color--contrast) !important; box-shadow: none !important; }
.frm-fluent-form .ff-btn-submit {
border-radius: 0 !important;
font-family: var(--wp--preset--font-family--heading) !important;
font-weight: 500 !important;
letter-spacing: .12em;
text-transform: uppercase;
padding: .85rem 1.75rem !important;
}
.frm-fluent-form .ff-btn-submit:hover { background-color: var(--wp--preset--color--accent-3) !important; opacity: 1 !important; } .frm-fluent-form > fieldset { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 1.25rem; }
.frm-fluent-form > fieldset > * { grid-column: span 6; }
.frm-fluent-form > fieldset > .ff-el-group:has([name^="child_age_"]) { grid-column: span 3; }
.frm-fluent-form .ischgl-form-hint { margin: 0 0 .25rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--accent-4); }
@media (min-width: 640px) {
.frm-fluent-form > fieldset > .ff-el-group:has([name="adults"]),
.frm-fluent-form > fieldset > .ff-el-group:has([name="children"]),
.frm-fluent-form > fieldset > .ff-el-group:has([name="arrival"]),
.frm-fluent-form > fieldset > .ff-el-group:has([name="departure"]) { grid-column: span 3; }
.frm-fluent-form > fieldset > .ff-el-group:has([name^="child_age_"]) { grid-column: span 2; }
} .ischgl-reveal {
opacity: 0;
transform: translate3d(0, 60px, 0);
transition: opacity .8s ease-out, transform .8s cubic-bezier(.2, .65, .3, 1);
}
.ischgl-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 781px) {
.ischgl-reveal { transform: translate3d(0, 40px, 0); }
} @media (prefers-reduced-motion: reduce) {
.ischgl-card .wp-block-image img,
.wp-block-image.ischgl-zoom img,
.ischgl-more a::after { transition: none; }
.ischgl-reveal { opacity: 1; transform: none; transition: none; }
}
@media print {
.ischgl-reveal { opacity: 1 !important; transform: none !important; }
} .ischgl-wa {
position: fixed; right: 20px; bottom: 20px; z-index: 90;
display: flex; align-items: center; justify-content: center;
width: 56px; height: 56px; border-radius: 50%;
background: var(--wp--preset--color--contrast); color: #fff;
border: 1px solid rgba(255, 255, 255, .25);
box-shadow: 0 6px 20px rgba(0, 0, 0, .28);
text-decoration: none;
opacity: 0; visibility: hidden; transform: translateY(16px);
transition: opacity .5s ease, transform .5s ease, visibility 0s linear .5s, background-color .25s ease;
}
body.ischgl-scrolled .ischgl-wa,
body:not(:has(.ischgl-hero, .ischgl-page-cover)) .ischgl-wa {
opacity: 1; visibility: visible; transform: none;
transition: opacity .5s ease, transform .5s ease, visibility 0s, background-color .25s ease;
}
.ischgl-wa:hover, .ischgl-wa:focus-visible { background: var(--wp--preset--color--accent-3); color: #fff; }
.ischgl-wa:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ischgl-wa__label {
position: absolute; right: calc(100% + 12px); top: 50%;
white-space: nowrap; padding: .55em 1em;
background: var(--wp--preset--color--contrast); color: #fff;
font-size: var(--wp--preset--font-size--small); line-height: 1.2;
box-shadow: 0 4px 14px rgba(0, 0, 0, .2);
opacity: 0; pointer-events: none; transform: translate(8px, -50%);
transition: opacity .25s ease, transform .25s ease;
}
@media (hover: hover) {
.ischgl-wa:hover .ischgl-wa__label, .ischgl-wa:focus-visible .ischgl-wa__label { opacity: 1; transform: translate(0, -50%); }
}
@media (max-width: 600px) {
.ischgl-wa { right: 14px; bottom: 14px; width: 52px; height: 52px; }
}
@media (prefers-reduced-motion: reduce) {
.ischgl-wa, .ischgl-wa__label { transition: none; }
}
@media print {
.ischgl-wa { display: none; }
} @media (min-width: 782px) and (max-width: 959px) {
.ischgl-footer .wp-block-columns { flex-wrap: wrap !important; row-gap: var(--wp--preset--spacing--40); }
.ischgl-footer .wp-block-columns > .wp-block-column { flex: 0 0 calc(50% - var(--wp--preset--spacing--50) / 2) !important; }
} .ischgl-footer h2.wp-block-heading { font-size: var(--wp--preset--font-size--medium); letter-spacing: .08em; font-weight: 600; } .ischgl-table th:first-child, .ischgl-table td:first-child { position: sticky; left: 0; z-index: 1; background: var(--wp--preset--color--base); }
.ischgl-table tbody tr:hover td:first-child { background: var(--wp--preset--color--accent-2); }
.ischgl-table.is-scrollable th:first-child, .ischgl-table.is-scrollable td:first-child { box-shadow: 6px 0 8px -6px rgba(0, 0, 0, .25); }
.ischgl-table-hint { display: none; margin: 0 0 .5rem; font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--accent-4); letter-spacing: .04em; }
.ischgl-table-wrap:has(.is-scrollable) .ischgl-table-hint { display: block; } .ischgl-hero h1.wp-block-heading { max-width: none; }