{"id":2990,"date":"2026-07-31T10:58:28","date_gmt":"2026-07-31T08:58:28","guid":{"rendered":"https:\/\/cfh.flytz.de\/?page_id=2990"},"modified":"2026-07-31T10:58:29","modified_gmt":"2026-07-31T08:58:29","slug":"testseite-angebotslider","status":"publish","type":"page","link":"https:\/\/cfh.flytz.de\/en\/testseite-angebotslider\/","title":{"rendered":"testseite angebotslider"},"content":{"rendered":"<div>\n<div id=\"vri-container-27353\"><\/div>\n<p>\u2028<script type=\"text\/javascript\">\u2028  ( function ( v, i, o, m, a ){\u2028    if ( !( o in v ) ) {\u2028      v.vioma_vri=o;\u2028      v[o] || ( v[o] = function ( ){ ( v[o].q = v[o].q || [] ).push ( arguments ); } );\u2028      m = i.createElement( 'script' ), a = i.scripts[0];\u2028      m.src = 'https:\/\/cst-client-channel-2793-tkox.viomassl.com\/js\/vri\/vri.js';\u2028      a.parentNode.insertBefore ( m, a );\u2028    }\u2028  } )( window, document, 'vcst' );\u2028  vcst( {load: 'init', url: 'https:\/\/cst-client-channel-2793-tkox.viomassl.com\/', set_language: 'de'} );\u2028  vcst( {id: 27353} );\u2028<\/script>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div id=\\\"vri-container-27353\\\"><\/div>\n\n\\u2028<script type=\\\"text\/javascript\\\">\\u2028  ( function ( v, i, o, m, a ){\\u2028    if ( !( o in v ) ) {\\u2028      v.vioma_vri=o;\\u2028      v[o] || ( v[o] = function ( ){ ( v[o].q = v[o].q || [] ).push ( arguments ); } );\\u2028      m = i.createElement( 'script' ), a = i.scripts[0];\\u2028      m.src = 'https:\/\/cst-client-channel-2793-tkox.viomassl.com\/js\/vri\/vri.js';\\u2028      a.parentNode.insertBefore ( m, a );\\u2028    }\\u2028  } )( window, document, 'vcst' );\\u2028  vcst( {load: 'init', url: 'https:\/\/cst-client-channel-2793-tkox.viomassl.com\/', set_language: 'de'} );\\u2028  vcst( {id: 27353} );\\u2028<\/script>\",\"css\":\"\/* =========================================================================\\n   Vioma Angebots-Slider (vri-package-scroller) \u2014 Churf\u00fcrstenhof-Stil\\n   Macht aus dem 1er-Rotator einen Karten-Slider mit Scroll + Pfeilen.\\n   Geh\u00f6rt zusammen mit vioma-slider.js eingebaut (Customizer\/Snippet).\\n   ========================================================================= *\/\\n.vri-package-scroller{position:relative;width:100% !important;max-width:none !important;\\n  background:none !important;box-shadow:none !important;height:auto !important;}\\n.vri-package-scroller-title{display:none;}\\n.vri-package-scroller-content{position:relative;width:100% !important;max-width:none !important;\\n  background:none !important;height:auto !important;}\\n\/* Rotator aushebeln: alle Karten sichtbar, echte Flex-Reihe mit Scroll-Snap *\/\\n.vri-package-scroller-items{\\n  height:auto !important;width:100% !important;max-width:none !important;\\n  position:static !important;overflow:visible !important;\\n  display:flex !important;gap:26px;\\n  overflow-x:auto !important;overflow-y:hidden !important;\\n  scroll-snap-type:x mandatory;scroll-behavior:smooth;\\n  scrollbar-width:none;padding-bottom:4px;\\n}\\n.vri-package-scroller-items::-webkit-scrollbar{display:none;}\\n.vri-package-scroller-item{\\n  display:flex !important;position:static !important;\\n  flex:0 0 400px;width:400px !important;height:580px !important;\\n  scroll-snap-align:start;\\n  flex-direction:column;\\n  background:#a9b78c;color:#fff;text-decoration:none;\\n  transition:box-shadow .18s ease;\\n}\\n.vri-package-scroller-item:hover{box-shadow:0 16px 40px -18px rgba(40,50,20,.45);\\n  text-decoration:none;color:#fff;}\\n\/* Default-Overlays des Widgets zur\u00fccksetzen *\/\\n.vri-package-scroller-item .vri-package-image{\\n  position:static !important;height:228px;width:100%;overflow:hidden;flex:none;}\\n.vri-package-scroller-item .vri-package-image img{\\n  width:100%;height:100%;object-fit:cover;display:block;}\\n.vri-package-scroller-item .vri-package-title{\\n  position:static !important;background:none !important;\\n  color:#fff;font-size:21px;line-height:1.35;font-weight:600;\\n  padding:30px 30px 4px;width:auto !important;height:auto !important;}\\n.vri-package-scroller-item .vri-package-info{\\n  position:static !important;background:none !important;\\n  padding:6px 30px 0;display:flex;flex-direction:column;gap:12px;\\n  width:auto !important;height:auto !important;}\\n.vri-package-scroller-item .vri-package-info-days{\\n  font-size:15px;color:rgba(255,255,255,.92);}\\n.vri-package-scroller-item .vri-package-info-days span{margin-left:6px;}\\n.vri-package-scroller-item .vri-package-info-price{font-size:17px;color:#fff;}\\n.vri-package-scroller-item .vri-package-variant-price{font-weight:600;color:#fff;}\\n\/* \\\"\u2014 Anfragen\\\" als Abschluss *\/\\n.vri-package-scroller-item::after{\\n  content:\\\"\u2014   Anfragen\\\";white-space:pre;\\n  margin:auto 30px 34px;padding-top:26px;\\n  font-size:17px;font-weight:600;color:#fff;}\\n.vri-package-scroller-item:hover::after{text-decoration:underline;text-underline-offset:4px;}\\n\/* Pfeile *\/\\n.vri-package-scroller-prev,\\n.vri-package-scroller-next{\\n  position:absolute;top:50%;transform:translateY(-50%);\\n  width:52px;height:52px;border-radius:99px;background:#f5f3ec;\\n  box-shadow:0 6px 18px rgba(40,50,20,.18);cursor:pointer;z-index:5;\\n  left:auto !important;right:auto !important;bottom:auto !important;}\\n.vri-package-scroller-prev{left:-72px !important;}\\n.vri-package-scroller-next{right:-72px !important;}\\n.vri-package-scroller-prev::before,\\n.vri-package-scroller-next::before{\\n  content:\\\"\\\";position:absolute;top:50%;left:50%;width:11px;height:11px;\\n  border-top:2px solid #2c3317;border-right:2px solid #2c3317;}\\n.vri-package-scroller-prev::before{transform:translate(-35%,-50%) rotate(-135deg);}\\n.vri-package-scroller-next::before{transform:translate(-65%,-50%) rotate(45deg);}\\n.vri-package-scroller-prev:hover,.vri-package-scroller-next:hover{background:#fff;}\\n@media (max-width:1560px){\\n  .vri-package-scroller-prev{left:8px !important;}\\n  .vri-package-scroller-next{right:8px !important;}\\n}\\n@media (max-width:640px){\\n  .vri-package-scroller-item{flex-basis:320px;width:320px !important;}\\n}\\n\\n\/* Feinschliff: linksb\u00fcndig, wei\u00dfe Preise, keine Trennlinien, Titel darf umbrechen *\/\\n.vri-package-scroller-item .vri-package-title{\\n  text-align:left !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;}\\n.vri-package-scroller-item .vri-package-info,\\n.vri-package-scroller-item .vri-package-info-days,\\n.vri-package-scroller-item .vri-package-info-price{text-align:left !important;}\\n.vri-package-scroller-item .vri-package-info *,\\n.vri-package-scroller-item .vri-package-info-days,\\n.vri-package-scroller-item .vri-package-info-price{border:none !important;}\\n.vri-package-scroller-item .vri-package-info-price,\\n.vri-package-scroller-item .vri-package-variant-price{color:#fff !important;}\\n\/* =========================================================================\\n   Vioma Buchungsstrecke (vri) \u2014 Churf\u00fcrstenhof-Styling\\n   Einbau: YOOtheme \u2192 Customizer \u2192 Benutzerdefiniertes CSS (oder Snippet).\\n   Kartenlayout: dunkelgr\u00fcne Karte, Bild links, alternierend wei\u00df.\\n   ========================================================================= *\/\\n.vri-package{\\n  --cfh-bg:#3a5122; --cfh-fg:#ffffff; --cfh-dim:#dfe3cd; --cfh-line:rgba(255,255,255,.25);\\n  --cfh-gold:#c9a24b;\\n  background:var(--cfh-bg); color:var(--cfh-fg);\\n  border-radius:10px; padding:34px; margin:0 0 30px;\\n  overflow:hidden;\\n}\\n.vri-package:nth-of-type(even){\\n  --cfh-bg:#ffffff; --cfh-fg:#2c3317; --cfh-dim:#5f6549; --cfh-line:#e4e1d2;\\n  border:1px solid #e4e1d2;\\n}\\n\/* Kopf: Bild links, Infos rechts *\/\\n.vri-package-head{display:grid; grid-template-columns:42% 1fr; gap:30px; align-items:start;}\\n.vri-package-head::before,.vri-package-head::after{display:none;}\\n.vri-package-image{width:100%; margin:0;}\\n.vri-package-image img{width:100%; height:100%; min-height:280px; object-fit:cover; border-radius:6px; display:block;}\\n.vri-package-info{padding:0;}\\n.vri-package-title{\\n  color:var(--cfh-fg); font-size:30px; line-height:1.2; font-weight:600; margin:0 0 14px;\\n}\\n.vri-teaser{color:var(--cfh-dim); font-size:15px; line-height:1.6; margin:0 0 16px;}\\n.vri-teaser ul{list-style:none; margin:12px 0 0; padding:0;}\\n.vri-teaser li{padding-left:22px; position:relative; margin-bottom:6px;}\\n.vri-teaser li::before{content:\\\"\u2726\\\"; position:absolute; left:0; color:var(--cfh-gold);}\\n\/* Buttons im Kopf *\/\\n.vri-package-buttons{margin-top:18px;}\\n.vri-package .vri-button,.vri-package .vsc-button{\\n  border-radius:4px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;\\n  font-size:13px; padding:12px 22px; border:none; transition:background .15s ease,color .15s ease;\\n}\\n.vri-package .vri-button:not(.vri-button-secondary){background:#1f2f10; color:#fff;}\\n.vri-package .vri-button:not(.vri-button-secondary):hover{background:#141f0a;}\\n.vri-package .vri-button-secondary{background:transparent; color:var(--cfh-fg); text-decoration:none;}\\n.vri-package .vri-button-secondary:hover{color:var(--cfh-gold);}\\n\/* Varianten-Zeilen *\/\\n.vri-package-variant{border-top:1px solid var(--cfh-line); padding:18px 0 6px; margin-top:18px;}\\n.vri-package-variant-infobar{background:transparent;}\\n.vri-package-variant-infobar-name{color:var(--cfh-fg); font-weight:600; font-size:17px;}\\n.vri-package-variant-infobar-days,\\n.vri-package-variant-infobar-date,\\n.vri-package-variant-infobar-content-row-title{color:var(--cfh-dim);}\\n.vri-package-variant-infobar-content-row-content{color:var(--cfh-fg);}\\n\/* Preis: Serifen-Akzent wie im Entwurf *\/\\n.vri-package-variant-price-from-txt{color:var(--cfh-dim); font-size:13px;}\\n.vri-package-variant-price{\\n  font-family:Georgia,\\\"Times New Roman\\\",serif; font-size:32px; font-weight:700;\\n  color:var(--cfh-fg); line-height:1.1;\\n}\\n.vri-package-variant-price-per-person,\\n.vri-package-variant-roomtype{color:var(--cfh-dim); font-size:13px;}\\n\/* Details \/ mehr *\/\\n.vri-package-variant-infobar-more a,\\n.vri-switch-contents-more{color:var(--cfh-gold) !important; font-weight:600;}\\n.vri-status-icon{filter:grayscale(1) brightness(1.6);}\\n@media (max-width:900px){\\n  .vri-package{padding:22px;}\\n  .vri-package-head{grid-template-columns:1fr;}\\n  .vri-package-image img{min-height:200px;}\\n}\\n\\n\/* Varianten-Zeilen: eigene Hintergr\u00fcnde des Widgets neutralisieren *\/\\n.vri-package .vri-package-variant,\\n.vri-package .vri-package-variant-infobar,\\n.vri-package .vri-package-variant-infobar-icon,\\n.vri-package .vri-package-variant-infobar-content,\\n.vri-package .vri-package-variant-infobar-content-row,\\n.vri-package .vri-package-variant-infobar-summary,\\n.vri-package .vri-switch-contents,\\n.vri-package .vri-package-details{background:transparent !important;}\\n.vri-package .vri-package-variant *{color:var(--cfh-fg);}\\n.vri-package .vri-package-variant-infobar-days,\\n.vri-package .vri-package-variant-infobar-date,\\n.vri-package .vri-package-variant-price-from-txt,\\n.vri-package .vri-package-variant-infobar-content-row-title,\\n.vri-package .vri-package-variant-price-per-person,\\n.vri-package .vri-package-variant-roomtype{color:var(--cfh-dim) !important;}\\n.vri-package .vri-package-variant-price,\\n.vri-package .vri-package-variant-price *{color:var(--cfh-fg) !important;}\\n.vri-package .vri-package-variant-infobar-more a,\\n.vri-package .vri-package-variant-infobar-more a *{color:var(--cfh-gold) !important;}\\n\/* Sekund\u00e4r-Button wirklich als Textlink *\/\\n.vri-package .vri-button-secondary,\\n.vri-package .vsc-button.vri-button-secondary{\\n  background:transparent !important; border:none !important; color:var(--cfh-fg) !important;}\\n.vri-package .vri-button-secondary:hover{color:var(--cfh-gold) !important;}\\n\\n\/* =========================================================================\\n   Lesbarkeit: auf Dunkelgr\u00fcn immer helle Texte (v2)\\n   ========================================================================= *\/\\n\/* Gold je Kartentyp: hell auf dunkel, dunkler auf wei\u00df *\/\\n.vri-package{--cfh-gold:#d8b563;}\\n.vri-package:nth-of-type(even){--cfh-gold:#a2822e;}\\n\/* Titel (inneres h3 aus dem Theme) + alle \u00dcberschriften\/Abs\u00e4tze in der Karte *\/\\n.vri-package .vri-package-title h1,.vri-package .vri-package-title h2,\\n.vri-package .vri-package-title h3,.vri-package .vri-package-title h4{\\n  color:var(--cfh-fg) !important;margin:0;}\\n.vri-package h1,.vri-package h2,.vri-package h3,.vri-package h4,\\n.vri-package p,.vri-package li{color:var(--cfh-fg);}\\n.vri-package .vri-teaser,.vri-package .vri-teaser p{color:var(--cfh-dim);}\\n\/* \\\"Details\\\"-Link deutlich in Gold *\/\\n.vri-package .vri-package-variant-infobar-more,\\n.vri-package .vri-package-variant-infobar-more *{color:var(--cfh-gold) !important;}\\n\/* Pagination: Zahlen immer lesbar *\/\\n.vri-pagination .vri-pagination-link,\\n.vri-pagination .vri-pagination-link span{color:#ffffff !important;}\\n.vri-pagination .vri-pagination-current{background:#c9a24b !important;}\\n.vri-pagination .vri-pagination-current .vri-pagination-link,\\n.vri-pagination .vri-pagination-current .vri-pagination-link span{color:#1f2f10 !important;font-weight:700;}\"}},{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div id=\\\"vri-container-27353\\\"><\/div>\n\n\\u2028<script type=\\\"text\/javascript\\\">\\u2028  ( function ( v, i, o, m, a ){\\u2028    if ( !( o in v ) ) {\\u2028      v.vioma_vri=o;\\u2028      v[o] || ( v[o] = function ( ){ ( v[o].q = v[o].q || [] ).push ( arguments ); } );\\u2028      m = i.createElement( 'script' ), a = i.scripts[0];\\u2028      m.src = 'https:\/\/cst-client-channel-2793-tkox.viomassl.com\/js\/vri\/vri.js';\\u2028      a.parentNode.insertBefore ( m, a );\\u2028    }\\u2028  } )( window, document, 'vcst' );\\u2028  vcst( {load: 'init', url: 'https:\/\/cst-client-channel-2793-tkox.viomassl.com\/', set_language: 'de'} );\\u2028  vcst( {id: 27353} );\\u2028<\/script>\",\"status\":\"disabled\"}}]}]}]}],\"version\":\"5.0.25\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2028<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2990","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/pages\/2990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/comments?post=2990"}],"version-history":[{"count":7,"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/pages\/2990\/revisions"}],"predecessor-version":[{"id":3109,"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/pages\/2990\/revisions\/3109"}],"wp:attachment":[{"href":"https:\/\/cfh.flytz.de\/en\/wp-json\/wp\/v2\/media?parent=2990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}